Diseñador de páginas

Este es el panel de edición de páginas. Aquí es dónde crearás todas tus páginas, desde la página inicial hasta el "quiénes somos". Como puedes ver, el diseñador de páginas es como un puzzle, es decir, una página está estructurada por diferentes componentes, (imagen, texto, listados, etc...) que los puedes mover y desplazar por las diferentes celdas.

Los componentes que vayas colocando se mostrarán en color azul con una marca redonda de color verde. Esto te indicará si el componente es visible o no (todos los componentes tienen un parámetro para controlar la visibilidad, en la pestaña "Personalizar apariencia").

Elige la estructura de la pagina que desees.

A partir de la estructura, como puedes ver en la imagen, tienes un botón gris en la parte inferior de cada zona. Este botón da acceso a la lista de componentes disponibles.

Como puedes observar en la imagen siguiente, en todas las páginas tienes una zona con una etiqueta roja que dice ancho 100%. Esta zona está creada para colocar elementos al 100% del ancho de pantalla, es decir, que ocupen todo el ancho del dispositivo (ideal para cabeceras o mensajes en el pie). 

Para mostrar las zonas 100%, tienes que activar la opción "mostrar zonas 100%" de la parte superior derecha del diseñador.

Tienes una gran variedad de componentes (navegación, imagen, texto, producto, etc...)

Más adelante te explicaremos las características de cada componente en detalle.

Selecciona un componente de imagen, configura las opciones y acepta. Todos los componentes se adaptan automáticamente a cualquier zona, simplemente tienes que arrastrar y soltar y el componente se adaptará perfectamente a la zona elegida.

Veamos un ejemplo visual.

En la imagen de la izquierda puedes observar los distintos componentes que he elegido y la estructura de la página, ¿no es evidente el parecido? Y a la derecha tienes el resultado en la web. Más vale una imagen que mil palabras.