Configurar el diseño y el contenido de la versión de última generación de Instant Site
El Instant Site de Ecwid es un sitio web gratuito que obtiene con su cuenta de Ecwid. Es una tienda online integrada donde puede empezar a vender de inmediato.
Con la versión de nueva generación de nuestro Instant Site, puede:
- Construir un sitio web a partir de secciones de contenido personalizables;
- Utiliza plantillas de sitios web listas para ser utilizadas en diferentes tipos de tiendas - desde restaurantes y cosméticos hasta la venta de arte y cursos;
- Añadir una gran variedad de secciones como portadas u ofertas especiales de la biblioteca;
- Crear menús de navegación para facilitar a los clientes la navegación por su tienda;
- Traducir todo el contenido de su sitio, incluyendo el título y la descripción SEO.
Contacte con el servicio de asistencia. si desea probar Instant Site de nueva generación.
Para editar su Instant Site, vaya a Sitio web y haga clic en Editar sitio. Si Instant Site no es su sitio principal, vaya a Panel de control → Gestionar Instant Site en el panel de administración de Ecwid y haga clic en el botón Editar sitio.
Presentación del modo de edición
Al abrir su Instant Site para editarlo (Sitio web → Editar sitio o Resumen → Gestionar Instant Site → Editar sitio), verá la lista de Secciones de página de inicio que componen actualmente su Instant Site.
Todos estos sección son visibles en la vista previa de Instant Site de la parte derecha, donde aparecen en el mismo orden que la lista:
Para visitar su sitio en la web y ver su aspecto en una pestaña independiente, haga clic en Su Instant Site en la parte superior del editor.
Añadir sección
Si necesita añadir secciones adicionales a su sitio web (por ejemplo, una sección de «Oferta especial», sección con información sobre entrega o pagos, o un sección adicional de «Información sobre la empresa»), o bien quiere reemplazar la sección predeterminado por uno que se adapte mejor a su tienda, puede añadir fácilmente tantos sección como prefiera. Cuando tengas muchas secciones, puedes renombrarlas para facilitar la navegación por el sitio.
Para añadir un sección a su Instant Site:
- Desde el panel de administración de Ecwid, vaya a Sitio web → Editar sitio). Vaya a Resumen → Gestionar Instant Site → Editar sitio si Sitio instantáneo no es su sitio principal.
- Haga clic en Añadir sección.
- En la página que se abra, haga clic en la vista previa del sección que necesite. Los secciones se agrupan por temas.
- Después de hacer clic en la sección, se abrirá para edición y se añadirá a la lista de Secciones de página de inicio, justo antes del sección Pie de página.
- (opcional) Para renombrar un sección, haz clic en él en el menú lateral izquierdo del editor y, a continuación, haz clic en su nombre para introducir un nombre personalizado:
Puede editar el diseño y el contenido del sección como prefiera, así como cambiar la posición en el sitio web. Si tiene secciones duplicados (por ejemplo, si ha añadido un nuevo sección de portada con un diseño que le parece más atractivo), puede eliminar los secciones que ya no quiera usar.
Edición de sección
El sitio web puede tener los textos, colores e imágenes que mejor se adapten a sus necesidades empresariales. Puede editar el contenido y el diseño de todos los secciones que aparezcan en la lista Secciones de la página de inicio del editor de Instant Site.
Para editar el contenido del sección:
- Desde el panel de administración de Ecwid, vaya a Sitio web → Editar sitio.
- Haga clic en la sección.
- En la pestaña Contenido, busque el elemento que necesite.
- Realice los cambios necesarios: cambia el texto, cargue una nueva imagen, configure enlaces de acción, etc. También puedes renombrar una sección haciendo clic en su título en la parte superior.
Los textos predefinidos en las plantillas del sección contienen consejos sobre lo que puede escribir en los campos.
Para editar el diseño del sección:
- Desde el panel de administración de Ecwid, vaya a Sitio web → Editar sitio.
- Haga clic en la sección.
- Cambie a la pestaña Diseño:
- Realice los cambios necesarios (configure el diseño del sección, que define las posiciones de los elementos entre sí; cambie el color, el estilo o la fuente de los elementos del sección; configure el fondo; elija los elementos que se mostrarán; etc.).
Siempre puede volver a la versión anterior del sitio web haciendo clic en Borrador autoguarda → Descartar cambios en la parte superior del editor. Para deshacer los cambios realizados en la pestaña Diseño del sección, también puede usar el enlace Restaurar predeterminados en la parte inferior. Tenga en cuenta que este enlace restablece la configuración inicial de la plantilla de diseño para este sección.
Cuando termine de editar el sitio web, haga clic en el botón Guardar y publicar en la esquina superior derecha del editor.
Cambiar el orden de los secciones
Los secciones del Instant Site se muestran en el orden en que aparecen en la lista Secciones de la página de inicio del editor de Instant Site (Sito web → Editar sitio). Puede cambiar el orden de todos los secciones, excepto los secciones de encabezado y pie de página (que son siempre el primer y el último sección del sitio web, respectivamente).
Para cambiar el orden de las secciones, simplemente arrastre y suelte las secciones de Instant Site en la parte izquierda del editor:
Eliminar secciones
Si ya no necesita una sección del Instant Site, puede eliminarla desde la lista Secciones de la página de inicio. Por ejemplo, si quiere configurar la tienda y aún no tiene ningún testimonio de cliente que pueda mostrar.
Para quitar un sección del Instant Site:
- Desde el panel de administración de Ecwid, vaya a Sitio web → Editar sitio.
- Haga clic en la sección.
- Desplácese hasta la parte inferior y haga clic en Eliminar sección:
Si más tarde necesita usar el sección en su sitio web, puede añadir secciones similares desde la biblioteca.
Añadir el menú de navegación
El menú del sitio web o navegación es una lista de enlaces que se muestra en el sitio web:
Un menú web facilita a los clientes la navegación por su tienda y que encuentren lo que buscan. Puede elegir mostrar el menú como una barra horizontal de enlaces en la parte superior de su sitio o como un menú de hamburguesa. Los clientes de móviles verán el menú de hamburguesa independientemente del diseño que elija.
Cada enlace del menú de la barra de navegación puede redirigirle a un sección específico de su sitio web o a cualquier otra página de Internet. También puede crear un enlace de clic para llamar o enviar correo electrónico para que los clientes puedan contactarle.
Para configurar un menú de navegación:
- Desde su administrador de Ecwid, vaya a Sitio web y haga clic en Editar sitio.
- En la sección Secciones del sitio, haga clic en Encabezado y menú.
- En la pestaña Contenido, haga clic en Menú de navegación.
- Puede hacer clic en el enlace existente para editarlo, o bien puede crear un nuevo enlace haciendo clic en + Añadir elemento de menú.
- (opcional) Puede cambiar el orden de los enlaces, arrástrelos como quiera.
- Haga clic en el elemento del menú para personalizarlo. En el campo Nombre, escriba un nombre que sus clientes entiendan fácilmente. Por ejemplo, Información sobre la empresa, Llámenos, etc.
- Seleccione la acción que se ejecutará al hacer clic:
- Desplazarse al sección del sitio: el cliente será redirigido a uno de los secciones del sitio.
- Abrir página: puede escribir cualquier URL para redirigir a los clientes a esa página.
- Escribir correo electrónico: después de hacer clic en el enlace, se abrirá el servicio de correo predeterminado del dispositivo del cliente.
- Llamar al teléfono: después de hacer clic en el enlace, se marcará su número en el teléfono del cliente.
- Ir a la tienda: el cliente será redirigido al escaparate.
- Haga clic en Atrás, luego en Atrás otra vez, y luego en Diseño.
- En la sección Diseño, seleccione cómo desea mostrar su menú de navegación.
- Haga clic en Publicar.
Añadir menú de categorías
Las categorías de productos son grupos de artículos que se muestran en la misma página de la tienda (por ejemplo, tazas de café, moda de verano, más vendidos, etc.). Puede mostrar el menú de las categorías raíz para que los compradores encuentren rápidamente el producto que buscan:
Para crear un menú de categorías en el Instant Site:
- Desde el panel de administración de Ecwid, vaya a Sitio web y haga clic en Editar sitio.
- En el menú de la izquierda, haga clic en Encabezado y menú → Menú de navegación y seleccione + Añadir menú.
- Asigne al elemento un nombre descriptivo que indique a los clientes que es el enlace a su tienda.
- Haga clic en la lista desplegable Acción al hacer clic y seleccione Ir a la tienda.
- Asegúrese de que esté activada la opción Mostrar categorías al pasar el cursor por el menú. Puede desactivar la opción para ocultar el menú de categorías.
- Haga clic en Guardar y publicar.
Añadir enlaces de acción
Puede añadir enlaces de acción en algunas secciones del Instant Site (por ejemplo, «Testimonio» o «Contacto»). Los enlaces de acción son textos o botones con texto en los que se puede hacer clic. Cuando un cliente hace clic en el texto (o botón), se ejecuta una acción específica.
Por ejemplo, puede especificar la URL de un producto que se abrirá al hacer clic, o bien puede enviar a los clientes a una sección específica del sitio web (por ejemplo, si hay una oferta).
Para configurar un enlace de acción:
- Desde el panel de administración de Ecwid, vaya a Resumen → Gestionar Instant Site → Editar sitio (o Sitio web → Editar sitio).
- Haga clic en la sección.
- En la pestaña Contenido del sección, haga clic en Añadir enlace de acción.
La sección de portada tiene los botones Acción principal y Acción secundaria en su lugar. - Escriba el Título. Será el texto del enlace.
- Seleccione la Acción al hacer clic: Desplazarse al sección del sitio, Abrir página, Redactar correo electrónico o Llamar por teléfono.
- Elija el sección del sitio, escriba la URL o especifique el número de teléfono o correo electrónico.
- (Opcional) Cambie la apariencia, la fuente, el tamaño, la forma y el color del enlace de acción en la pestaña Diseño.
Diseño de ejemplo de un enlace de acción para un correo electrónico en la sección «Contacto»:
Configurar las secciones de la tienda
Hay dos secciones que pueden indicar a los clientes dónde acceder a la tienda en el Instant Site: Tienda y Categorías raíz. Por defecto, solo la sección Tienda está presente en la lista Secciones de página de inicio:
La sección Tienda incluye todos los productos que asignados a la categoría de la página del escaparate de la tienda (en inglés). Este sección es el lugar ideal para mostrar los artículos que quiere que sus clientes vean con más frecuencia. Cuando un cliente haga clic en un producto destacado, será redirigido a la página de ese producto en la tienda.
Si tiene un catálogo pequeño, puede mostrar todos los productos en la sección Tienda. Si tiene un catálogo más amplio, es probable que necesite un sistema de categorías en la tienda. Para mostrar estas categorías directamente en la página principal del Instant Site, puede añadir la sección especial Categorías raíz. Este sección contendrá todas las categorías raíz que tenga.
Para añadir la sección Categorías raíz:
- Desde el panel de administración de Ecwid, vaya a Sitio web → Editar sitio.
- Haga clic en Añadir sección.
- En la página que se abra, desplácese hasta Productos.
- Haga clic en la sección Comprar por categorías para que aparezca en la lista Sección de la página de inicio:
Puede configurar cómo se mostrarán las secciones Tienda y Categorías raíz en la página de inicio del Instant Site. Para hacerlo, vaya a la página Diseño en el panel de administración de Ecwid. En el editor del sitio, también puede cambiar el diseño de estos secciones (por ejemplo, el nombre y precio del producto, cómo se mostrará el botón «Comprar ahora» y la imagen principal del producto, etc.).
Para cambiar el diseño de los secciones de la tienda en el editor del sitio:
- Desde el panel de administración de Ecwid, vaya a Sitio web → Editar sitio.
- Haga clic en el sección.
- Realice los cambios necesarios en las pestañas Contenido y Diseño (defina el título del bloque, elija los elementos que se mostrarán, cambie las fuentes y el estilo del fondo y el color, etc.).
Aplicar CSS y fuentes predeterminadas
Hay dos formas principales de cambiar las fuentes del Instant Site. Primero, puede establecer las fuentes de cada elemento en todos las secciones individualmente desde la pestaña Diseño del sección. Aquí puede elegir el tipo de fuente, el tamaño y el estilo (negrita o cursiva), así como el color del texto. En segundo lugar, también puede establecer la fuente predeterminada para todos los bloques del sitio con la configuración global de fuente.
Por ejemplo, puede usar la configuración global si prueba varias opciones de diseño y no necesita distintas fuentes para elementos diferentes de las secciones del sitio. Así podrá ahorrar tiempo y tendrá un diseño uniforme para todo el sitio web en solo un momento.
Puede establecer:
- Fuentes de título (las fuentes en los encabezados la sección)
- Fuentes del texto de cuerpo (las fuentes en los párrafos de texto, textos de botones y subtítulos)
La configuración global de fuente que aplique en el editor de Instant Site solo se usa para el sitio web en sí, incluyendo las secciones de la tienda (una vista previa donde se muestra a los clientes dónde acceder a la tienda en su sitio). No se usan en la tienda en sí, donde los clientes exploran los productos, ya que el escaparate se considera una parte independiente del sitio web.
Si necesita ajustar la apariencia (incluyendo las fuentes) de la tienda o quiere personalizar la apariencia del Instant Site (si quiere cambiar otros ajustes que no estén disponibles en el editor), puede añadir código CSS personalizado (en inglés). Si usa hojas de estilo en cascada (CSS), podrá cambiar los estilos de las páginas (podrá ajustar el color de los botones u ocultarlos, cambiar las fuentes, ocultar precios y mucho más).
Para aplicar fuentes o estilos:
- Desde el panel de administración de Ecwid, vaya a Sitio web → Editar sitio.
- Haga clic en Configuración → Fuentes y estilos.
- Para configurar las fuentes predeterminadas de su Instant Site, elija las fuentes en las listas desplegables Fuente de título y Fuente del texto de cuerpo.
- Para aplicar estilos, haga clic en Ajustes avanzados y escriba el código CSS:
Cambiar la dirección del sitio web y el nombre de la tienda
Puede editar el nombre y la dirección del sitio web de la tienda para que reflejen el concepto y el nombre de su marca.
Para editar el nombre del sitio web:
- Desde el panel de administración de Ecwid, vaya a Configuración → General → Perfil de la tienda.
- Escriba el nombre de la tienda en el campo Nombre de la tienda, en la sección Nombre de la tienda y dirección web.
- Haga clic en Guardar.
Para editar la dirección del sitio web:
- Desde el panel de administración de Ecwid, vaya a Resumen → Gestionar Instant Site (o Sitio web → Dominio).
- Haga clic en el botón Cambiar dirección.
- Escriba el nombre que prefiera para la dirección web en el campo Usar nuestro subdominio.
- Haga clic en Guardar.
En los planes de pago de Ecwid, también puede conectar su propio dominio.
Mostrar el banner de consentimiento de cookies
En algunos países (por ejemplo, los países de la UE), puede que necesite mostrar el banner de consentimiento de cookies en el sitio web de la tienda. Para mostrarlo, vaya a Ajustes →Seguimiento y análisis en el editor de Instant Site (Sitio web → Editar sitio) y active la opción Mostrar banner de consentimiento de cookies: