Personalizar las plantillas de web de Zyro es fácil y los resultados dan gusto. Simplemente ve a la página Sitios web, busca tu sitio y haz clic en Editar.
Las posibilidades de personalización
1. Personalizar colores
Para cambiar la paleta de colores global de tu sitio web, expande el panel Estilos a la izquierda y selecciona la pestaña Colores. Puedes elegir un preajuste preferido o personalizarlo haciendo clic en Cambiar colores.
Haz clic en un color para personalizarlo. Puedes establecer un color arrastrando el cursor sobre el área coloreada, así como utilizando valores de color HEX, RGB o HSL. Siempre puedes volver a la paleta de colores original haciendo clic en Restablecer colores predeterminados.
También puedes personalizar los colores para cada elemento del sitio web individualmente: simplemente haz clic en un elemento y elige Editar.
2. Personalizar fuentes
Para editar fuentes globales, expande el panel Estilos a la izquierda y abre la pestaña Texto. Puedes elegir entre los pares de fuentes sugeridos o puedes personalizarlos haciendo clic en Editar estilos de texto. Cada par consta de dos fuentes: una para encabezados y otra para párrafos y enlaces de menú. Estas dos fuentes se utilizan en todo tu sitio web.
También puedes personalizar el estilo de cada elemento de texto localmente: simplemente selecciona el segmento de texto y cambia su tamaño, color, fuente, etc. a través de la Configuración del elemento de texto.
3. Agregar páginas, secciones, elementos
Puedes agregar un número ilimitado de páginas, secciones y elementos a tu sitio web 🧙🏼♂️
Para agregar más páginas, expande el panel Menú del sitio web a la izquierda. Abajo, verás opciones para agregar una nueva página, un menú desplegable o un enlace como elemento de menú. La sección del menú, o el encabezado, es la sección superior de tu sitio web. Puedes leer más de la gestión del menú del sitio web aquí.
Para agregar más secciones, haz clic en el botón Agregar sección; puedes encontrarlo entre dos secciones. ¡Hay muchos tipos de secciones para elegir!
Para agregar más elementos, expande el panel Agregar elementos a la izquierda. Puedes arrastrar y soltar un elemento en el área deseada, o simplemente hacer clic en un elemento, y se colocará en la sección seleccionada. Para seleccionar (o activar) una sección, simplemente haz clic en ella; una sección activa siempre tiene un borde azul. ¡Puedes leer más sobre los elementos de un sitio web aquí!
4. Personalizar elementos de botones: estilos y opciones de enlaces
Puedes hacer clic en un elemento de botón y pulsar Editar botón para abrir su configuración. Allí verás tres pestañas: General, Estilo y Diseño.
En la configuración general, puedes cambiar el nombre de tu botón y configurar las opciones de enlaces. Puedes enlazar un botón a una página interna (dentro de tu sitio web), una URL externa (cualquier enlace), un número de teléfono o un correo electrónico. Puedes leer más al respecto aquí 💡
En la configuración de estilo, puedes elegir entre el estilo de botón primario o secundario, cambiar el color, el color del texto, el tamaño y la forma del botón. Nota: La forma del botón es una configuración global, es decir, todos los elementos del botón dentro de tu sitio web tendrán la misma forma para mantener la consistencia.
En la última pestaña, puedes cambiar la alineación de los botones dentro del área del elemento. Consejo: haz doble clic en la opción central para la alineación horizontal y el botón se extenderá completamente horizontalmente. De esta forma, los botones se ven más ordenados si sus títulos tienen varias longitudes.
5. Editar el encabezado de tu web (logo, menú)
El encabezado es la sección superior de tu sitio web. También es el lugar donde se ve el menú de la web. El encabezado puede contener un logotipo y un icono de cesta de compras.
Nota: Si no ves el encabezado, es posible que todas tus páginas estén ocultas. Para acceder a la Configuración del encabezado, al menos un elemento del menú (una página, un enlace o un menú desplegable) debe estar asignado a la navegación principal.
Puedes abrir la configuración del encabezado haciendo clic en la sección. Verás iconos de configuración en la parte inferior derecha del encabezado.
6. Copiar-pegar secciones y elementos
Para acelerar el proceso, puedes copiar y pegar elementos y secciones en otras secciones o incluso en otras páginas de tu sitio web. Simplemente haz clic con el botón derecho en un elemento y verás el menú secundario. También puedes usar atajos populares para copiar, cortar, eliminar, etc. utilizando Ctrl (Windows) o Cmd (iOS) y sus combinaciones. Puedes leer más sobre cómo copiar y pegar secciones del sitio web aquí 💡
7. Duplicar páginas, secciones, elementos
Para duplicar una página, expande el panel Menú del sitio web a la izquierda. Busca la página en cuestión, abre su configuración y haz clic en Duplicar. No te olvides de cambiar el nombre de la página duplicada y personalizarla si es necesario.
Para duplicar una sección, haz clic en ella y pulsa el botón Duplicar a la derecha.
Para duplicar un elemento, haz clic en él y pulsa el botón Duplicar.
8. Quitar contenidos innecesarios: eliminar páginas, secciones, elementos
Para eliminar una página, expande el panel Menú del sitio web a la izquierda. Busca la página en cuestión, abre su configuración y haz clic en Eliminar.
Para eliminar una sección, haz clic en ella y pulsa el botón Eliminar a la derecha.
Para eliminar un elemento, haz clic en él y pulsa el botón Eliminar.
9. Agregar código HTML personalizado
Hay dos formas de agregar código HTML a tu web Zyro, y depende del tipo de código.
Si necesitas agregar el código a la parte <head></head> del código fuente de tu sitio web, hazlo en la Configuración de integración del sitio web.
Si necesitas agregar el código a la parte <body></body> del código fuente de tu sitio web, utiliza el elemento de Incrustar código.
10. Personalizar la vista de dispositivos móviles de tu sitio web
Dado que la gran mayoría de los usuarios tiende a acceder a las webs a través de sus dispositivos móviles, hoy en día es super importante que se vea bien la versión de tu web en los dispositivos móviles. Puedes cambiar a la vista móvil haciendo clic en el icono del móvil en la barra de herramientas superior.
En la vista móvil, los elementos se muestran en el orden en que se agregaron a la vista de escritorio. Tienes que ordenar los elementos en la vista móvil manualmente. Puedes reordenar los elementos arrastrándolos y soltándolos. Estos cambios no afectarán la vista del escritorio. Puedes leer más al respecto aquí 💡
11. Agregar un blog
¡Puedes agregar un blog a cualquier plantilla! Simplemente expande el panel Blog a la izquierda y haz clic en Comienza un blog.
Se agregará automáticamente una nueva página de blog a tu web.
Puedes administrar todas las publicaciones de tu blog en el panel Blog: lee más 💡
12. Agregar una tienda a cualquier plantilla de web
¡Puedes agregar fácilmente una tienda online a cualquier plantilla de sitio web!
Las diferentes funciones de comercio electrónico están incluidas en los planes Business, Online Store y Advanced Store.
Para insertar una sección o página de tienda en tu sitio web, haz clic en Agregar sección y selecciona Lite store (disponible con los planes Business) o Online store (disponible con los planes Online store y Advanced Store).
¡Y list@! Ya puedes administrar tu tienda 🎉