Las personalizaciones generales de diseño son aquellas configuraciones que se aplican a secciones presentes en todas las páginas, como el encabezado y el pie de página. Estas configuraciones también sirven como herramientas para facilitar la personalización del resto de la tienda. Por ejemplo, definir los colores de la marca o los colores de los botones de llamada a la acción. Luego, estas configuraciones generales pueden aplicarse en cada una de las páginas y secciones, o pueden especificarse de manera diferente según sea necesario.

Tabla de contenidos

Carga un Logo y define los colores de marca

El logo define los lineamientos estéticos para la personalización de la imagen de la tienda. Contemplar los colores para aplicarlos  el estilo facilita que los  clientes se identifiquen con la marca. 

También es posible cargar el nombre de la marca en formato texto y elegir su tipografía y color en caso de no contar con un logo.  

Para aplicar un estilo general basado en la  marca realiza los siguientes pasos:

Paso 1.  Desde el administrador ingresa a Tienda online > Personalizar diseño.

Paso 2. Presiona la sección Mi Marca.

Paso 3. En la solapa Logo, carga la imagen del  logo o escribe el nombre del negocio en forma de texto. 

Paso 4.  En la solapa Colores, el sistema detecta y agrega automáticamente los colores predominantes en la imágen. Si el logo es formato texto o quieres agregar más colores, presiona el botón más.

Paso 5. En la solapa Tipografía podrás seleccionar una tipografía gratuita en la solapa Google fonts, o cargar una personalizada en la solapa Subir tipografía haciendo clic en + Seleccionar desde tu dispositivo.

Paso 6.  Presiona el botón Aplicar mi estilo..

Paso 7. Presiona el botón Guardar que se encuentra en la parte superior derecha.

Paso 8. Presiona el botón Publicar que se encuentra en la parte superior a la derecha.

Personalización del fondo

El fondo de la tienda comprende desde la parte inferior del encabezado hasta por encima del pie de página o footer, es lo que se conoce como body de la página. Se aplicará tanto en la home como en grilla de productos y página de producto.

Para aplicar un fondo, realiza los siguientes pasos:

Paso 1.  Desde el administrador ingresa a Tienda online > Personalizar diseño.

Paso 2. Presiona en la sección La Tienda > Fondo.

Paso 3. Selecciona un color haciendo clic sobre él o cargando su código RGB o HEXA. 

Paso 4. Opcional: puedes cargar una URL para imagen de fondo, se recomienda  sea de patrón continuo para que no se visualicen “cortes” entre ellas.

Paso 5. Presiona el botón Guardar que se encuentra en la parte superior a la derecha.

Paso 6. Presiona el botón Publicar que se encuentra en la parte superior a la derecha.

Personalización general de textos

La personalización general de textos comprende el cuerpo de las páginas de contenido, el de políticas de envío, privacidad y devolución. Luego puede modificarse cada una de las secciones en particular. 

Para aplicar una personalización general de textos, realiza los siguientes pasos:

Paso 1.  Desde el administrador ingresa a Tienda online> Personalizar diseño.

Paso 2. Presiona en la sección La Tienda > Textos.

Paso 3. Selecciona una tipografía, un tamaño y un color.

Paso 4. Presiona el botón Guardar que se encuentra en la parte superior a la derecha.

Paso 5. Presiona el botón Publicar que se encuentra en la parte superior a la derecha.

Personalización general de enlaces

Los enlaces son links que se crean automáticamente dentro de la tienda online, como por ejemplo el índice de navegación o la marca en la página de producto. 

Para aplicar una personalización general de enlaces, realiza los siguientes pasos:

Paso 1.  Desde el administrador ingresa a  Tienda online > Personalizar diseño.

Paso 2. Presiona en la sección La Tienda > Enlaces.

Paso 3. Selecciona los colores en cada campo.

Paso 4. Presiona el botón Guardar que se encuentra en la parte superior a la derecha.

Paso 5. Presiona el botón Publicar que se encuentra en la parte superior a la derecha

Personalización general de títulos

Los enlaces son links que se crean automáticamente dentro de la tienda online, como por ejemplo el índice de navegación o la marca en la página de producto. 

Para aplicar una personalización general de enlaces, realiza los siguientes pasos:

Paso 1.  Desde el administrador ingresa a  Tienda online > Personalizar diseño.

Paso 2. Presiona en la sección La Tienda > Enlaces.

Paso 3. Selecciona los colores en cada campo.

Paso 4. Presiona el botón Guardar que se encuentra en la parte superior a la derecha.

Paso 5. Presiona el botón Publicar que se encuentra en la parte superior a la derecha

Personalización de los botones

Existen distintos tipos de botones que pueden utilizarse dentro del diseño de la tienda online a los cuales puede asignarse un estilo  y aplicarlos en la sección deseada. 

Los tipos de botones estándar que se utilizan en comercio electrónico son  primario, secundario y ghost.

Para aplicar una personalización general de botones, realiza los siguientes pasos:

Paso 1.  Desde el administrador ingresa a Tienda online> Personalizar diseño.

Paso 2. Presiona en la sección La Tienda > Botones.

Paso 3. Personaliza el estilo y dimensiones general.

Paso 4. Presiona el botón Guardar que se encuentra en la parte superior a la derecha.

Paso 5. Presiona el botón Publicar que se encuentra en la parte superior a la derecha.

Estilos de botones

Para cada uno de los botones de la tienda se elige el estilo del botón, o se personaliza de manera individual.  La tienda cuenta con siete posibles estilos de botón:

Primario: aplicará la configuración de estilo primario sin modificaciones

Primario contorneado: utiliza el estilo primario pero utilizando  el color del fondo para la tipografía y la configuración del borde en el modo normal. 

Secundario: aplicará la configuración de estilo secundario sin modificaciones

Secundario contorneado:  utiliza el estilo secundario pero utilizando  el color del fondo para la tipografía y la configuración del borde en el modo normal. 

Ghost: aplicará la configuración de estilo ghost sin modificaciones.

Sin estilo: aplicará el estilo general configurado en botones. 

Personalizado:  permite generar  un estilo único para el botón creado. No aplica en el resto.  

Definir la configuración general de botones

Existen distintos niveles de títulos en la tienda online, los mismos se ordenan jerárquicamente desde el principal hasta seis niveles inferiores. Un ejemplo sería titulo, subtitulo. 

En esta sección se configura su diseño y  tamaño para cada uno de los niveles. Se recomienda asignar un mayor tamaño mientras más importante es. 

Para aplicar una personalización general de enlaces, realiza los siguientes pasos:

Paso 1.  Desde el administrador ingresa a   Tienda online> Personalizar diseño.

Paso 2. Presiona en la sección La Tienda > Títulos.

Paso 3. Selecciona una tipografía y un color. 

Paso 4. Asigna un tamaño para cada uno de los niveles de título. 

Paso 5. Presiona el botón Guardar que se encuentra en la parte superior a la derecha.

Paso 6. Presiona el botón Publicar que se encuentra en la parte superior a la derecha.

Configuración de botón primario

Para aplicar una personalización del botón primario, realiza los siguientes pasos:

Paso 1. Desde el administrador ingresa a  Tienda online >Personalizar diseño.

Paso 2. Presiona en la sección La Tienda > Botones.

Paso 3. Ingresa en la sección Botón / Primario

Paso 4.   Personaliza el estilo y dimensiones para su estado normal y al pasar el mouse. 

Paso 5.  Presiona el botón Guardar que se encuentra en la parte superior a la derecha.

Paso 6. Presiona el botón Publicar que se encuentra en la parte superior a la derecha.

Configuración de botón secundario

Para aplicar una personalización del botón secundario, realiza los siguientes pasos:

Paso 1.  Desde el administrador ingresa a  Tienda online> Personalizar diseño.

Paso 2. Presiona en la sección La Tienda > Botones.

Paso 3. Ingresa en la sección Botón / Secundario.

Paso 4.   Personaliza el estilo y dimensiones para su estado normal y al pasar el mouse. 

Paso 5.  Presiona el botón Guardar que se encuentra en la parte superior a la derecha.

Paso 6. Presiona el botón Publicar que se encuentra en la parte superior a la derecha.

Configuración de botón ghost

Para aplicar una personalización del botón ghost, realiza los siguientes pasos:

Paso 1.   Desde el administrador ingresa a Tienda online> Personalizar diseño.

Paso 2. Presiona en la sección La Tienda > Botones.

Paso 3. Ingresa en la sección Botón / Ghost

Paso 4.   Personaliza el estilo y dimensiones para su estado normal y al pasar el mouse. 

Paso 5.  Presiona el botón Guardar que se encuentra en la parte superior a la derecha.

Paso 6. Presiona el botón Publicar que se encuentra en la parte superior a la derecha.

Personalización general de formularios

El formulario es una página con un formato y estructura definida que permite que los usuarios de la tienda envíen información. Esta página puede utilizarse desde la navegación, enlazarlo desde alguna sección de la home, o incluso desde la página de producto.

Para aplicar una personalización general de formularios, realiza los siguientes pasos:

Paso 1.   Desde el administrador ingresa a Tienda online>Personalizar diseño.

Paso 2. Presiona en la sección La Tienda > Formularios.

Paso 3. Personaliza el estilo y dimensiones.

Paso 4. Presiona el botón Guardar que se encuentra en la parte superior a la derecha.

Paso 5. Presiona el botón Publicar que se encuentra en la parte superior a la derecha.