Cómo configurar la apariencia de la tienda
Esta guía explica cómo personalizar lo que el público ve en la página principal de la tienda en línea: el banner que rota arriba, el bloque promocional, el video de la semana, las redes sociales y los datos de contacto de la clínica.
Abra la pantalla «Configuración de tienda en línea» desde el menú lateral. Verá que está dividida en varias secciones (tarjetas), una debajo de la otra. Cada sección se guarda por separado con su propio botón.
⚠️ Importante: cada sección tiene su propio botón de guardado. Si llena una sección y pasa a otra sin guardar, perderá lo que escribió. Guarde antes de continuar.
📷 Captura sugerida: pantalla completa «Configuración de tienda en línea» mostrando las secciones Slider, Promocional, Video semanal, Redes sociales y Clínica.
Sección «Slider» (el banner que rota arriba)
El «Slider» es el carrusel de imágenes grandes que aparece en la parte superior de la tienda. Cada imagen del carrusel es un banner con su propio título, subtítulo, imagen y enlace.
Esta sección es una tabla. Cada fila es un banner.
| Columna | Qué es |
|---|---|
| Título | El texto grande que se muestra sobre la imagen. |
| Subtítulo | Un texto más pequeño debajo del título. |
| Link de Acción | La dirección a la que se lleva al cliente si hace clic en el banner. |
| Url de Imágen | La imagen del banner. Se sube desde su computadora. |
Para agregar un banner nuevo
- Haga clic en el botón «Agregar» (arriba de la tabla).
- Escriba el Título y el Subtítulo.
- En Link de Acción, escriba la dirección de destino (opcional).
- En la columna Url de Imágen, use el cuadro para seleccionar y subir la imagen desde su computadora.
- Haga clic en «Agregar» (al final de la fila) para guardar el banner nuevo.
💡 Mientras la fila está abierta para edición, los botones de la fila son «Agregar» (guardar el banner nuevo) y «Cancelar» (descartar). En filas ya existentes verá «Editar», «Borrar», «Actualizar» y «Cancelar».
Para modificar o borrar un banner
- Para cambiarlo: haga clic en «Editar» en su fila, ajuste los datos y haga clic en «Actualizar».
- Para eliminarlo: haga clic en «Borrar» en su fila.
Si todavía no ha creado banners, la tabla mostrará el mensaje «No hay banners aún.»
📷 Captura sugerida: tabla del Slider con una fila en modo edición, mostrando el cuadro para subir la imagen.
Sección «Promocional»
Aquí define el bloque de presentación de la tienda: un texto descriptivo, una imagen de portada y tres beneficios destacados (por ejemplo, envíos, atención y ofertas).
| Campo | Qué es |
|---|---|
| Descripción (obligatorio) | Texto de presentación. Cuenta con una barra de herramientas para dar formato: negrita, cursiva, subrayado, alineación, listas, tamaño de texto y enlaces. |
| Imagen de cover (350px x 337px) | Imagen de portada del bloque. Súbala con el botón «Seleccione...» y luego «Subir imágen». |
| Beneficio envios (obligatorio) | Texto del primer beneficio (por ejemplo: «Envío gratis»). |
| Beneficio atención (obligatorio) | Texto del segundo beneficio. |
| Beneficio oferta (obligatorio) | Texto del tercer beneficio. |
Cuando termine, haga clic en «Guardar promocional».
💡 Consejo: respete el tamaño sugerido de la imagen (350 x 337 píxeles). Si usa una imagen muy distinta, podría verse deformada o cortada en la tienda. Se aceptan imágenes en formato JPG, JPEG o PNG.
📷 Captura sugerida: sección «Promocional» con el editor de Descripción y los tres campos de beneficios.
Sección «Video semanal»
Le permite destacar un video de YouTube en la página de la tienda.
| Campo | Qué es |
|---|---|
| Screenshot (1010px x 500px) | Imagen de vista previa del video. Súbala con «Seleccione...» y luego «Subir imágen». |
| Link a youtube | La dirección del video en YouTube. |
| Título | El título que acompaña al video. |
Cuando termine, haga clic en «Guardar video semanal».
📷 Captura sugerida: sección «Video semanal» con sus tres campos.
Sección «Redes sociales»
Escriba las direcciones de las redes de la clínica. Quedarán enlazadas en la tienda. Todos los campos son opcionales; complete solo los que use.
| Campo | Qué es |
|---|---|
| Dirección de su página de Facebook. | |
| Dirección de su perfil de Instagram. | |
| Youtube | Dirección de su canal de YouTube. |
| Dirección de su perfil de LinkedIn. | |
| Dirección de su perfil de Pinterest. | |
| Dirección de su perfil de Twitter / X. |
Cuando termine, haga clic en «Guardar redes sociales».
📷 Captura sugerida: sección «Redes sociales» con los seis campos.
Sección «Clínica» (datos de contacto y ubicación)
Aquí define la identidad y los datos de contacto que se muestran en la tienda.
| Campo | Qué es |
|---|---|
| Logotipo | El logo de la clínica. Súbalo con «Seleccione...» y luego «Subir imágen». |
| Slogan (obligatorio) | La frase corta que identifica a la clínica. |
| Teléfono | Teléfono de contacto. |
| Dirección | Dirección física de la clínica. |
| Correo electrónico | Correo de contacto. |
| Número de WhatsApp de atención. | |
| Latitud y Longitud | Coordenadas del mapa. No se escriben a mano: se llenan solas al usar el botón «Ubicar» (ver abajo). |
Para fijar la ubicación en el mapa
- Haga clic en el botón «Ubicar».
- Se abrirá una ventana con un mapa. Seleccione el punto donde está la clínica.
- Al cerrar la ventana, los campos Latitud y Longitud se completan automáticamente.
Cuando termine de llenar la sección, haga clic en «Guardar tienda».
💡 Los campos Latitud y Longitud aparecen en modo de solo lectura a propósito, para evitar errores de escritura. Siempre use el botón «Ubicar».
📷 Captura sugerida: sección «Clínica» con el botón «Ubicar» y la ventana del mapa abierta.
¿Y después?
Con la apariencia lista, el siguiente paso es preparar las categorías y luego publicar los productos.
Anterior: Introducción a la Tienda en Línea · Siguiente: Cómo preparar las categorías de la tienda