manual gestor de contenidos - tpvenlanubetpvenlanube.com/.../manual-gestor-contenidos.pdf · manual...

MANUAL GESTOR DE CONTENIDOS TPVenlaNUBE

MANUAL DE GESTOR DE CONTENIDOS DE TPVenlaNUBE 2

ÍNDICE

CAMBIAR FONDO DE LA PÁGINA ........................... 5

PERSONALIZAR LA CABECERA (SLIDER) ............. 8

CAMBIAR UN BANNER ........................................... 12

MODIFICAR EL PRODUCTO DEL MES ................. 15

BANNER DE REDES SOCIALES ............................ 20

HTML PERSONALIZADO ........................................ 25

CREAR UN CONTENIDO ESTÁTICO ..................... 29

EDITOR DE TEXTO ................................................. 32

CREAR CONTENIDO BLOG ................................... 47

MODIFICAR UN MENÚ ............................................ 52

FORMULARIO DE CONTACTO .............................. 68


Esta es la forma que tendrá nuestra página de inicio, las zonas recuadradas

de colores son los principales apartados que podremos modificar.

En primer lugar, en el recuadro AZUL tenemos un slider o cabecera principal,

en el podremos poner imágenes con nuestras ofertas o productos

destacados.

A la derecha, en el recuadro ROJO encontramos nuestro primer banner,

podemos colocar una imagen a modo de noticia o novedad y enlazarla a un

contenido. Podremos colocarlos en más lugares de la página.

Debajo de ellos, encontramos otro slider. En este caso, seleccionará

automáticamente productos aleatorios de nuestra tienda virtual.

En el cuerpo de la página, encontraremos una columna a la izquierda en la

que irán los menús correspondientes a la tienda (como podemos ver

“Categorías” y “Marcas”), un buscador, el “Producto del Mes” en VERDE, otro

menú con información relacionada a nuestra tienda y por último, un banner

para las redes sociales en ROSA.

En el centro de la página, lo que sería el cuerpo, iremos viendo el contenido

de la página como puede ser la tienda o un artículo.

Por último, en el pie de la página vemos otros dos banner, en ROJO, en los

que podremos incluir otras dos imágenes.


CAMBIAR FONDO DE LA PÁGINA El principal apartado que nos interesará cambiar primordialmente,

seguramente sea el fondo de nuestra página.

Este es el aspecto que tendrá la parte superior de nuestra página.

El fondo de esta se divide en dos, uno es el correspondiente a la parte

superior de nuestra página; la perteneciente al logo de nuestra tienda, el

menú superior, carrito y el área privada principalmente. La segunda parte del

fondo, es la que afectará a toda la página. Debemos tener en cuenta, que

este se repetirá en todas las direcciones; en ella encontramos nuestra

cabecera, banners, contenido estático, tienda…

Antes de cambiar ningún fondo es necesario tener en cuenta que el de la

parte superior no se repetirá y se sobrepondrá al fondo del resto de la página,

que la engloba en su totalidad (parte superior incluida pero detrás si

colocamos un fondo), por otro lado, el fondo del resto de la página si se

repetirá a fin de rellenarla por completo.

Para cambiarlo deberemos acceder a la administración de nuestro sitio.


Una vez aquí, debemos navegar hasta el apartado “Extensiones” → “Gestor

de Plantillas”.

Aquí se nos mostrará lo siguiente.

Estas son las dos plantillas que tenemos, corresponden al sitio y a la parte de

administración.

Nosotros cambiaremos el fondo en la correspondiente al “Sitio”, para ello

hacemos clic en su nombre, “comercio – Defecto” y nos llevará a una nueva

ventana.


Las opciones que nos interesan, se encuentran a la derecha de la ventana

englobadas en una zona llamada “Opciones Avanzadas”.

Tan solo debemos hacer clic en el botón “Seleccionar”, para que nos

despliegue un pop-up que nos permitirá seleccionar o subir la imagen que

deseemos poner; cómo se hace se explica en el apartado Insertar una

imagen.

Seleccionamos la que queramos usar y pulsamos sobre “Insertar”. Una vez

que hayamos seleccionado las imágenes, solo nos queda aplicar los cambios.

Si queremos deshacer los cambios, tan solo tendremos que pulsar sobre

“Limpiar” y volveremos a tener el fondo que había por defecto.


PERSONALIZAR LA CABECERA (SLIDER) Para cambiar el slider de la cabecera, marcado en AZUL, debemos ir a la

administración de nuestro portal y al apartado “Componentes” → “DJ-Image

Slider”→“Slides”.

Nos aparecerá una pantalla como esta.

Aquí nos aparecen todas las imágenes que tenemos en los diferentes slides.

En nuestro caso, como solo tenemos uno, solo aparecerán los

correspondientes a la categoría “Productos”.


Pulsando sobre Nuevo, en la parte superior derecha, podremos crear uno

nuevo para incluirlo en nuestra página. Tanto seleccionando “Nuevo”, como

editando uno ya existente, tendremos las mismas opciones. En esta ocasión

vamos a editar uno, el correspondiente a “Calzado”, por ejemplo.

Hacemos click en su nombre y nos llevará a una nueva vista con las opciones

pertinentes.


Tendremos varios apartados obligatorios (marcados con *):

Titulo.

Categoría.

Slide Image.

En primer lugar, debemos darle un nombre en el apartado “Título”. En el

apartado “Categoría”, tendremos un desplegable con los diferentes grupos de

sliders, debemos seleccionar al que queramos que pertenezca, en nuestro

caso solo aparecerá uno, “Productos”.

Como último campo obligatorio queda “Slider Image”, en el cual deberemos

seleccionar la imagen que queremos poner. Damos a Seleccionar y se nos

desplegará una ventana para elegir el archivo que queramos. También nos

permite subir la imagen como se explica en el apartado Insertar Imagen.

En cuanto a las opciones adicionales, tendremos las siguientes.


Link type: nos dejará seleccionar de un desplegable las opciones,URL

Address o, en caso de no querer que enlace a ningún sitio, “Don’t link”.

URL address: para enlazar a cualquier dirección, dentro o fuera de nuestra

web, escribimos la dirección exacta en este campo.

Cuando tengamos todo configurado, solo nos queda pulsar sobre Guardar y

cerrar para guardar los cambios que hayamos hecho.


CAMBIAR UN BANNER Marcado en ROJO tenemos los banners, en los cuales podemos introducir

una imagen.

Para modificarlos, debemos ir al apartado “Componentes” → “Banners” →

“Banners”.

Nos aparecerá este contenido.

Aquí podremos ver los banners actualmente publicados. Para modificar uno,

tendremos que hacer click en su nombre lo cual nos llevará a un nuevo

apartado. Modificaremos, por ejemplo, el llamado Banner 1.


Las principales opciones que nos interesan de aquí son:

Categoría.

Imagen.

URL Click.

En categoría deberemos seleccionar donde queremos que aparezca el

banner, tendremos un desplegable con las diferentes opciones: Anuncios

Superiores, Anuncios Inferiores y Anuncios Footer.

Anuncios Superiores: es el que aparece en la parte de la cabecera, a la

derecha del slider.

Anuncios Inferiores: son los que aparecerán en la parte del inferior de la

página.

Anuncios Footer: este apartado no es recomendable modificarlo. Es el que

incluye los métodos de pagos en el pie de la página.

En el

*NOTA IMPORTANTE: para una correcta colocación de la página es

necesario introducir las imágenes con el tamaño correcto, este varía en

función de la plantilla que tenga cada web. Para tener los tamaños

adecuados a su página, por favor, póngase en contacto con nosotros.


apartado “Imagen”, debemos seleccionar la imagen del mismo modo que

hicimos anteriormente en el slider. Debemos tener especial cuidado en que

tenga el mismo tamaño que la anterior en caso de cambiarla, ya que de no

ser así, podría descolocar la página por completo.

Por último, en el apartado “URL Click” podremos colocar un enlace al que

redirigirnos al hacer click en el banner. El enlace al que queramos que nos

envíe ha de ser absoluto, esto quiere decir que tiene que tener un formato tal

que:

http://comercio.tpvenlanube.com/es/tienda-online/productos

En nuestro ejemplo, queremos que nos mande a la página principal de la

tienda.

Cuando estemos conformes con los cambios que hemos realizado solo nos

falta guardarlos.


MODIFICAR EL PRODUCTO DEL MES Otro de los apartados que podemos modificar es el “Producto del mes”, en

VERDE, situado en el menú de la derecha.

Para ellos nos dirigimos esta vez al apartado “Extensiones” → “Gestor de

Módulos”.

Nos aparecerá una lista con todos los módulos que tiene nuestra página, para

encontrar el que nos interesa podemos usar el filtro por nombre e

introduciendo “Producto del Mes”:

O el desplegable llamado “- Seleccionar Módulo -” y seleccionando “VM –

Producto del Mes”:


Nos aparecerá una pantalla con la siguiente información.

Hacemos click en su nombre e iremos a la pantalla de edición para

modificarlo.

De todas las opciones que aquí encontramos solo necesitamos modificar dos.

En “Opciones Básicas” podremos seleccionar entre “Producto” o “Servicio”,

dependiendo de si queremos que sea “Producto del Mes” o “Servicio del

Mes”. Debajo debemos seleccionar el producto o servicio que queramos que

*En el caso de que no apareciese este módulo en el

buscador o en el listado, podrá añadirlo siguiendo la

explicación que encontrará más adelante.


aparezca. Para ello, antes debemos haberlos dado de alta en nuestra tienda.

Al pulsar en Seleccionar nos aparecerá un pop-up como este.

Donde al hacer click sobre el nombre se escogerá el producto.

Adicionalmente, podemos modificar el apartado “Título” del módulo para que,

en caso de seleccionar un servicio, quede mejor visualmente como “Servicio

del Mes”, en lugar de “Producto del Mes”.

Cuando terminemos de editarlo guardamos y listo.

En el caso de que no apareciese este módulo en el buscador o en el listado,

podrá añadirlo, pulsando el botón Nuevo del gestor de Módulos.


Y seleccionando el módulo “VM-Producto del mes”.

Después se deberá rellenar el campo título poniendo Producto del mes o lo

que prefiera que aparezca en la web. También se pude elegir que el campo

del título se muestre o no. Luego hay que escoger la posición, es muy

importante que se seleccione “left” para que no se descoloque el resto de la

página.

El estatus deberá ser Publicado para que aparezca el módulo en la web.

El orden del módulo será por defecto el último. Si interesa que aparezca por

delante de otro de los módulos, que aparecen en la izquierda de la web, una


vez guardado el módulo hay que volver a editarlo y entonces se podrá

cambiar su orden.

En el Menú Asignado se escogerá en que menús, de los que tenemos

creados en nuestra web, queremos que aparezca el módulo de Producto del

mes.

En el campo Modulo Asignado elegimos en el desplegable si queremos que

aparezca:

- En todas las páginas

- En ninguna página

- Solo en las páginas seleccionadas. Se seleccionarán de entre las que se

ven en el Menú de selección.

- En todas las páginas excepto las seleccionadas.

- Solo faltaría rellenar los campos de Opciones básicas, explicado más

atrás.


BANNER DE REDES SOCIALES Por último, podemos modificar los botones de las Redes Sociales, en rosa,

para que enlacen a nuestra página.

Para ello nos dirigimos al gestor de módulos; “Extensiones” → “Gestor de

Módulos”.

Nos aparecerá una lista con todos los módulos que tiene nuestra página. De

nuevo, para encontrar el que nos interesa usaremos el filtro por nombre en el

cual escribiremos “Redes Sociales”:


O podemos usar el desplegable llamado “- Seleccionar Módulo -”

seleccionando “Social Media Icon Links”:

Nos aparecerá el siguiente contenido en la página.

Hacemos clic en su nombre, Redes Sociales y nos llevará a la página de

configuración.


De este módulo nos interesa el apartado “Social Media Icons”, desde el cual

podremos elegir que redes sociales queremos que aparezcan.

No obstante, en las “Opciones Básicas” podremos cambiar varias cosas, las

más relevantes:

Choose Icon Size: nos permite cambiar el tamaño de los iconos.

Align Icons: nos permite colocarlos alineados a la izquierda (Left), centro

(Center) e derecha (Right).

Hover Text: el texto que aparecerá al pasar el ratón por encima.


En el apartado “Social Media Icons” tenemos una lista con muchas redes

sociales. Podemos poner tantas como queramos, solo hay que tener en

cuenta que crecerá haciéndose más largo hacia abajo.

Para añadir una nueva red social es tan simple como seleccionar el icono

correspondiente y añadir la URL de nuestra red social.

En el desplegable tenemos una gran cantidad de iconos de redes sociales.


Por ejemplo, si queremos que vayan a la página en Facebook de

TPVenlaNUBE debemos seleccionar el icono “Facebook.png” e introducimos

en el apartado URL el enlace de la página en Facebook:

https://www.facebook.com/TPVenlaNUBE

Cuando terminemos solo nos falta guardar los cambios y ya tenemos

nuestras redes sociales enlazadas.

https://www.facebook.com/TPVenlaNUBE


HTML PERSONALIZADO Adicionalmente, podemos crear módulos con código HTML personalizado.

Para ellos tenemos que ir a “Extensiones” → “Gestor de Módulos”.

Nos aparecerán de nuevo todos los módulos que tengamos en nuestra

página. Arriba nos aparece el botón “Nuevo”.

Pulsando sobre él nos abrirá un pop-up con los diferentes tipos de módulos

disponibles. Seleccionaremos “Personalizar HTML” e iremos a un nuevo

contenido.


Esta será nuestra nueva ventana para crear nuestro módulo personalizado.

Tenemos dos campos obligatorios, marcados con asteriscos (*), son:

Título: El nombre que le queramos dar al módulo.

Posición: El lugar donde lo queramos colocar. Generalmente solo podemos

colocarlos en la columna de la izquierda, llamada “left”. Cualquier otra

posición descolocará la página por completo.


A la derecha vemos en las “Opciones Básicas” si queremos poner una

imagen de fondo (background) y el botón para seleccionarla.

El contenido que mostrará nuestro módulo lo podremos editar en el apartado

“Salida personalizada” (explicaremos sus funcionalidades más adelante en el

apartado Editor de texto).

Debemos tener en cuenta que si colocamos una imagen en el apartado

“Seleccionar imagen para el background”, esta no se mostrará entera, sino

que aparecerá como fondo del contenido que pongamos.

En caso de querer introducir código HTML, en “Salida personalizada”

debemos activar el editor de código, para ello pulsaremos sobre el icono

seleccionado a continuación.

Se nos abrirá editor de HTML y ahí podremos escribir HTML directamente.


Nos aseguraremos de que este publicado y le hayamos dado un nombre y

posición, y guardamos los cambios.


CREAR UN CONTENIDO ESTÁTICO Otro apartado importante para nuestra página, es la creación de contenido,

para ello debemos crear un artículo.

Nos dirigimos a “Contenido” → “Gestor de Artículos”.

Nos aparecerá una lista con todos los artículos que tengamos creados, estén

o no publicados.

*NOTA IMPORTANTE: Es importante saber que estos contenidos que

creemos aquí deberemos enlazarlos a un menú para que aparezcan en

nuestra página. Esto se explica en el apartado Modificar un menú


Si queremos publicar o despublicar un artículo de forma rápida solo

tendremos que pulsar sobre el check verde (publicado) que tiene en la

columna “Estatus” y pasará a ser rojo (despublicado).

Para crear un nuevo artículo, debemos pulsar sobre Nuevo, lo que nos

llevará a un nuevo apartado (parecido al de “Personalizar HTML”).


Debemos dar un nombre en el apartado “Título” ya que es obligatorio

(marcado con *).

También debemos asignarle una “Categoría” de las disponibles en el menú

desplegable. (Nosotros podremos crear tantas categorías de contenido como

queramos. En Contenido → Gestor de categorías → Añadir nueva Categoría)

En la zona “Texto Artículo” tenemos un editor de texto con el que podremos

personalizar nuestro artículo fácilmente. Su funcionamiento se explica más

adelante.

Una vez hecho guardamos y aparecerá el nuevo artículo en el listado junto a

los creados anteriormente.


EDITOR DE TEXTO Este editor de texto nos facilita mucho el trabajo a la hora de crear un

contenido estático. Tiene una gran cantidad de opciones que nos permitirán

personalizarlo a nuestro gusto.

La primera fila de opciones son todas relativas al formato del texto, como

pueden ser: letras en negrita, cursiva, subrayado, alineaciones, tipos de texto,

estilos predefinidos…

La segunda línea tiene más opciones de formato de texto: el tipo de letra,

tamaño, color, subrayado, sangrías, listas, caracteres especiales…

En la tercera fila disponemos de herramientas de edición del texto tales como:

ver la pantalla completa, visor de código, buscar y remplazar… Así como las

herramientas de creación de tablas: crear tabla, insertar fila o columnas,

borrar fila/columna, combinar celdas…


Por último, en la cuarta fila tenemos unas cuantas opciones de formato más y

las correspondientes al contenido multimedia.

Esta última fila contiene varios elementos que nos interesan en gran medida

ya que nos permitirán insertar videos, imágenes, etc.

INSERTAR ENLACE

En primer lugar, veremos cómo introducir un hipervínculo (o enlace). Para

ello, debemos de usar el icono con forma de cadena.

Esto desplegará una ventana desde la cual crearemos nuestro enlace.


Podremos enlazar de diversas formas, una de ellas es escribir la URL en el

apartado “URL”, lo que nos enviará a la dirección que le digamos cuando

pulsen sobre nuestro enlace. Deberá ir precedida de http//:

En este mismo campo podemos poner la dirección que lleve a un fichero que

tengamos guardado en nuestro ordenador, pulsando en el botón que vemos

en la siguiente imagen.

También podemos hacer que el enlace llevé a una dirección de correo para

que nos puedan escribir un email, en To pondremos la dirección donde

queremos recibir el email, podemos poner con copia (CC) a otra dirección que

queramos o con copia oculta (BCC) para que no se vea la dirección de correo

de este campo. Y ponemos el asunto que nos interesa que aparezca por

defecto (Subject).


En el apartado “Texto” aparecerá la palabra que hemos seleccionado en

nuestro texto, que será sobre la que queremos que hagan clic o que sustituya

a la URL. En nuestro ejemplo, seleccionamos “palabra” para que nos sirva de

enlace.

También podemos enlazar con un contenido de nuestra página, para ello

usaremos el recuadro “Links”.

Podremos conectar con otros artículos, elementos de los menús… (Explorar)

Por ejemplo, con esto, como vemos en la imagen conseguiremos enlazar con

el menú Tienda que es la tienda virtual.


En la parte de atributos vemos que también podemos poner que el enlace

vaya a anclas que hayamos insertado anteriormente en el texto que estamos

introduciendo en el editor. Seleccionaríamos el ancla que nos interese de

entre las que aparecen en el desplegable.

Un ancla se añade seleccionando el texto al queremos que nos lleve el enlace

y pulsando seguidamente el icono .

Al hacerlo se nos abre una ventana para que introduzcamos el nombre del

ancla, para luego poder localizarlo a la hora de asociarlo a algún enlace.

Una vez que hemos pulsado Insertar aparecerá en el texto del editor como se

ve en la imagen.


También podemos seleccionar como queremos que se presente el nuevo

contenido, ya sea en la misma ventana, en una nueva… Esto lo podremos

decidir en el apartado “Destino” que desplegará todas estas opciones.

En el campo Título pondremos el texto que queremos que aparezca en la

pestaña que sale al ponerse encima de la palabra que sirve de enlace.

Pulsamos sobre insertar y nos colocará el texto con el enlace a la Tienda.

INSERTAR IMAGEN

El siguiente botón que veremos será el de “Insertar/Editar Imágenes”.

Al pulsar sobre ella nos desplegará otra ventana con las diferentes opciones

para insertar imágenes.


Esta ventana está separada en dos partes, en la superior encontramos las

“Propiedades”, donde le podremos dar el tamaño que queramos, la

alineación, los márgenes y si queremos podremos insertar una imagen

directamente desde internet (apartado “URL”).

En la parte inferior esta el “Explorador de Archivos”, el cual nos permite de

una forma visual elegir la imagen que queramos colocar, así como subirla.

En el “Explorador de Archivos” tendremos tres iconos ( ) en la zona

superior de la derecha, los cuales el primero nos permiten crear una carpeta

, el segundo nos permitirá subir archivos y el tercero es el

correspondiente a la ayuda .

Para crear una carpeta solo tendremos que navegar hasta el lugar donde

queramos colocarla a través del explorador, en la división de la izquierda (la

primera: Carpetas); al pulsar sobre crear la carpeta solo le tendremos que

darle un nombre.


Si queremos subir un archivo, de nuevo debemos navegar hasta la carpeta

donde deseemos guardar las imágenes. Después tenemos que pulsar en el

segundo botón, . y se nos desplegará un pop-up, pulsamos en Browse y

buscamos los archivos que queramos subir y posteriormente pulsamos en

Upload.

Una vez subida, para seleccionar la imagen debemos navegar por las

diferentes carpetas hasta donde la hayamos dejado guardada y seleccionarla

en la división del medio (Nombre), donde los aparecen todo el contenido de

esa carpeta.

Por último, en la tercera y última división (Detalles) nos aparecerán los

detalles de la imagen así como una vista previa.


Ahora podemos cambiarle el texto alternativo, el tamaño, la alineación,

márgenes, etc.

Cuando estemos conformes con los cambios solo nos queda pulsar sobre el

botón “Insertar”.

INSERTAR UNA IMAGEN CON ENLACE

Podemos combinar varias de estas opciones con el fin de conseguir algo que

no viene especificado fácilmente. Por ejemplo, puede darse el caso en que

queramos insertar una imagen y que al pulsar sobre esta nos mande a otro

apartado o página web.

Para ello solo tendremos que seguir dos sencillos pasos.

Primero debemos insertar la imagen del modo que acabamos de ver (Insertar

Imagen), y, una vez de vuelta al editor de texto tan solo debemos seleccionar

la imagen (hacer clic sobre ella) e insertar un enlace como vimos

anteriormente (Insertar un Enlace).

INSERTAR FICHEROS

La siguiente opción que veremos será la de insertar un fichero.

Al pulsar sobre ella nos desplegará una ventana similar a la de insertar una

imagen. Como podemos ver, es bastante parecido. Tenemos tres secciones,

donde introduciremos el enlace del archivo (Enlace), el texto que queramos

que aparezca, tamaños… (Opciones) y por último, el “Explorador de

Archivos”, con la misma función que anteriormente, ayudarnos a encontrar o

subir los archivos.


El proceso para crear una carpeta o subir un archivo es el mismo que para las

imágenes.

Para crear una carpeta, solo tendremos que navegar hasta el lugar donde

queramos colocarla a través del explorador, en la división de la izquierda

(Carpetas); al pulsar sobre Nueva carpeta solo le tendremos que dar un

nombre.

Si queremos subir un archivo debemos pulsar en el segundo botón, .

De nuevo debemos navegar hasta donde deseemos guardar las imágenes.

Nos desplegará una ventana a la cual deberemos arrastrar los archivos que

queramos subir o pulsar Browse para buscarlo en nuestro ordenador y

después pulsar en “Upload”.


Una vez hayamos seleccionado el archivo, podemos personalizar las

opciones. Por ejemplo, el texto que aparecerá en el enlace para descargar el

archivo (en nuestro caso “Descárgate el Logo de Joomla”).

Cuando estemos conformes con los cambios pulsamos sobre “Insertar” y nos

colocará el enlace al archivo en nuestro texto.


INSERTAR CONTENIDO MULTIMEDIA

La última opción del editor nos permitirá introducir un video o archivo flash en

nuestro artículo.

Es importante tener en cuenta que el editor SOLO insertará el archivo, no lo

convertirá a ningún formato, debemos proporcionarlo ya listo.

Al pulsar sobre el botón nos desplegará una ventana, similar a las

anteriormente vistas.


En el apartado superior (Propiedades), podremos elegir el tipo de contenido

que vamos a introducir, seleccionándolo en el desplegable, así como las

diferentes opciones relacionadas con el formato de este.

Para subir el archivo es el mismo proceso de siempre y cuando lo

seleccionemos se nos completará automáticamente la URL.


En caso de que queramos insertar un video desde Youtube o Vimeo

deberemos seleccionar esta opción e insertar el enlace del video en el

apartado URL.

Por ejemplo, para insertar el video del siguiente enlace, debemos seleccionar

“Youtube” en el apartado “Media Type” y pegar el enlace en donde aparece

“URL”.

http://www.youtube.com/watch?v=rErBtM1bn8A

Automáticamente le pondrá el ancho por defecto y podremos pulsar sobre

insertar, cuando terminemos de realizar las modificaciones pertinentes.

Nos insertará un cuadro amarillo sin contenido, ya que está enlazado

directamente con internet y no con contenido de nuestra página web.

http://www.youtube.com/watch?v=rErBtM1bn8A


Cuando este todo listo nos aseguramos de darle un nombre y una categoría y

pulsamos sobre guardar.

Ya tenemos listo nuestro artículo.


CREAR CONTENIDO BLOG Nuestra página también dispone de un apartado para contenido Blog o

Noticias.

Para crear un nuevo artículo de blog o noticia seguiremos en gran parte los

mismos pasos que al crear un artículo.

Vamos de nuevo al apartado “Contenido” → “Gestor de Artículos”.

Nos aparecerá de nuevo la lista con todos los artículos.


Podemos filtrarlos para que aparezcan solo los de la categoría “Blog”, para

ello seleccionaremos en el desplegable “- Seleccione Categoría –“la opción

“Blog”.

Con esto conseguiremos que aparezcan solo los que forman parte de las

noticias blog para facilitarnos la edición de cualquier artículo.

Si queremos crear uno nuevo, haremos clic en “Nuevo” lo cual nos llevará de

nuevo a la gestión de un artículo.

Debemos rellenar los campos obligatorios, marcados con * y seleccionar en

Categoría la opción “Blog”.

Tras hacer esto, solo tenemos que crear el contenido dándole forma como se

explica en Creación de un Contenido estático .

La diferencia entre un contenido estático y un contenido blog, es que en la

creación de un contenido estático tenemos que enlazar el artículo a un menú,

mientras que el contenido blog al seleccionar que pertenece a la Categoría

Blog, se coloca directamente en este apartado que ya esta creado por

defecto.

Para dar forma a las noticias que aparezcan en el blog, nos ayudaremos de

esta opción del editor de texto.


Con esto insertaremos un separador con el cual solo mostraremos la parte

que queramos de la noticia. He aquí un ejemplo.

Crearemos un contenido blog en el cual se muestre por ejemplo, una imagen,

el título y un trozo de texto y al pulsar sobre “Leer más” se muestre el resto

del contenido.

Para ello debemos crear primero nuestro artículo.

Este sería nuestro artículo completo, así aparecería en nuestra web.


Si ahora queremos que solo se vea, por ejemplo, la imagen, el título y el

primer párrafo y el segundo párrafo solo se vea si pulsan en Leer mas,

debemos pulsar Insertar Leer más, entre en primer párrafo y el segundo de

este modo.

Cuando lo tengamos todo listo lo guardamos y nos aparecerá en nuestro

apartado “Blog” en la web del siguiente modo.


Y cuando pulsemos sobre “Leer más…” nos llevará al contenido completo.


MODIFICAR UN MENÚ Puede que nos interese crear un nuevo apartado en un menú o modificar el

contenido al que apunta este. Para poder hacer esto debemos cambiar el

artículo al que se dirige el enlace del menú.

Debemos ir al apartado “Menús” → “Gestor de Menús”.

Nos aparecerán todos los menús que tengamos en la página web. Se nos

mostrará del siguiente modo.


Estos son todos los menús que hay en nuestra página. Veamos brevemente

donde está situando cada uno.

- Menú Principal. Es el menú superior de nuestra página. Incluye apartados

como: Tienda, Blog, Donde estamos, Contacto…

- Menú Inferior. Es el menú que está en el pie de la página, en el cual

encontramos el Mapa del Sitio, los Términos y condiciones…

- Enlaces no visibles. Este menú es necesario para el funcionamiento interno

de la página, a pesar de no ser visible, ya que enlaza distintos lugares de la

página.

- Menú Usuario. Este menú solo será visible para usuarios registrados y es

desde el cual podrán gestionar su cuenta.

- Menú Información. Colocado en la columna izquierda de nuestra página nos

muestra artículos como: FAQ, Garantías…

Los enlaces que podemos cambiar sin problema alguno son los que

pertenecen a los menús: “Menú Información” y “Menú Inferior”, ya que

contiene enlaces a artículos con información de nuestra página.

Adicionalmente, podemos modificar los apartados “Empresa” y “Donde

estamos” del “Menú Principal”; ya que estos contienen enlaces a artículos

referidos a nuestra empresa.

AÑADIR UN APARTADO A UN MENÚ

En algunas ocasiones, nos puede interesar añadir un apartado más a un

menú.

Si queremos, por ejemplo, añadir un apartado “Servicios” al “Menú Principal”,

debemos seguir unos simples pasos. (Antes de empezar, debemos haber

creado ya nuestro contenido estático, como se explica en Crear un

Contenido Estático)

Para comenzar, debemos situarnos en el menú donde queramos incluir

nuestro nuevo Apartado.

Haremos un ejemplo para incluir un apartado, ej. Proveedores, en el Menú

Información.

*NOTA IMPORTANTE: Tenemos que tener cuidado cuando

modifiquemos un enlace en un menú, ya que podríamos hacer que

dejase de funcionar otro apartado que dependa de este.

.


Accedemos a “Menús”→“Menú Información”.

Nos aparecerá una lista con todos los elementos que tengamos colocados

actualmente.

Para crear un nuevo elemento debemos pulsar sobre “Nuevo”, este botón

está situado en la parte superior. Nos abrirá una ventana con esta

información.


Los campos marcados con un asterisco (*) debemos rellenarlos

obligatoriamente como ya hemos visto anteriormente.

El primero que nos aparece, es el llamado “Tipo Elemento Menú”. Debemos

pulsar sobre Seleccionar, lo cual desplegará una ventana con la lista de

todos los tipos de elementos de menú disponibles.


Siempre que creemos un nuevo apartado en el menú para enlazarlo con un

contenido estático debemos seleccionar la opción “Articulo simple”. (Si es un

blog y queremos que tenga nuevas subcategorías dentro de la Categoría Blog

seleccionaremos Categoría Blog)

Pulsando sobre el tipo de elemento de menú nos devolverá a la pantalla

anterior con la casilla rellena. Ahora debemos darle un nombre, que

pondremos en Título de menú. En este ejemplo se llamará “Proveedores”.

También debemos seleccionar la “Localización Menú”, que será en cual de

nuestros menús aparecerá este nuevo enlace. Por defecto aparecerá el menú

en el cual estábamos cuando pulsamos “Nuevo”(en nuestro ejemplo Menú

información), pero podemos elegir otro si queremos.


Por último, debemos elegir que artículo nos deberá mandar cuando hagamos

clic sobre él. Para ello usaremos el apartado “Configuración Requerida”, a la

derecha.

Desde ahí seleccionaremos el artículo de la siguiente forma.

Al pulsar sobre “Seleccionar/Cambiar” se nos desplegará una ventana con

todos los artículos que tengamos creados, tan solo debemos elegir el que

queramos colocar ahora.


Una vez seleccionemos cual es el nuevo a enlazar, aplicamos los cambios

pulsando sobre Guardar y ya hemos creado un nuevo enlace del menú.

Ahora se nos mostrará así en nuestra página.


ENLAZAR MENÚS A CONTENIDOS ESTÁTICOS

Puede darse el caso en que queramos tener varias páginas con condiciones

de venta, información o localización de nuestra tienda y queramos cambiar

entre ellas.

Vamos a modificar uno como ejemplo.

En primer lugar debemos tener un contenido estático creado, como se explica

en Crear un Contenido estático.

Para modificar el lugar al que enlaza, debemos ir al menú en el cual

queremos modificar el enlace. En este ejemplo vamos a cambiar el

correspondiente a “FAQ” en el “Menú Información”. Accedemos a este menú y

nos mostrará esto.


Pulsamos sobre “FAQ” y pasaremos a una nueva ventana, en la cual

tendremos varias opciones. A nosotros solo nos interesa el apartado

“Configuración Requerida” situado a la derecha.

Desde ahí seleccionaremos el artículo de la siguiente forma.

Al pulsar sobre “Seleccionar/Cambiar” se nos desplegará una ventana con

todos los artículos que tengamos creados, tan solo debemos escoger el que

queramos colocar ahora en el lugar que estaba el anterior. Como vamos a

cambiar el articulo “FAQ” por “FAQ 2” debemos elegir este último en la lista.


Una vez escojamos cual es el nuevo a enlazar, aplicamos los cambios

pulsando sobre Guardar y ya hemos cambiado el enlace del menú.

El proceso no cambia sea cual sea el menú a modificar.

APARTADO PARA SERVICIOS

El apartado Servicios depende mucho de su negocio, puede que le interese

tenerlo y puede que no. A continuación vamos a ver como publicarlo y

despublicarlo, y en caso de no tenerlo, como crear uno.

Este apartado debe de estar situado en el “Menú Principal”.

Accederemos igual que anteriormente, “Menús” → “Menú Principal”.


Si ya disponemos del menú creado pero está despublicado aparecerá de la

siguiente forma.

Simplemente deberemos pulsar sobre el círculo rojo , y pasará a ser de

color verde y con esta forma . Y ya tendremos nuestro apartado publicado.

Seguiremos el mismo proceso a la inversa, si lo que deseamos es que no

aparezca.

En caso de tener que crearlo, nos aparecerá la página de la siguiente forma.


Pulsamos sobre el botón “Nuevo”, situado en la parte superior. Iremos a este

apartado en el cual debemos rellenar los campos obligatorios (*).


Al pulsar sobre “Tipo Elemento Menú” nos mostrará un desplegable en el cual

deberemos seleccionar el tipo de enlace. En este caso vemos en la parte de

abajo uno llamado “Links de la tienda” dentro de la categoría “TPV en la

Nube”.

Esto nos mostrará estas opciones en la zona “Configuración Requerida”.

En “Vista” deberemos seleccionar “Listado por servicios”,


Lo que nos permitirá escoger en “Seleccione categoría” entre las distintas

categorías de servicios que tengamos.

Nos quedará ponerle un nombre y guardar los cambios. Ya tenemos creado

nuestro apartado de “Servicios” en la página principal.

ORDENAR MENÚ

Si queremos cambiar la posición de un elemento del menú para que aparezca

antes que otro, deberemos seguir estos sencillos pasos.

En primer lugar, debemos dirigirnos al menú que queramos reordenar.

Cuando creamos un nuevo menú, como hemos visto en el apartado anterior

que creamos uno para los servicios, vemos que estará colocado el último de

la lista. Si nos interesa que aparezca en otra posición, haremos lo siguiente.

Nos dirigimos a “Menús” → “Menú Principal”.


Nos aparecerá una lista con todos los elementos que tengamos, y en la última

posición nuestro nuevo elemento llamado “Servicios”.

Para colocarlo donde queramos simplemente iremos haciendo clic en las

flechas azules dependiendo en la posición que lo queramos llevar.

Finalmente podría quedar algo parecido a esto.


El proceso a realizar para ordenar un elemento es el mismo

independientemente del menú en el que estemos.


FORMULARIO DE CONTACTO

Puede darse el caso de que cuando un cliente rellena un formulario de

contacto, queramos que llegue a varios correos al mismo tiempo.

Para hacer esto posible tan solo deberemos cambiar dos opciones.

En primer lugar debemos dirigirnos al menú “Componentes” →

“ChronoForms” → “Forms Manager”.

Nos mostrará esta información.

Hacemos clic sobre “Wizard edit” en la fila correspondiente al formulario que

queramos cambiar.

Nos aparecerá esta pantalla.


Nos dirigimos al apartado “Emails”, mostrándonos este nuevo contenido.

Solo debemos modificar el cuadro de texto del apartado “To” e introducir

tantos emails como deseemos siempre separados por una coma (,).

También debemos cambiar el apartado “From email” para que aparezca el

email desde donde “lo enviamos”, aunque en verdad se envíe desde nuestra

web.


Cuando terminemos de introducir los correos a los que queremos que llegue

guardamos los cambios pulsando en “Guardar y Cerrar”.

manual gestor de contenidos - tpvenlanubetpvenlanube.com/.../manual-gestor-contenidos.pdf · manual...

Documents