Saltar a contenido

Editar tu web: secciones, colores y tipografía

El contenido de tu tienda online se edita desde el menú Mi tienda web, que se abre en dos partes. Los ajustes generales del sitio quedaron fuera, en Configuración:

Dónde Qué se edita ahí
Diseño La página principal: sus secciones, los colores y la tipografía de toda la tienda.
Páginas Las páginas institucionales, como preguntas frecuentes o términos y condiciones.
Configuración › Ajustes de la tienda El nombre del sitio, el SEO, el dominio, el checkout. El pie de página y el botón de WhatsApp se editan ahora en Diseño › Sitio. Mira Configurar envíos y medios de pago en la web.

El resto de esta guía es sobre Diseño, que es donde se arma la página principal.

Lo primero: borrador y publicación

Lo que editas en Diseño no sale al aire hasta que lo publicas. Mientras trabajas, el editor va guardando un borrador solo, y arriba vas a ver si hay cambios sin publicar.

  • Vista previa (borrador) te muestra cómo quedaría, sin que lo vea nadie todavía.
  • publicar lo manda al sitio en vivo.
  • historial guarda las versiones publicadas y te deja restaurar una anterior.

Atención

Si editas y te vas sin publicar, el borrador te espera; pero tu tienda sigue mostrando la última versión publicada. Es el motivo más común de "lo cambié y no se ve".

Las cuatro pestañas de Diseño

Identidad define cómo se ve toda la tienda: Colores de tu tienda, donde eliges una paleta o armas una propia, y Tipo de letra, donde defines la tipografía de títulos y de texto, con sus tamaños. El editor te avisa si una combinación de colores queda con poco contraste.

Encabezado es el diseño de la barra de arriba del sitio: la posición y el tamaño del logo, dónde va el menú, y los colores del encabezado — fondo, texto e íconos, y la línea de abajo —, que también pintan los submenús, el menú de la cuenta y el menú del celular. Ahí mismo defines los colores del buscador y si Buscar e Ingresar se muestran como texto o como íconos: con íconos, Buscar es una lupa que abre el buscador justo debajo del encabezado.

Secciones es el cuerpo de la página: la lista de bloques que la arman, de arriba hacia abajo. Las arrastras para cambiar el orden, y cada una se puede desplegar para editarla, Ocultar en el sitio sin borrarla, o eliminar.

Sitio reúne lo que no es la página principal: la configuración del encabezado —los submenús del catálogo y el icono del sitio—, el pie de página con sus enlaces y datos de contacto, incluido el botón flotante de WhatsApp, y la página de producto, donde eliges si aparece el carrusel de recomendaciones.

Atención

Lo que cambias en Sitio se ve en tu tienda apenas tocas Guardar: no pasa por el borrador, por publicar ni por el historial de versiones. El resto de Diseño sí.

Qué secciones puedes agregar

Con Agregar sección eliges entre estas:

Sección Qué es
Portada Imagen grande con título, arriba de todo.
Imagen Una imagen a todo el ancho o en columnas.
Imagen con botones Uno, dos o tres banners, con imagen y botón opcionales.
Texto Texto con títulos, negrita y listas.
Título y descripción en columnas Un encabezado con texto descriptivo repartido en columnas.
Imagen con texto Una imagen junto a un bloque de texto, a izquierda o derecha.
Preguntas frecuentes Preguntas y respuestas que se despliegan.
Mapa con texto Un mapa de Google Maps con tus datos de contacto.
Video Un video de YouTube o Vimeo, con opción de reproducción automática.
Productos destacados Una selección de productos de tu catálogo.
Categorías (Beta) Accesos a las categorías de tu tienda. Es nueva y está en prueba: puede cambiar de un mes a otro.
Carrusel Varias imágenes que pasan una tras otra.
Separador Una línea divisoria entre secciones.

Tip

Varias secciones te dejan definir el ancho por separado para computadora y para celular, y la Portada además permite cargar una imagen distinta para el celular. Vale la pena usarlo: una foto pensada para pantalla ancha casi nunca se ve bien en un teléfono.

Qué pasa después

Al publicar, los cambios quedan en tu tienda al instante y la versión anterior pasa al historial, así que siempre se puede volver atrás.

Ten en cuenta que las secciones Productos destacados y Categorías muestran lo que haya en tu catálogo en ese momento: si una categoría se queda sin productos publicados, deja de aparecer sola. Eso se explica en Publicar productos en la tienda online.

Términos relacionados: cambiar los banners, editar la página, cambiar el logo, poner el botón de whatsapp, formato de los banners, textos de la web, agregar una sección, qué secciones puedo poner, cambiar los colores de la tienda, cambiar la tipografía, portada de la web, carrusel, productos destacados, lo cambié y no se ve, publicar la web, volver a una versión anterior, imagen distinta en el celular, cambiar los colores del encabezado, poner íconos en el menú, buscar e ingresar como íconos, banner con botones, imagen con botones, sección de categorías, página de producto, editar el pie de página, dónde está configuraciones, recomendaciones en el producto