Iniciar sesión
Comenzar prueba gratis

Configuración del tema

Puedes usar la configuración del tema para realizar cambios en la tipografía, los colores, los enlaces a redes sociales y la página del carrito de la tienda online. Los cambios que realices en la configuración del tema se aplicarán a toda la tienda online.

En esta página

Puedes agregar un logo para tu negocio a tu tienda online. Tu logo se muestra en los siguientes lugares:

  • encabezado en todas las páginas
  • página de contraseña

Las imágenes de logos tienen un ancho máximo de 300 px.

Pasos:

Escritorio
  1. Desde el Panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que deseas editar y luego haz clic en Personalizar.
  3. Haz clic en el ícono del engranaje Configuración del tema.
  4. Haz clic en Logo.
  5. En el área Logo, agrega la imagen o utiliza una gratuita:
    • Para agregar la imagen, haz clic en Seleccionar imagen y luego agrega una nueva o existente:
      • Para usar una imagen que ya subiste al panel de control de Shopify, selecciónala y luego haz clic en Listo.
      • Para utilizar una imagen de la computadora, haz clic en Agregar imágenes. Selecciona y agrega una imagen, y luego haz clic en Listo.

- Para utilizar una imagen gratuita, haz clic en Explorar imágenes gratuitas. Busca una imagen, haz clic en ella para seleccionarla y luego en Seleccionar.

  1. Opcional: Agrega texto alternativo a la imagen del favicon:

    1. En el área Logo, haz clic en Editar.
    2. En el campo Texto alternativo, introduce una descripción breve de la imagen.
    3. Haz clic en Guardar.

  2. Opcional: En el área Ancho del logo de escritorio, usa el control deslizante de rango para ajustar el ancho del píxel del logo.

  3. Haz clic en Guardar.

iPhone
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca ⋮ y luego Configuración del tema.
  6. Toca Logo.
  7. En el área Logo, agrega la imagen o utiliza una gratuita:
    • Para agregar la imagen, toca Seleccionar imagen y luego agrega una nueva o una ya existente:
      • Para usar una imagen que ya subiste al panel de control de Shopify, selecciónala y luego toca Listo.
      • Para usar una imagen desde el dispositivo local, toca Agregar imágenes. Selecciona y agrega una imagen del dispositivo local, tócala para seleccionarla y luego toca Listo.

- Para utilizar una imagen gratuita, toca Explorar imágenes gratuitas. Busca una imagen, tócala para seleccionarla y luego toca Listo.

  1. Opcional: Agrega texto alternativo a la imagen del favicon:

    1. En el área Logo, toca Editar.
    2. En el campo Texto alternativo, introduce una descripción breve de la imagen.
    3. Toca Guardar.

  2. Opcional: En el área Ancho del logo de escritorio, usa el control deslizante de rango para ajustar el ancho del píxel del logo.

  3. Toca Guardar.

Android
  1. En la aplicación de Shopify, toca el botón ☰.
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca … y luego Configuración del tema.
  6. Toca Logo.
  7. En el área Logo, agrega la imagen o utiliza una gratuita:
    • Para agregar la imagen, toca Seleccionar imagen y luego agrega una nueva o una ya existente:
      • Para usar una imagen que ya subiste al panel de control de Shopify, selecciónala y luego toca Listo.
      • Para usar una imagen desde el dispositivo local, toca Agregar imágenes. Selecciona y agrega una imagen del dispositivo local, tócala para seleccionarla y luego toca Listo.

- Para utilizar una imagen gratuita, toca Explorar imágenes gratuitas. Busca una imagen, tócala para seleccionarla y luego toca Listo.

  1. Opcional: Agrega texto alternativo a la imagen del favicon:

    1. En el área Logo, toca Editar.
    2. En el campo Texto alternativo, introduce una descripción breve de la imagen.
    3. Toca Guardar.

  2. Opcional: En el área Ancho del logo de escritorio, usa el control deslizante de rango para ajustar el ancho del píxel del logo.

  3. Toca ✓.

Agregar un favicon

Puedes agregar un ícono de favoritos o un favicon, que puedes usar para ayudar con la promoción de marca de tu tienda online. Se muestra un favicon en los siguientes lugares:

  • La pestaña de tu navegador web
  • El historial de tu navegador web
  • Íconos en tu escritorio
  • Al lado del nombre de la tienda online cuando tu sitio web esté marcado como favorito

Leer más sobre favicons.

Pasos:

Escritorio
  1. Desde el Panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema al que desees agregar un favicon y haz clic en Personalizar.
  3. Haz clic en el ícono del engranaje Configuración del tema.
  4. Según la versión del tema, haz clic en Logo o Favicon.

  5. En la sección Imagen de favicon, haz clic en Seleccionar imagen y luego agrega una imagen nueva o existente:

    • Para seleccionar una imagen que ya subiste a tu panel de control de Shopify, búscala y marca su casilla de verificación.
    • Para seleccionar una imagen desde tu computadora, haz clic en Agregar imágenes, abre la imagen en la computadora y marca su casilla de verificación.

  6. Haz clic en Listo.

  7. Opcional: Agrega texto alternativo a la imagen del favicon:

    1. En la sección Imagen de favicon, haz clic en Editar.
    2. En el campo Texto alternativo, introduce una descripción breve de la imagen.
    3. Haz clic en Guardar.

  8. Haz clic en Guardar.

iPhone
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema en el que desees agregar un favicon y luego toca Personalizar.
  5. Toca ⋮ y luego Configuración del tema.
  6. Dependiendo de la versión del tema, haz clic en Logo o en Favicon.

  7. En la sección Imagen de favicon, toca Seleccionar imagen y luego agrega una imagen nueva o existente:

    • Para seleccionar una imagen que ya subiste a tu panel de control de Shopify, búscala y marca su casilla de verificación.
    • Para seleccionar una imagen desde tu dispositivo local, toca Agregar imágenes, abre la imagen en el dispositivo local y marca su casilla de verificación.

  8. Toca el botón Listo.

  9. Agregar texto alternativo a tu imagen de favicon:

    1. En la sección Imagen de favicon, toca Editar.
    2. En el campo Texto alternativo, introduce una descripción breve de la imagen.
    3. Toca Guardar.

  10. Toca Guardar.

Android
  1. En la aplicación de Shopify, toca el botón ☰.
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema en el que desees agregar un favicon y luego toca Personalizar.
  5. Toca … y luego Configuración del tema.
  6. Dependiendo de la versión del tema, haz clic en Logo o en Favicon.

  7. En la sección Imagen de favicon, toca Seleccionar imagen y luego agrega una imagen nueva o existente:

    • Para seleccionar una imagen que ya subiste a tu panel de control de Shopify, búscala y marca su casilla de verificación.
    • Para seleccionar una imagen desde tu dispositivo local, toca Agregar imágenes, abre la imagen en el dispositivo local y marca su casilla de verificación.

  8. Toca el botón Listo.

  9. Agregar texto alternativo a tu imagen de favicon:

    1. En la sección Imagen de favicon, toca Editar.
    2. En el campo Texto alternativo, introduce una descripción breve de la imagen.
    3. Toca Guardar.

  10. Toca ✓.

Colores

Puedes crear y personalizar hasta 21 esquemas de colores únicos y aplicarlos a diferentes secciones en toda la tienda online. Obtén más información sobre opciones, esquemas y degradados de colores.

Pasos:

Escritorio
  1. Desde el Panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que deseas editar y luego haz clic en Personalizar.
  3. Haz clic en el ícono del engranaje Configuración del tema.
  4. Haz clic en Colores.
  5. En la sección Esquemas, haz clic en un esquema existente o en Agregar esquema para agregar un nuevo esquema de colores.

  6. Para editar el esquema de colores, haz clic en la muestra de color a fin de cambiar los siguientes colores de tipo de contenido:

    • Fondo
    • Degradado de fondo
    • Texto
    • Fondo de botón sólido
    • Etiqueta de botón sólido
    • Botón de contorno
    • Sombra

  7. Para establecer el color, introduce un código de color hexadecimal o elígelo desde el selector de color. Para establecer el color en transparente, elimina el código de color hexadecimal del campo de texto.

  8. Haz clic en Guardar.

iPhone

  1. En la aplicación de Shopify, toca el botón ….

  2. En la sección Canales de ventas, toca Tienda online.

  3. Toca Gestionar todos los temas.

  4. Busca el tema que deseas editar, y luego toca Personalizar.

  5. Toca ⋮ y luego Configuración del tema.

  6. Toca Colores.

  7. En la sección Esquemas, toca un esquema existente o Agregar esquema para agregar un nuevo esquema de colores.

  8. Para editar el esquema de colores, toca la muestra de color a fin de cambiar los siguientes colores de tipo de contenido:

    • Fondo
    • Degradado de fondo
    • Texto
    • Fondo de botón sólido
    • Etiqueta de botón sólido
    • Botón de contorno
    • Sombra

  9. Para establecer el color, introduce un código de color hexadecimal o elígelo desde el selector de color. Para establecer el color en transparente, elimina el código de color hexadecimal del campo de texto.

  10. Toca el botón Listo.

  11. Toca Guardar.

Android

  1. En la aplicación de Shopify, toca el botón ☰.

  2. En la sección Canales de ventas, toca Tienda online.

  3. Toca Gestionar todos los temas.

  4. Busca el tema que deseas editar, y luego toca Personalizar.

  5. Toca … y luego Configuración del tema.

  6. Toca Colores.

  7. En la sección Esquemas, toca un esquema existente o Agregar esquema para agregar un nuevo esquema de colores.

  8. Para editar el esquema de colores, toca la muestra de color a fin de cambiar los siguientes colores de tipo de contenido:

    • Fondo
    • Degradado de fondo
    • Texto
    • Fondo de botón sólido
    • Etiqueta de botón sólido
    • Botón de contorno
    • Sombra

  9. Para establecer el color, introduce un código de color hexadecimal o elígelo desde el selector de color. Para establecer el color en transparente, elimina el código de color hexadecimal del campo de texto.

  10. Toca el botón Listo.

  11. Toca ✓.

Tipografía

Puedes definir el estilo y el tamaño de la fuente del texto en tu tienda online. Puedes elegir una fuente de sistema o una personalizada.

Considera usar las fuentes del sistema en la tienda, ya que están instaladas en la computadora del usuario. Su uso evita la descarga de fuentes nuevas en la computadora del cliente, lo que puede afectar negativamente la velocidad de carga de la tienda. La fuente que se muestra en la computadora del cliente depende del sistema operativo.

Personalizar los tipos de fuente

Consulta la biblioteca de fuentes de Shopify para ver una lista de las fuentes disponibles.

Pasos

Escritorio
  1. Desde el panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que deseas editar y luego haz clic en Personalizar.
  3. Haz clic en el ícono del engranaje Configuración del tema.
  4. Haz clic en Tipografía.
  5. Para cambiar el tipo de fuente del texto de los títulos o el cuerpo de la tienda, haz clic en Cambiar en la sección Títulos o Cuerpo.
  6. Haz clic en el nombre de la fuente que desees usar y luego en Seleccionar.
  7. Haz clic en Guardar.
iPhone
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca ⋮ y luego Configuración del tema.
  6. Pulsa Tipografía.
  7. Para cambiar el tipo de fuente del texto de los títulos o el cuerpo en la tienda, toca Cambiar en la sección Títulos o Cuerpo.
  8. Toca el nombre de la fuente que desees usar y luego Listo.
  9. Toca Guardar.
Android
  1. En la aplicación de Shopify, toca el botón ☰.
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca … y luego Configuración del tema.
  6. Pulsa Tipografía.
  7. Para cambiar el tipo de fuente del texto de los títulos o el cuerpo en la tienda, toca Cambiar en la sección Títulos o Cuerpo.
  8. Toca el nombre de la fuente que desees usar y luego Listo.
  9. Toca ✓.

Personaliza los tamaños de fuente

Puedes establecer los tamaños de fuente predeterminados para el texto de los títulos y el cuerpo con la configuración del tema Tipografía.

El tamaño de fuente mínimo es 100% y el máximo es 150%. Cada incremento de la escala aumenta el tamaño de fuente en un 5%. La configuración predeterminada es 100%.

Pasos:

Escritorio
  1. Desde el Panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que deseas editar y luego haz clic en Personalizar.
  3. Haz clic en el ícono del engranaje Configuración del tema.
  4. Haz clic en Tipografía.
  5. Para cambiar el tamaño de fuente predeterminado del texto de los títulos, utiliza el control deslizante de rango Escala de tamaño de fuente para seleccionar el tamaño de fuente predeterminado.
  6. Para cambiar el tamaño de fuente predeterminado del texto del cuerpo, utiliza el control deslizante de rango Escala de tamaño de fuente para seleccionar el tamaño de fuente predeterminado.
  7. Haz clic en Guardar.
iPhone
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca ⋮ y luego Configuración del tema.
  6. Pulsa Tipografía.
  7. Para cambiar el tamaño de fuente predeterminado del texto de los títulos, utiliza el control deslizante de rango Escala de tamaño de fuente para seleccionar el tamaño de fuente predeterminado.
  8. Para cambiar el tamaño de fuente predeterminado del texto del cuerpo, utiliza el control deslizante de rango Escala de tamaño de fuente para seleccionar el tamaño de fuente predeterminado.
  9. Toca Guardar.
Android
  1. En la aplicación de Shopify, toca el botón ☰.
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca … y luego Configuración del tema.
  6. Pulsa Tipografía.
  7. Para cambiar el tamaño de fuente predeterminado del texto de los títulos, utiliza el control deslizante de rango Escala de tamaño de fuente para seleccionar el tamaño de fuente predeterminado.
  8. Para cambiar el tamaño de fuente predeterminado del texto del cuerpo, utiliza el control deslizante de rango Escala de tamaño de fuente para seleccionar el tamaño de fuente predeterminado.
  9. Toca ✓.

Diseño

Puedes establecer el ancho máximo en el que se mostrará la tienda online, así como el espacio vertical y horizontal entre las secciones.

Pasos:

Escritorio
  1. Desde el Panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que deseas editar y luego haz clic en Personalizar.
  3. Haz clic en el ícono del engranaje Configuración del tema.
  4. Haz clic en Diseño.
  5. Usa el control deslizante de rango Ancho de la página para elegir un ancho de página de entre 1.000 y 1.600 px. La configuración predeterminada es de 1.600 px.
  6. Opcional: Usa el control deslizante de rango para agregar espacio vertical entre las secciones de la plantilla en las páginas, hasta un máximo de 100 px entre una y otra.
  7. Opcional: Si tienes un diseño de cuadrícula, usa los controles deslizantes de rango Espacio horizontal y Espacio vertical para agregar espacio entre el contenido de la cuadrícula en las páginas. Horizontalmente, podrás agregar un máximo de 40 px de espacio a las filas de contenido en las páginas y, verticalmente, un máximo de 40 px de espacio a las columnas de contenido en las páginas.
  8. Haz clic en Guardar.
iPhone
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca ⋮ y luego Configuración del tema.
  6. Toca Diseño.
  7. Usa el control deslizante de rango Ancho de la página para elegir un ancho de página de entre 1.000 y 1.600 px. La configuración predeterminada es de 1.600 px.
  8. Opcional: Usa el control deslizante de rango para agregar espacio vertical entre las secciones de la plantilla en las páginas, hasta un máximo de 100 px entre una y otra.
  9. Opcional: Si tienes un diseño de cuadrícula, usa los controles deslizantes de rango Espacio horizontal y Espacio vertical para agregar espacio entre el contenido de la cuadrícula en las páginas. Horizontalmente, podrás agregar un máximo de 40 px de espacio a las filas de contenido en las páginas y, verticalmente, un máximo de 40 px de espacio a las columnas de contenido en las páginas.
  10. Toca Guardar.
Android
  1. En la aplicación de Shopify, toca el botón ☰.
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca … y luego Configuración del tema.
  6. Toca Diseño.
  7. Usa el control deslizante de rango Ancho de la página para elegir un ancho de página de entre 1.000 y 1.600 px. La configuración predeterminada es de 1.600 px.
  8. Opcional: Usa el control deslizante de rango para agregar espacio vertical entre las secciones de la plantilla en las páginas, hasta un máximo de 100 px entre una y otra.
  9. Opcional: Si tienes un diseño de cuadrícula, usa los controles deslizantes de rango Espacio horizontal y Espacio vertical para agregar espacio entre el contenido de la cuadrícula en las páginas. Horizontalmente, podrás agregar un máximo de 40 px de espacio a las filas de contenido en las páginas y, verticalmente, un máximo de 40 px de espacio a las columnas de contenido en las páginas.
  10. Toca ✓.

Animaciones

Las animaciones te permiten agregar movimiento e interés visual a la tienda online. Puedes activar una animación con efecto de fundido de entrada que muestre las secciones de la tienda al desplazar el cursor y un efecto de movimiento para las tarjetas y botones.

Pasos:

Escritorio
  1. Desde el Panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que deseas editar y luego haz clic en Personalizar.
  3. Haz clic en el ícono del engranaje Configuración del tema.
  4. Haz clic en Animaciones.
  5. Opcional: Para activar una animación que muestre las secciones de la tienda online al desplazar el cursor, selecciona Mostrar secciones al desplazar el cursor.

  6. Opcional: Para agregar una animación con efecto de movimiento a las tarjetas y botones, selecciona una de las siguientes opciones de la configuración Efecto de movimiento:

    • Elevación vertical: cuando un cliente pasa el cursor sobre una tarjeta o un botón, el elemento se desplaza hacia arriba.
    • Elevación 3D: cuando un cliente pasa el cursor sobre una tarjeta o un botón, el elemento se desplaza hacia adelante, lo que le da un efecto 3D. También tiene un brillo sutil que se mueve por todo el elemento, lo que le da otra capa de dimensión.

  7. Haz clic en Guardar.

iPhone

  1. En la aplicación de Shopify, toca el botón ….

  2. En la sección Canales de ventas, toca Tienda online.

  3. Toca Gestionar todos los temas.

  4. Busca el tema que deseas editar, y luego toca Personalizar.

  5. Toca ⋮ y luego Configuración del tema.

  6. Toca Animaciones.

  7. Opcional: Para activar una animación que muestre las secciones de la tienda online al desplazar el cursor, selecciona Mostrar secciones al desplazar el cursor.

  8. Opcional: Para agregar una animación con efecto de movimiento a las tarjetas y botones, selecciona una de las siguientes opciones de la configuración Efecto de movimiento:

    • Elevación vertical: cuando un cliente pasa el cursor sobre una tarjeta o un botón, el elemento se desplaza hacia arriba.
    • Elevación 3D: cuando un cliente pasa el cursor sobre una tarjeta o un botón, el elemento se desplaza hacia adelante, lo que le da un efecto 3D. También tiene un brillo sutil que se mueve por todo el elemento, lo que le da otra capa de dimensión.

  9. Toca Guardar.

Android

  1. En la aplicación de Shopify, toca el botón ☰.

  2. En la sección Canales de ventas, toca Tienda online.

  3. Toca Gestionar todos los temas.

  4. Busca el tema que deseas editar, y luego toca Personalizar.

  5. Toca … y luego Configuración del tema.

  6. Toca Animaciones.

  7. Opcional: Para activar una animación que muestre las secciones de la tienda online al desplazar el cursor, selecciona Mostrar secciones al desplazar el cursor.

  8. Opcional: Para agregar una animación con efecto de movimiento a las tarjetas y botones, selecciona una de las siguientes opciones de la configuración Efecto de movimiento:

    • Elevación vertical: cuando un cliente pasa el cursor sobre una tarjeta o un botón, el elemento se desplaza hacia arriba.
    • Elevación 3D: cuando un cliente pasa el cursor sobre una tarjeta o un botón, el elemento se desplaza hacia adelante, lo que le da un efecto 3D. También tiene un brillo sutil que se mueve por todo el elemento, lo que le da otra capa de dimensión.

  9. Toca ✓.

Bordes y sombras

Puedes ajustar los bordes y las sombras de algunos tipos de contenido interactivo, como los cajones, botones, botones de variantes o entradas de cantidad del producto.

Las opciones que puedes personalizar para los bordes son las siguientes:

  • Grosor, que cambia el contorno del artículo.
  • Opacidad, que define la visibilidad del contorno del artículo.
  • Radio de esquina, que redondea las esquinas del elemento.

Las opciones que puedes personalizar para las sombras son las siguientes:

  • Opacidad, que cambia la visibilidad de la sombra del elemento. Con una opacidad de sombra de 0%, la sombra se elimina por completo del elemento.
  • Los controles deslizantes de rango Desalineación horizontal y vertical, que mueven la ubicación de la sombra alrededor del elemento.
  • El control deslizante de rango Difuminar, que cambia la opacidad de la sombra del elemento.

Botones

Para personalizar la configuración de los botones de llamada a la acción en tu tienda online, puedes agregar sombras, cambiar el espaciado o la opacidad, y ajustar la forma de los botones.

Ejemplo de tienda online con botón de llamada a la acción

Pasos:

Escritorio
  1. Desde el Panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que deseas editar y luego haz clic en Personalizar.
  3. Haz clic en el ícono del engranaje Configuración del tema.
  4. Haz clic en Botones.
  5. Opcional: Usa el control deslizante de rango para cambiar la apariencia del borde del botón.
  6. Opcional: Usa el control deslizante de rango para cambiar la sombra del botón. Si estableces la opacidad de la sombra en 0%, esta última se eliminará.
  7. Haz clic en Guardar.
iPhone
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca ⋮ y luego Configuración del tema.
  6. Toca Botones.
  7. Opcional: Usa el control deslizante de rango para cambiar la apariencia del borde del botón.
  8. Opcional: Usa el control deslizante de rango para cambiar la sombra del botón. Si estableces la opacidad de la sombra en 0%, esta última se eliminará.
  9. Toca Guardar.
Android
  1. En la aplicación de Shopify, toca el botón ☰.
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca … y luego Configuración del tema.
  6. Toca Botones.
  7. Opcional: Usa el control deslizante de rango para cambiar la apariencia del borde del botón.
  8. Opcional: Usa el control deslizante de rango para cambiar la sombra del botón. Si estableces la opacidad de la sombra en 0%, esta última se eliminará.
  9. Toca ✓.

Botones de variantes

Los botones de variantes te permiten mostrar las variantes de un producto en una página de producto o una sección de producto destacado. Los clientes pueden seleccionar la variante que deseen para agregar el producto a su carrito sin necesidad de cambiar de página. Puedes personalizar cómo se muestran los botones de variantes en la tienda online.

Ejemplo de tienda online con botones de variantes seleccionables

Pasos:

Escritorio
  1. Desde el Panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que deseas editar y luego haz clic en Personalizar.
  3. Haz clic en el ícono del engranaje Configuración del tema.
  4. Haz clic en Botones de variantes.
  5. Opcional: Usa el control deslizante de rango para cambiar la apariencia del borde del botón de variante.
  6. Opcional: Usa el control deslizante de rango para cambiar la sombra del botón de variante. Si estableces la opacidad de la sombra en 0%, esta última se eliminará.
  7. Haz clic en Guardar.
iPhone
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca ⋮ y luego Configuración del tema.
  6. Toca Botones de variantes.
  7. Opcional: Usa el control deslizante de rango para cambiar la apariencia del borde del botón de variante.
  8. Opcional: Usa el control deslizante de rango para cambiar la sombra del botón de variante. Si estableces la opacidad de la sombra en 0%, esta última se eliminará.
  9. Toca Guardar.
Android
  1. En la aplicación de Shopify, toca el botón ☰.
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca … y luego Configuración del tema.
  6. Toca Botones de variantes.
  7. Opcional: Usa el control deslizante de rango para cambiar la apariencia del borde del botón de variante.
  8. Opcional: Usa el control deslizante de rango para cambiar la sombra del botón de variante. Si estableces la opacidad de la sombra en 0%, esta última se eliminará.
  9. Toca ✓.

Entradas

Las entradas son áreas interactivas que requieren que los clientes especifiquen información, por ejemplo, un selector de cantidad, un formulario de suscriptor de correo electrónico o notas del carrito. Puedes ajustar la apariencia de las entradas de la tienda online.

Ejemplo de tienda online con entrada de cantidad

Pasos:

Escritorio
  1. Desde el Panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que deseas editar y luego haz clic en Personalizar.
  3. Haz clic en el ícono del engranaje Configuración del tema.
  4. Haz clic en Entradas.
  5. Opcional: Usa el control deslizante de rango para cambiar la apariencia del borde de la entrada.
  6. Opcional: Usa el control deslizante de rango para cambiar la sombra de la entrada. Si estableces la opacidad de la sombra en 0%, esta última se eliminará.
  7. Haz clic en Guardar.
iPhone
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca ⋮ y luego Configuración del tema.
  6. Toca Entradas.
  7. Opcional: Usa el control deslizante de rango para cambiar la apariencia del borde de la entrada.
  8. Opcional: Usa el control deslizante de rango para cambiar la sombra de la entrada. Si estableces la opacidad de la sombra en 0%, esta última se eliminará.
  9. Toca Guardar.
Android
  1. En la aplicación de Shopify, toca el botón ☰.
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca … y luego Configuración del tema.
  6. Toca Entradas.
  7. Opcional: Usa el control deslizante de rango para cambiar la apariencia del borde de la entrada.
  8. Opcional: Usa el control deslizante de rango para cambiar la sombra de la entrada. Si estableces la opacidad de la sombra en 0%, esta última se eliminará.
  9. Toca ✓.

Tarjetas

La configuración de las tarjetas de producto, tarjetas de colección y tarjetas de blog te permite personalizar el estilo de cada tipo de tarjeta cuando se muestran en las secciones de la página. Puedes cambiar el color, la alineación, el relleno de la imagen, los bordes y las sombras de estos tres tipos de tarjetas de sección.

Pasos:

Escritorio
  1. Desde el Panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que deseas editar y luego haz clic en Personalizar.
  3. Haz clic en el ícono del engranaje Configuración del tema.
  4. Haz clic en Tarjetas de producto, Tarjetas de colección o Tarjetas de blog.
  5. Para elegir un estilo de tarjeta, usa la opción Estilo.
  6. Opcional: Para agregar espacio alrededor de las imágenes de la tarjeta, usa el control deslizante de rango Relleno de imagen.
  7. Opcional: Elige entre las opciones Izquierda, Centrado (predeterminada) o Derecha para la alineación de texto de la tarjetas.
  8. Opcional: En la sección Esquema de colores, haz clic en Cambiar para seleccionar un esquema de colores para las tarjetas.
  9. Opcional: Usa el control deslizante de rango para cambiar la apariencia del borde de la tarjeta.
  10. Opcional: Usa el control deslizante de rango para cambiar la sombra de la tarjeta. Si estableces la opacidad de la sombra en 0%, esta última se eliminará.
  11. Haz clic en Guardar.
iPhone
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca ⋮ y luego Configuración del tema.
  6. Toca Tarjetas de producto, Tarjetas de colección o Tarjetas de blog.
  7. Para elegir un estilo de tarjeta, usa la opción Estilo.
  8. Opcional: Para agregar espacio alrededor de las imágenes de la tarjeta, usa el control deslizante de rango Relleno de imagen.
  9. Opcional: Elige entre las opciones Izquierda, Centrado (predeterminada) o Derecha para la alineación de texto de la tarjetas.
  10. Opcional: En la sección Esquema de colores, toca Cambiar. Selecciona un esquema de colores para las tarjetas y luego toca Listo.
  11. Opcional: Usa el control deslizante de rango para cambiar la apariencia del borde de la tarjeta.
  12. Opcional: Usa el control deslizante de rango para cambiar la sombra de la tarjeta. Si estableces la opacidad de la sombra en 0%, esta última se eliminará.
  13. Toca Guardar.
Android
  1. En la aplicación de Shopify, toca el botón ☰.
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca … y luego Configuración del tema.
  6. Toca Tarjetas de producto, Tarjetas de colección o Tarjetas de blog.
  7. Para elegir un estilo de tarjeta, usa la opción Estilo.
  8. Opcional: Para agregar espacio alrededor de las imágenes de la tarjeta, usa el control deslizante de rango Relleno de imagen.
  9. Opcional: Elige entre las opciones Izquierda, Centrado (predeterminada) o Derecha para la alineación de texto de la tarjetas.
  10. Opcional: En la sección Esquema de colores, toca Cambiar. Selecciona un esquema de colores para las tarjetas y luego toca Listo.
  11. Opcional: Usa el control deslizante de rango para cambiar la apariencia del borde de la tarjeta.
  12. Opcional: Usa el control deslizante de rango para cambiar la sombra de la tarjeta. Si estableces la opacidad de la sombra en 0%, esta última se eliminará.
  13. Toca ✓.

Contenedores de contenido

Los contenedores se utilizan para el elemento de texto de las secciones de contenido, por ejemplo, el cuadro de texto en una presentación de diapositivas, un banner de imagen o las columnas en secciones multicolumna. Puedes personalizar la apariencia de los contenedores de contenido de la tienda online.

Pasos:

Escritorio
  1. Desde el Panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que deseas editar y luego haz clic en Personalizar.
  3. Haz clic en el ícono del engranaje Configuración del tema.
  4. Haz clic en Contenedores de contenido.
  5. Usa el control deslizante de rango para cambiar la apariencia del borde del contenedor de contenido.
  6. Usa el control deslizante de rango para cambiar la sombra del contenedor de contenido. Si estableces la opacidad de la sombra en 0%, esta última se eliminará.
  7. Haz clic en Guardar.
iPhone
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca ⋮ y luego Configuración del tema.
  6. Toca Contenedores de contenido.
  7. Usa el control deslizante de rango para cambiar la apariencia del borde del contenedor de contenido.
  8. Usa el control deslizante de rango para cambiar la sombra del contenedor de contenido. Si estableces la opacidad de la sombra en 0%, esta última se eliminará.
  9. Toca Guardar.
Android
  1. En la aplicación de Shopify, toca el botón ☰.
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca … y luego Configuración del tema.
  6. Toca Contenedores de contenido.
  7. Usa el control deslizante de rango para cambiar la apariencia del borde del contenedor de contenido.
  8. Usa el control deslizante de rango para cambiar la sombra del contenedor de contenido. Si estableces la opacidad de la sombra en 0%, esta última se eliminará.
  9. Toca ✓.

Elementos multimedia

Los elementos multimedia son el componente visual de las secciones, por ejemplo, los elementos multimedia de productos o una imagen en la sección Imagen con texto. Puedes agregar bordes y sombras a los elementos multimedia.

Pasos:

Escritorio
  1. Desde el Panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que deseas editar y luego haz clic en Personalizar.
  3. Haz clic en el ícono del engranaje Configuración del tema.
  4. Haz clic en Multimedia.
  5. Usa el control deslizante de rango para cambiar la apariencia del borde del elemento multimedia.
  6. Usa el control deslizante de rango para cambiar la sombra del elemento multimedia. Si estableces la opacidad de la sombra en 0%, esta última se eliminará.
  7. Haz clic en Guardar.
iPhone
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca ⋮ y luego Configuración del tema.
  6. Toca Multimedia.
  7. Usa el control deslizante de rango para cambiar la apariencia del borde del elemento multimedia.
  8. Usa el control deslizante de rango para cambiar la sombra del elemento multimedia. Si estableces la opacidad de la sombra en 0%, esta última se eliminará.
  9. Toca Guardar.
Android
  1. En la aplicación de Shopify, toca el botón ☰.
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca … y luego Configuración del tema.
  6. Toca Multimedia.
  7. Usa el control deslizante de rango para cambiar la apariencia del borde del elemento multimedia.
  8. Usa el control deslizante de rango para cambiar la sombra del elemento multimedia. Si estableces la opacidad de la sombra en 0%, esta última se eliminará.
  9. Toca ✓.

Menús desplegables y ventanas emergentes

Puedes ajustar la apariencia de los menús desplegables de navegación, los modales emergentes y las ventanas emergentes del carrito en la tienda online.

Pasos:

Escritorio
  1. Desde el Panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que deseas editar y luego haz clic en Personalizar.
  3. Haz clic en el ícono del engranaje Configuración del tema.
  4. Haz clic en Menús desplegables y ventanas emergentes.
  5. Usa el control deslizante de rango para cambiar la apariencia del borde.
  6. Usa el control deslizante de rango para cambiar la sombra. Si estableces la opacidad de la sombra en 0%, esta última se eliminará.
  7. Haz clic en Guardar.
iPhone
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca ⋮ y luego Configuración del tema.
  6. Toca Menús desplegables y ventanas emergentes.
  7. Usa el control deslizante de rango para cambiar la apariencia del borde.
  8. Usa el control deslizante de rango para cambiar la sombra. Si estableces la opacidad de la sombra en 0%, esta última se eliminará.
  9. Toca Guardar.
Android
  1. En la aplicación de Shopify, toca el botón ☰.
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca … y luego Configuración del tema.
  6. Toca Menús desplegables y ventanas emergentes.
  7. Usa el control deslizante de rango para cambiar la apariencia del borde.
  8. Usa el control deslizante de rango para cambiar la sombra. Si estableces la opacidad de la sombra en 0%, esta última se eliminará.
  9. Toca ✓.

Cajones

Los cajones son contenedores ocultos e interactivos que se muestran cuando los tocas o haces clic en ellos, como las opciones de un filtro de colección o menú de navegación desplegable. Puedes personalizar el borde y la sombra de los cajones de la tienda online.

Pasos:

Escritorio
  1. Desde el Panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que deseas editar y luego haz clic en Personalizar.
  3. Haz clic en el ícono del engranaje Configuración del tema.
  4. Haz clic en Cajones.
  5. Usa el control deslizante de rango para cambiar la apariencia del borde del cajón.
  6. Usa el control deslizante de rango para cambiar la sombra de cajón. Si estableces la opacidad de la sombra en 0%, esta última se eliminará.
  7. Haz clic en Guardar.
iPhone
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca ⋮ y luego Configuración del tema.
  6. Toca Cajones.
  7. Usa el control deslizante de rango para cambiar la apariencia del borde del cajón.
  8. Usa el control deslizante de rango para cambiar la sombra de cajón. Si estableces la opacidad de la sombra en 0%, esta última se eliminará.
  9. Toca Guardar.
Android
  1. En la aplicación de Shopify, toca el botón ☰.
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca … y luego Configuración del tema.
  6. Toca Cajones.
  7. Usa el control deslizante de rango para cambiar la apariencia del borde del cajón.
  8. Usa el control deslizante de rango para cambiar la sombra de cajón. Si estableces la opacidad de la sombra en 0%, esta última se eliminará.
  9. Toca ✓.

Emblemas

Los emblemas Oferta y Agotado se agregan automáticamente a las imágenes del producto cuando bajas el precio o cuando el recuento de inventario llega a 0. Puedes ajustar la posición, la forma y el color de los emblemas Oferta y Agotado.

Ejemplo de tienda online con distintivos de Oferta y Agotado

Los emblemas Página y Blog se muestran en los resultados de búsqueda relevantes. Puedes personalizar la posición y la forma de los emblemas Página y Blog, pero no puedes cambiar su color.

Pasos:

Escritorio
  1. Desde el Panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que deseas editar y luego haz clic en Personalizar.
  3. Haz clic en el ícono del engranaje Configuración del tema.
  4. Haz clic en Emblemas.
  5. Para seleccionar la posición del emblema, haz clic en el menú desplegable Posición de las tarjetas y luego en Abajo a la izquierda, Abajo a la derecha, Arriba a la izquierda o Arriba a la derecha.
  6. Opcional: Para agregar esquinas redondeadas a los emblemas, usa el control deslizante de rango Radio de esquina. Si estableces el radio de esquina en 0 px, producirás emblemas con bordes cuadrados y si aumentas el radio, harás que los bordes del emblema sean más redondeados.
  7. Opcional: Para seleccionar un esquema de colores, haz clic en Cambiar para las opciones Esquema de colores de emblema de oferta o Esquema de colores de emblema de agotado y luego en el esquema de colores que desees.
  8. Haz clic en Guardar.
iPhone
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca ⋮ y luego Configuración del tema.
  6. Toca Emblemas.
  7. Para seleccionar la posición del emblema, toca el menú desplegable Posición de las tarjetas y luego Abajo a la izquierda, Abajo a la derecha, Arriba a la izquierda o Arriba a la derecha.
  8. Opcional: Para agregar esquinas redondeadas a los emblemas, usa el control deslizante de rango Radio de esquina. Si estableces el radio de esquina en 0 px, producirás emblemas con bordes cuadrados y si aumentas el radio, harás que los bordes del emblema sean más redondeados.
  9. Opcional: Para seleccionar un esquema de colores, toca Cambiar para las opciones Esquema de colores de emblema de oferta o Esquema de colores de emblema de agotado. Selecciona un esquema de colores para los emblemas y luego toca Listo.
  10. Toca Guardar.
Android
  1. En la aplicación de Shopify, toca el botón ☰.
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca … y luego Configuración del tema.
  6. Toca Emblemas.
  7. Para seleccionar la posición del emblema, toca el menú desplegable Posición de las tarjetas y luego Abajo a la izquierda, Abajo a la derecha, Arriba a la izquierda o Arriba a la derecha.
  8. Opcional: Para agregar esquinas redondeadas a los emblemas, usa el control deslizante de rango Radio de esquina. Si estableces el radio de esquina en 0 px, producirás emblemas con bordes cuadrados y si aumentas el radio, harás que los bordes del emblema sean más redondeados.
  9. Opcional: Para seleccionar un esquema de colores, toca Cambiar para las opciones Esquema de colores de emblema de oferta o Esquema de colores de emblema de agotado. Selecciona un esquema de colores para los emblemas y luego toca Listo.
  10. Toca ✓.

Información de marca

Puedes incluir información sobre la marca en la tienda online. Después de completar los siguientes pasos, puedes agregar el bloque Información de la marca en el pie de página de la tienda online.

Pasos:

Escritorio
  1. Desde el Panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que deseas editar y luego haz clic en Personalizar.
  3. Haz clic en el ícono del engranaje Configuración del tema.
  4. Haz clic en Información de la marca.
  5. Opcional: Introduce un título sobre la marca o el negocio.
  6. Opcional: Introduce una descripción sobre la marca o el negocio.
  7. Opcional: En el área Imagen, agrega la imagen o utiliza una gratuita:
    • Para agregar la imagen, haz clic en Seleccionar imagen y luego agrega una nueva o existente:
      • Para usar una imagen que ya subiste al panel de control de Shopify, selecciónala y luego haz clic en Listo.
      • Para utilizar una imagen de la computadora, haz clic en Agregar imágenes. Selecciona y agrega una imagen, y luego haz clic en Listo.

- Para utilizar una imagen gratuita, haz clic en Explorar imágenes gratuitas. Busca una imagen, haz clic en ella para seleccionarla y luego en Seleccionar.

  1. Opcional: En el área Ancho de la imagen, activa el control deslizante de rango según el ancho de píxel que desees.
  2. Haz clic en Guardar.
iPhone
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca ⋮ y luego Configuración del tema.
  6. Toca Información de la marca.
  7. Opcional: Introduce un título sobre la marca o el negocio.
  8. Opcional: Introduce una descripción sobre la marca o el negocio.
  9. Opcional: En el área Imagen, agrega la imagen o utiliza una gratuita:
    • Para agregar la imagen, toca Seleccionar imagen y luego agrega una nueva o una ya existente:
      • Para usar una imagen que ya subiste al panel de control de Shopify, selecciónala y luego toca Listo.
      • Para usar una imagen desde el dispositivo local, toca Agregar imágenes. Selecciona y agrega una imagen del dispositivo local, tócala para seleccionarla y luego toca Listo.

- Para utilizar una imagen gratuita, toca Explorar imágenes gratuitas. Busca una imagen, tócala para seleccionarla y luego toca Listo.

  1. Opcional: En el área Ancho de la imagen, activa el control deslizante de rango según el ancho de píxel que desees.
  2. Toca Guardar.
Android
  1. En la aplicación de Shopify, toca el botón ☰.
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca … y luego Configuración del tema.
  6. Toca Información de la marca.
  7. Opcional: Introduce un título sobre la marca o el negocio.
  8. Opcional: Introduce una descripción sobre la marca o el negocio.
  9. Opcional: En el área Imagen, agrega la imagen o utiliza una gratuita:
    • Para agregar la imagen, toca Seleccionar imagen y luego agrega una nueva o una ya existente:
      • Para usar una imagen que ya subiste al panel de control de Shopify, selecciónala y luego toca Listo.
      • Para usar una imagen desde el dispositivo local, toca Agregar imágenes. Selecciona y agrega una imagen del dispositivo local, tócala para seleccionarla y luego toca Listo.

- Para utilizar una imagen gratuita, toca Explorar imágenes gratuitas. Busca una imagen, tócala para seleccionarla y luego toca Listo.

  1. Opcional: En el área Ancho de la imagen, activa el control deslizante de rango según el ancho de píxel que desees.
  2. Toca ✓.

Redes sociales

Puedes agregar enlaces a tus cuentas de redes sociales que se muestran en el pie de página de la tienda online.

Pasos:

Escritorio
  1. Desde el Panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que deseas editar y luego haz clic en Personalizar.
  3. Haz clic en el ícono del engranaje Configuración del tema.
  4. Haz clic en Redes sociales.
  5. Para agregar enlaces a tus cuentas de redes sociales, introduce las direcciones de sitio web de tus cuentas en los campos Cuentas de redes sociales correspondientes. Debes introducir enlaces completos, como https://instagram.com/shopify o https://tiktok.com/@shopify.
  6. Haz clic en Guardar.
iPhone
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca ⋮ y luego Configuración del tema.
  6. Toca Redes sociales.
  7. Para agregar enlaces a tus cuentas de redes sociales, introduce las direcciones de sitio web de tus cuentas en los campos Cuentas de redes sociales correspondientes. Debes introducir enlaces completos, como https://instagram.com/shopify o https://tiktok.com/@shopify.
  8. Toca Guardar.
Android
  1. En la aplicación de Shopify, toca el botón ☰.
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca … y luego Configuración del tema.
  6. Toca Redes sociales.
  7. Para agregar enlaces a tus cuentas de redes sociales, introduce las direcciones de sitio web de tus cuentas en los campos Cuentas de redes sociales correspondientes. Debes introducir enlaces completos, como https://instagram.com/shopify o https://tiktok.com/@shopify.
  8. Toca ✓.

Comportamiento de búsqueda

La tienda online incluye la búsqueda predictiva, que muestra sugerencias cuando los clientes empiezan a escribir en el campo de búsqueda. Las sugerencias de productos pueden ayudar a los clientes a redactar y refinar sus búsquedas, y ofrecen nuevas formas para explorar la tienda online. También permiten a los clientes navegar rápidamente en los resultados sin tener que abandonar su página actual para ver otra lista de resultados de búsqueda.

Para más información sobre cómo funcionan las sugerencias de búsqueda, consulta Búsqueda predictiva.

Puedes personalizar cómo se muestran las sugerencias de búsqueda a los clientes.

Pasos:

Escritorio
  1. Desde el Panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que deseas editar y luego haz clic en Personalizar.
  3. Haz clic en el ícono del engranaje Configuración del tema.
  4. Haz clic en Comportamiento de búsqueda.
  5. Para activar o desactivar las sugerencias de búsqueda, selecciona o deselecciona Activar sugerencias de búsqueda.
  6. Opcional: Para mostrar u ocultar el proveedor del producto en las sugerencias de búsqueda, selecciona o deselecciona Mostrar proveedor del producto.
  7. Opcional: Para mostrar u ocultar el precio del producto en las sugerencias de búsqueda, selecciona o deselecciona Mostrar precio del producto.
  8. Haz clic en Guardar.
iPhone
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca ⋮ y luego Configuración del tema.
  6. Toca Comportamiento de búsqueda.
  7. Para activar o desactivar las sugerencias de búsqueda, selecciona o deselecciona Activar sugerencias de búsqueda.
  8. Opcional: Para mostrar u ocultar el proveedor del producto en las sugerencias de búsqueda, selecciona o deselecciona Mostrar proveedor del producto.
  9. Opcional: Para mostrar u ocultar el precio del producto en las sugerencias de búsqueda, selecciona o deselecciona Mostrar precio del producto.
  10. Toca Guardar.
Android
  1. En la aplicación de Shopify, toca el botón ☰.
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca … y luego Configuración del tema.
  6. Toca Comportamiento de búsqueda.
  7. Para activar o desactivar las sugerencias de búsqueda, selecciona o deselecciona Activar sugerencias de búsqueda.
  8. Opcional: Para mostrar u ocultar el proveedor del producto en las sugerencias de búsqueda, selecciona o deselecciona Mostrar proveedor del producto.
  9. Opcional: Para mostrar u ocultar el precio del producto en las sugerencias de búsqueda, selecciona o deselecciona Mostrar precio del producto.
  10. Toca ✓.

Formato de moneda

Puedes elegir que se muestre el código de moneda con los precios de los productos.

Pasos:

Escritorio
  1. Desde el Panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que deseas editar y luego haz clic en Personalizar.
  3. Haz clic en el ícono del engranaje Configuración del tema.
  4. Haz clic en Formato de moneda.
  5. Para mostrar los códigos de moneda, selecciona Mostrar códigos de moneda.
  6. Haz clic en Guardar.
iPhone
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca ⋮ y luego Configuración del tema.
  6. Toca Formato de moneda.
  7. Para mostrar los códigos de moneda, selecciona Mostrar códigos de moneda.
  8. Toca Guardar.
Android
  1. En la aplicación de Shopify, toca el botón ☰.
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca … y luego Configuración del tema.
  6. Toca Formato de moneda.
  7. Para mostrar los códigos de moneda, selecciona Mostrar códigos de moneda.
  8. Toca ✓.

Carrito

Puedes cambiar el estilo del carrito en la tienda online. Cuando un cliente agrega un producto de la tienda a su carrito, este último se puede mostrar como un carrito lateral una página o una notificación emergente. Para mantener al cliente en la página de producto, utiliza la opción de carrito lateral o notificación emergente. Para llevar al cliente a la página del carrito, usa la opción de página. Cuando el carrito del cliente está vacío, puedes mostrar una colección destacada en el carrito lateral.

Pasos:

Escritorio
  1. Desde el Panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que deseas editar y luego haz clic en Personalizar.
  3. Haz clic en el ícono del engranaje Configuración del tema.
  4. Haz clic en Carrito.
  5. Usa el menú desplegable Tipo de carrito para seleccionar el estilo de carrito Lateral, Página o Notificación emergente.
  6. Opcional: Para mostrar los proveedores de los artículos en el carrito de un cliente, selecciona Mostrar proveedor.
  7. Opcional: Para ofrecer a los clientes un cuadro de texto donde puedan introducir solicitudes especiales o agregar información adicional del pedido, selecciona Habilitar nota del carrito.

  8. Opcional: Si seleccionas Lateral como tipo de carrito, puedes mostrar una colección en el carrito lateral cuando esté vacío:

    1. En el área Carrito lateral, haz clic en Seleccionar colección.
    2. Haz clic en el nombre de la colección que desees mostrar y luego en Seleccionar.

  9. Opcional: Si seleccionas Lateral como tipo de carrito, puedes cambiar el esquema de colores del carrito lateral si sigues los siguientes pasos:

    1. En el área Carrito lateral > Esquema de colores, haz clic en Cambiar.
    2. Selecciona un esquema de colores que desees usar para el carrito lateral.

  10. Haz clic en Guardar.

iPhone
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca ⋮ y luego Configuración del tema.
  6. Toca Carrito.
  7. Selecciona el tipo de carrito entre las opciones Lateral, Página o Notificación emergente.
  8. Opcional: Para mostrar los proveedores de los artículos en el carrito de un cliente, selecciona Mostrar proveedor.
  9. Opcional: Para ofrecer a los clientes un cuadro de texto donde puedan introducir solicitudes especiales o agregar información adicional del pedido, selecciona Habilitar nota del carrito.

  10. Opcional: Si seleccionas Lateral como tipo de carrito, puedes mostrar una colección en el carrito lateral cuando esté vacío:

    1. En el área Carrito lateral, toca Seleccionar colección.
    2. Toca el nombre de la colección que desees mostrar y luego Listo.

  11. Opcional: Si seleccionas Lateral como tipo de carrito, puedes cambiar el esquema de colores del carrito lateral si sigues los siguientes pasos:

    1. En el área Carrito lateral > Esquema de colores, toca Cambiar.
    2. Selecciona un esquema de colores que desees usar para el carrito lateral y luego toca Listo.

  12. Toca Guardar.

Android
  1. En la aplicación de Shopify, toca el botón ☰.
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca … y luego Configuración del tema.
  6. Toca Carrito.
  7. Selecciona el tipo de carrito entre las opciones Lateral, Página o Notificación emergente.
  8. Opcional: Para mostrar los proveedores de los artículos en el carrito de un cliente, selecciona Mostrar proveedor.
  9. Opcional: Para ofrecer a los clientes un cuadro de texto donde puedan introducir solicitudes especiales o agregar información adicional del pedido, selecciona Habilitar nota del carrito.

  10. Opcional: Si seleccionas Lateral como tipo de carrito, puedes mostrar una colección en el carrito lateral cuando esté vacío:

    1. En el área Carrito lateral, toca Seleccionar colección.
    2. Toca el nombre de la colección que desees mostrar y luego Listo.

  11. Opcional: Si seleccionas Lateral como tipo de carrito, puedes cambiar el esquema de colores del carrito lateral si sigues los siguientes pasos:

    1. En el área Carrito lateral > Esquema de colores, toca Cambiar.
    2. Selecciona un esquema de colores que desees usar para el carrito lateral y luego toca Listo.

  12. Toca ✓.

CSS personalizado

La sección CSS personalizado te permite introducir tu propio código CSS, por ejemplo, para personalizar la apariencia de los botones de la tienda online aparte de la configuración predeterminada que está disponible o a fin de aplicar un estilo único a elementos de texto específicos.

El CSS personalizado en la configuración del tema afecta a todas las páginas de la tienda online, excepto la pantalla de pago.

Obtén más información sobre cómo agregar CSS personalizado al tema.

Estilo del tema

Un estilo de tema es una colección de opciones de configuración elegidas por un diseñador de temas. Puede aplicar un estilo del tema a la tienda para darle una apariencia perfeccionada. Todos los temas tienen un estilo aplicado de forma predeterminada. Las demás opciones de estilo que tengas dependerán del tema que utilices.

Cuando personalizas una plantilla, la configuración del estilo del tema se reemplaza con tu versión personalizada. Cuando aplicas un estilo a tu tema, cambias los ajustes actuales, como colores y tipografía.

Pasos:

Escritorio
  1. Desde el Panel de control de Shopify, ve a Tienda online > Temas.
  2. Busca el tema que deseas editar y luego haz clic en Personalizar.
  3. Haz clic en el ícono del engranaje Configuración del tema.
  4. Haz clic en Estilo del tema.
  5. Selecciona el estilo del tema que desees usar y luego haz clic en Cambiar estilo.
  6. Haz clic en Guardar.
iPhone
  1. En la aplicación de Shopify, toca el botón ….
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca ⋮ y luego Configuración del tema.
  6. Toca Estilo del tema.
  7. Selecciona el estilo del tema que desees usar y luego toca Listo.
  8. Toca Guardar.
Android
  1. En la aplicación de Shopify, toca el botón ☰.
  2. En la sección Canales de ventas, toca Tienda online.
  3. Toca Gestionar todos los temas.
  4. Busca el tema que deseas editar, y luego toca Personalizar.
  5. Toca … y luego Configuración del tema.
  6. Toca Estilo del tema.
  7. Selecciona el estilo del tema que desees usar y luego toca Listo.
  8. Toca ✓.

Deshacer y rehacer cambios

El botón Deshacer revierte el cambio más reciente y el botón Rehacer vuelve a agregar un cambio que deshiciste. si haces clic en el botón Deshacer más de una vez, continuará deshaciendo el trabajo, con un cambio a la vez. Los botones Deshacer y Rehacer se encuentran en la barra de herramientas del editor de temas.

Los botones Deshacer y Rehacer en la barra de herramientas del editor de temas

Haz clic en el botón Deshacer para revertir los cambios que realizaste en el tema, incluidos los siguientes ejemplos:

  • agregar, reorganizar y eliminar secciones
  • aplicar colores, fuentes y otras opciones de configuración del tema;
  • Restablecer un estilo del tema
¿No encuentras las respuestas que estás buscando? Estamos aquí para ayudarte.