Personalización de marca de la tienda de Ecwid
Puede cambiar los colores, fuentes e imágenes del escaparate y del Instant Site para adaptarlos a la personalización de marca de su empresa. Una personalización de marca uniforme mejora el diseño del sitio web y genera confianza entre sus clientes, por lo que serán más propensos a comprar.
Los cambios en el contenido y el diseño del Instant Site se realizan en el editor del sitio, que está disponible en la página Sitio web del panel de administración de Ecwid. Para realizar cambios de diseño en el escaparate (la tienda en sí donde los clientes exploran los productos), puede que necesite usar códigos CSS.
Actualizar los colores
Puede cambiar el color de cualquier elemento de la tienda de Ecwid y su Instant Site: botones de compra y texto del botón, descripciones de productos y bloques de sitio web, etc. Si usa un diseño específico en su sitio web, puede consultar los colores seleccionados para asegurarse de que se usen de manera uniforme también en el escaparate.
Para cambiar los colores:
- En el panel de administración de Ecwid, vaya a Sitio web → Editar sitio (o Resumen → Gestionar Instant Site → Editar sitio).
- Haga clic en el bloque.
- Cambie a la pestaña Diseño.
- Haga clic en el elemento.
- Haga clic en el campo Color y elija el color que necesite con el selector de colores. También puede especificar un código de color existente en el campo Color (si ya lo conoce).
- Cuando termine de editar el sitio web, haga clic en el botón Guardar y publicar.
- En el artículo Guía paso a paso de CSS (en inglés), copie el código que se adapte a su objetivo y cambie el código de color al que prefiera, o bien configure el código de forma manual.
- En el panel de administración de Ecwid, vaya a Diseño.
- Desplácese hasta la sección Temas y personalización en profundidad.
- Haga clic en Crear tema.
- Este paso varía según dónde vaya a vender:
- Si vende en un Instant Site de nueva generación, será redirigido al editor del sitio. Pegue el código en el campo Código CSS personalizado.
- Si vende en la versión anterior de Instant Site de Ecwid, WordPress, Wix o cualquier otro sitio web personalizado, en la página que se abra, haga clic en Añadir nuevo tema CSS y pegue el código CSS en el campo. Haga clic en el enlace Activar de la parte derecha para aplicar este tema en el escaparate.
- Guarde los cambios.
Más información:
Configurar el diseño y el contenido del Instant Site de nueva generación →
Configurar el diseño del Instant Site (versión anterior) →
Añadir código CSS a su tienda →
Guía paso a paso de CSS para Ecwid (en inglés) →
Actualizar fuentes
Puede cambiar las fuentes usadas para cualquier elemento de su tienda de Ecwid y su Instant Site: texto de botones, descripciones de productos, rutas de navegación, etc. Para usar una fuente específica, puede aplicarla solo en algunos elementos o en todos los textos de su tienda de Ecwid o Instant Site.
Para cambiar las fuentes:
- En el panel de administración de Ecwid, vaya a Sitio web → Editar sitio (o Resumen → Gestionar Instant Site → Editar sitio).
- Haga clic en el bloque.
- Cambie a la pestaña Diseño.
- Haga clic en el elemento.
- Elija la fuente y la configuración de fuente (por ejemplo, el tamaño y el estilo).
- Cuando termine de editar el sitio web, haga clic en el botón Guardar y publicar.
También puede establecer la fuente predeterminada para todos los bloques del sitio con la configuración global de fuente →
- En el artículo Guía paso a paso de CSS (en inglés), copie el código de la sección «Cambiar todas las fuentes» (en inglés) y reemplácelo por un nombre de fuente real, o bien configure el código NAME_OF_FONT de forma manual.
- En el panel de administración de Ecwid, vaya a Diseño.
- Desplácese hasta la sección Temas y personalización en profundidad.
- Haga clic en Crear tema.
- Este paso varía según dónde vaya a vender:
- Si vende en un Instant Site de nueva generación, será redirigido al editor del sitio. Pegue el código en el campo Código CSS personalizado.
- Si vende en la versión anterior de Instant Site de Ecwid, WordPress, Wix o cualquier otro sitio web personalizado, en la página que se abra, haga clic en Añadir nuevo tema CSS y pegue el código CSS en el campo. Haga clic en el enlace Activar de la parte derecha para aplicar este tema en el escaparate.
- Guarde los cambios.
Actualizar el logotipo y el icono de página
Puede cambiar el logotipo usado en su tienda de Ecwid y el Instant Site. El logotipo puede aparecer en el encabezado del sitio, así como en las notificaciones de clientes, para que cada correo electrónico enviado de su tienda tenga la personalización de marca.
Para obtener los mejores resultados, asegúrese de que la imagen del logotipo tenga la escala adecuada para que se muestre correctamente en el encabezado y en los correos electrónicos.
Para cargar un logotipo:
- En el panel de administración de Ecwid, vaya a Sitio web → Editar sitio (o Resumen → Gestionar Instant Site → Editar sitio).
- Haga clic en el bloque Encabezado.
- Haga clic en Cambiar junto a Logotipo de sitio:
- En el menú desplegable Tipo de logotipo, seleccione Imagen.
- Haga clic en Cambiar imagen.
- Seleccione una imagen de su equipo.
- Cuando termine de editar el sitio web, haga clic en el botón Guardar y publicar.
- En el panel de administración de Ecwid, vaya a Configuración → Notificaciones.
- Desplácese hasta la sección Logotipo.
- Haga clic en Subir logotipo.
- Seleccione una imagen de su equipo.
Los cambios se guardarán automáticamente. El logotipo se establece para todas las notificaciones por correo electrónico a clientes. También se usará para sus facturas y facturas fiscales (si aún no tienen un logotipo).
También puede añadir un icono de página para su sitio web. El icono de página es la imagen pequeña que se muestra en la pestaña del navegador y junto a la URL en la barra de direcciones del navegador. Si usa la versión anterior del Instant Site de Ecwid y carga un logotipo para el Instant Site, este se usará automáticamente como el icono de página. Si usa la nueva generación de Instant Site, obtenga información sobre cómo cargar un icono de página para la nueva generación Instant Site (en inglés) →
Más información:
Icono de página de Instant Site (en inglés) →
Editar notificaciones por correo electrónico →
Actualizar imágenes
Puede cambiar las imágenes usadas en su tienda de Ecwid y en su Instant Site. Se incluyen desde imágenes de portada a imágenes de producto, y son una parte importante de la personalización de marca.
Puede cargar imágenes de alta calidad de hasta 20 MB. Ecwid comprimirá automáticamente las imágenes para que se visualicen correctamente y para que la tienda y el sitio web se carguen rápidamente.
Para actualizar imágenes:
- En el panel de administración de Ecwid, vaya a Sitio web → Editar sitio (o Resumen → Gestionar Instant Site → Editar sitio).
- Haga clic en el bloque que tenga una imagen en su plantilla.
- Haga clic en Cambiar imagen junto a la imagen:
- Seleccione una imagen de su equipo.
- Cuando termine de editar el sitio web, haga clic en el botón Guardar y publicar.
Puede cargar imágenes en formato JPG, PNG, JPEG2000, GIF, WEBP y TIFF.
- En el panel de administración de Ecwid, vaya a Catálogo → Productos.
- Cree un nuevo producto o elija un producto existente.
- En la sección de imágenes de la página de productos, arrastre y coloque imágenes desde el equipo, o bien haga clic en +Subir imágenes.
- Guarde los cambios.
Puede cargar imágenes en formato JPG, BMP, PNG y GIF.
Más información:
Configurar el diseño y el contenido del Instant Site de nueva generación →
Configurar el diseño del Instant Site →
Imágenes del producto →