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 de la marca define los lineamientos para la personalización de la imagen, contemplar los colores del mismo para aplicar los estilos en la tienda hará que los clientes se identifiquen con la marca. 

Si no cuentas con un logo, puedes cargar el nombre de la marca en formato texto y elegir su tipografía y color. 

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

Paso 1.  Desde el menú lateral ingresa a Tienda online > Personalizar diseño.

Paso 2. Presiona el botón personalizar sobre el tema a editar.

Paso 3. Presiona en la sección Mi Marca.

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

Paso 5.  En la solapa Colores, si ya cargaste el logo, el sistema identifica los colores predominantes en la imagen y podrás visualizarlos. En caso de haber ingresado el logo en forma de texto, podrás agregar los colores que desees presionando el botón más.

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

Paso 7.  Presiona el botón Listo.

Paso 8. Presiona el botón Guardar  y luego 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. 

Luego podrás modificar el fondo en cada una de las secciones como lo desees. 

Para aplicar un fondo a la tienda, realiza los siguientes pasos:

Paso 1.  Desde el menú lateral ingresa a Tienda online > Personalizar diseño.

Paso 2. Presiona el botón personalizar sobre el tema a editar.

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

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

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

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

Personalización general de textos

La personalización de textos comprende el cuerpo de las páginas de contenido, el de políticas de envío, privacidad y devolución.

Luego podrás modificar el color en cada texto  como lo desees. 

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

Paso 1.  Desde el menú lateral ingresa a Tienda online > Personalizar diseño.

Paso 2. Presiona el botón personalizar sobre el tema a editar.

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

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

Paso 5. Presiona el botón Guardar  y luego 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.  Ingresa desde el menú lateral a Tienda online > Personalizar diseño.

Paso 2. Presiona el botón personalizar sobre el tema a editar.

Paso 3. Ingresa en  la sección La Tienda > Enlaces.

Paso 4. Selecciona los colores.

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

Personalización general de títulos

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

En esta sección podrás configurar su diseño y el tamaño para cada uno de los niveles. Te recomendamos asignar un mayor tamaño mientras más importante es. 

Para aplicar una personalización general de títulos, realiza los siguientes pasos:

Paso 1.  Ingresa desde el menú lateral a Tienda online > Personalizar diseño.

Paso 2. Presiona el botón personalizar sobre el tema a editar.

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

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

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

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

Personalización de los botones

Estilos de botones

La configuración de botones en la tienda puede aplicarse en distintas secciones dentro de tu administrador de diseño. 

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: te permite generar  un estilo único para el botón que estás creando. No aplicará en los demás. 

Definir la configuración general de botones

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

Tipos de botones: primario, secundario y ghost.

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

Paso 1.  Ingresa desde el menú lateral a Tienda online > Personalizar diseño.

Paso 2. Presiona el botón personalizar sobre el tema a editar.

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

Paso 4. Personaliza el estilo y dimensiones.

Paso 5. Presiona el botón Guardar  y luego 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.  Ingresa desde el menú lateral a Tienda online > Personalizar diseño.

Paso 2. Presiona el botón personalizar sobre el tema a editar.

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

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

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

Paso 6. Presiona el botón Guardar  y luego 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.  Ingresa desde el menú lateral a Tienda online > Personalizar diseño.

Paso 2. Presiona el botón personalizar sobre el tema a editar.

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

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

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

Paso 6. Presiona el botón Guardar  y luego 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 primario, realiza los siguientes pasos:

Paso 1.  Ingresa desde el menú lateral a Tienda online > Personalizar diseño.

Paso 2. Presiona el botón personalizar sobre el tema a editar.

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

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

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

Paso 6. Presiona el botón Guardar  y luego 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.  Ingresa desde el menú lateral a Tienda online > Personalizar diseño.

Paso 2. Presiona el botón personalizar sobre el tema a editar.

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

Paso 4. Personaliza el estilo y dimensiones

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