# 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 1. Haga clic en el botón **«Agregar»** (arriba de la tabla). 2. Escriba el **Título** y el **Subtítulo**. 3. En **Link de Acción**, escriba la dirección de destino (opcional). 4. En la columna **Url de Imágen**, use el cuadro para seleccionar y subir la imagen desde su computadora. 5. 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 | |---|---| | **Facebook** | Dirección de su página de Facebook. | | **Instagram** | Dirección de su perfil de Instagram. | | **Youtube** | Dirección de su canal de YouTube. | | **LinkedIn** | Dirección de su perfil de LinkedIn. | | **Pinterest** | Dirección de su perfil de Pinterest. | | **Twitter** | 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. | | **Whatsapp** | 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 1. Haga clic en el botón **«Ubicar»**. 2. Se abrirá una ventana con un mapa. Seleccione el punto donde está la clínica. 3. 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](#)