Personalización del diseño de página de EdCommerce

Explica cómo personalizar el diseño de las páginas de un sitio de EdCommerce después de su creación inicial, cubriendo tres áreas: (1) Detalles de la página: edición de la identidad básica y los ajustes de configuración en Settings > Ecommerce > Ecommerce Details (colores mediante la paleta predeterminada o un HEX personalizado, logotipo, zona horaria, fechas de inicio y finalización de la campaña, título del sitio, URL, descripción, política de privacidad, idioma predeterminado y moneda predeterminada; después, hacer clic en Save); (2) Plantillas y diseño: cambio de las plantillas de diseño sin código para Main Search (página de inicio) en Settings > EdCommerce > Buscar, la página de resultados de búsqueda en Settings > EdCommerce > Results y las páginas de proveedores mediante Settings > Providers > icono de tres puntos > Customize Provider Page; y (3) Menú de navegación: edición de la barra de navegación en Settings > EdCommerce > Navbar (que incluye Search, Proposals y Contact), lo que permite activar o desactivar elementos, reordenarlos y anidarlos mediante arrastrar y soltar, añadir nuevos elementos mediante 'Add New Page' (URL externa o página de EdCommerce existente) y establecer un 'Logo Redirect' personalizado para el logotipo del sitio.

Durante el proceso de creación del sitio, ya añadiste esta información inicial, como el logotipo, el tipo de fuente, la combinación de colores, el título, la descripción, la URL...

Este artículo explica cómo editar estos aspectos básicos de tu sitio, cómo personalizar su diseño con plantillas y cómo editar su menú de navegación.

Detalles de la página

En esta sección veremos cómo editar todos estos aspectos básicos de tu sitio (si no quieres cambiar nada, puedes omitir este paso).

• Ve a Settings > Ecommerce > Ecommerce Details

En esta sección podrás editar:

• Colores: puedes añadir uno de los colores predeterminados o tu propio color HEX (por ejemplo, #FFFFFF)
• Tu logotipo
• Tu zona horaria
• La fecha de inicio y finalización de tu campaña de comercio electrónico.
• El título de tu sitio
• La URL
• La descripción de tu sitio
• Añadir tu política de privacidad
• Establecer tu idioma predeterminado
• Establecer tu moneda predeterminada

¡No olvides guardar los cambios antes de cerrar la página! Encontrarás el botón 'save' en la parte inferior de la página.

Plantillas y diseño

Como seguramente ya sabes, el contenido de tus páginas de EdCommerce es totalmente personalizable.

No solo puedes elegir entre una variedad de colores, fuentes y otros ajustes, sino que también puedes controlar cómo se muestra este contenido. Gracias a nuestras plantillas fáciles de usar, puedes personalizar el diseño de tus páginas sin necesidad de conocimientos de programación.

Plantillas para la búsqueda principal

Puedes elegir entre 2 estilos diferentes para tu página de inicio y personalizar la experiencia de tus estudiantes al buscar programas en tu sitio.

Solo tienes que ir a la página de Settings > EdCommerce > Buscar y seleccionar tu estilo favorito.

Plantillas para la página de resultados de búsqueda

Una vez que un estudiante realiza una búsqueda, será llevado a la página de resultados. También puedes personalizar cómo se muestran estos resultados eligiendo entre tres estilos diferentes.

Simplemente ve a tu página de 'Configuración', selecciona 'Edcommerce', luego 'Resultados', y elige la plantilla que mejor se adapte a tus preferencias.

Plantillas de la página del proveedor

Estos temas o plantillas ofrecen tres estilos de diseño diferentes para las páginas de tus proveedores. Estos estilos determinan cómo se presenta la información de los educadores a tus estudiantes.

Para seleccionar un estilo, ve a tu página de configuración de Edcommerce, selecciona 'Proveedores', haz clic en el icono de tres puntos junto al proveedor que deseas personalizar y selecciona 'Personalizar página del proveedor'.

Menú de navegación

La barra de navegación, a menudo llamada navbar, sirve como menú para tu sitio de Edcommerce. Permite a los estudiantes acceder fácilmente a las distintas secciones de tu sitio.

Para editar el menú de tu sitio, ve a la página de configuración > Edcommerce > Navbar.

Aquí encontrarás las siguientes páginas de forma predeterminada:

• Buscar
• Propuestas
• Contacto

Cómo ocultar o mostrar elementos en tu menú

En la sección 'Navbar' de la configuración de Edcommerce, encontrarás una lista de todos los elementos (o páginas) disponibles para tu barra de navegación.

Depende de ti si estos elementos aparecen en tu menú. Para mostrarlos u ocultarlos, simplemente actívalos o desactívalos. Esta acción añadirá o eliminará los elementos del menú de tu sitio web, respectivamente.

Cómo organizar los elementos de tu menú

Organizar las páginas de tu menú es muy sencillo gracias a la función de arrastrar y soltar. Simplemente haz clic en los elementos (páginas) que quieras reorganizar y arrástralos hasta la posición deseada en el menú.

Además, puedes crear un menú más organizado y fácil de usar agrupando páginas relacionadas. Esto se hace añadiendo subelementos debajo de un elemento principal del menú.

Para hacerlo, haz clic en una página que quieras agrupar, arrástrala y colócala sobre el elemento principal del menú donde quieras que sea un subelemento. Suelta el botón del ratón para colocarla allí y agruparla efectivamente bajo el elemento principal seleccionado.

Recuerda que estos cambios se reflejarán en la navegación de tu sitio web, lo que facilitará que los visitantes encuentren lo que buscan.

Cómo añadir nuevos elementos a tu menú

Para añadir un nuevo elemento a tu menú, haz clic en el botón 'Añadir nueva página.'

Luego introduce el título y especifica la página a la que debe dirigir.

• Tienes la opción de incluir una URL y enlazar a una página web externa.
• Como alternativa, puedes hacer clic en 'Páginas' para elegir entre las páginas existentes de tu sitio de Edcommerce, convenientemente enumeradas para ti.

Una vez que hayas realizado cambios en tu navbar, asegúrate de hacer clic en "Guardar".

Cómo añadir un enlace al logotipo de tu sitio

En la parte superior de la página de navegación, verás el botón 'Redirección del logotipo'.

Al hacer clic en él, puedes añadir un enlace personalizado para cuando las personas hagan clic en el logotipo de tu sitio de EdCommerce.

Te recomendamos enlazarlo a la página de inicio de tu sitio web o a la página de inicio de tu sitio de EdCommerce.

Siguiendo estos sencillos pasos, puedes crear fácilmente un menú personalizado para tu sitio, con opciones desplegables para organizar tu información de manera óptima.

Para ver estos cambios, haz clic en el logotipo de EdCommerce en la esquina superior izquierda de tu pantalla y, a continuación, selecciona «Vista previa de EdCommerce».