Ayuda
Iniciar sesión

Agregar, previsualizar y comprar temas

Para ayudarte a empezar, la página Themes del panel de control de Shopify incluye un tema predeterminado cuando abres una cuenta en Shopify. Si quieres personalizar un tema diferente para la tienda online, debes agregarlo al panel de control.

Puedes agregar un tema de las siguientes maneras:

Si eres desarrollador o trabajas con un Shopify Partner o una agencia, también puedes agregar un tema a la tienda de las siguientes maneras:

Puedes agregar varios temas a la cuenta para probar temas nuevos, mantener versiones de temporada del tema publicado o probar cambios en una copia del tema publicado. Puedes previsualizar cualquiera de estos temas, pero solo se puede publicar un tema a la vez. Cuando cambias a un tema nuevo, el tema anterior sigue disponible en la página Temas en Shopify.

Después de agregar un tema, puedes crear un enlace para share a preview de cualquier tema no publicado con otras personas. Esto puede ser útil si buscas comentarios antes de publicar un tema nuevo o lanzar la tienda online. No puedes compartir una vista previa del tema publicado.

En esta página

Requisitos de elegibilidad para temas

Revisa los siguientes requisitos de elegibilidad para agregar temas a la tienda u organización:

  • La cantidad máxima de temas que puedes agregar depende de tu pricing plan:
  • Las tiendas del plan Starter solo pueden agregar el Spotlight theme.
  • Las tiendas y organizaciones en los planes Basic, Grow y Advanced pueden agregar hasta 20 temas.
  • Las tiendas y organizaciones en el Shopify Plus plan pueden agregar hasta 100 temas.

Si llegas al límite de temas del plan, debes remove a theme antes de agregar uno nuevo. Las tiendas adicionales deben tener una licencia de tema para cada tienda adicional activa.

Generar un tema gratis con IA

Puedes usar IA para generar un tema gratis y personalizado desde la página Themes del panel de control de Shopify. La ayuda con personalizaciones para temas gratis está supported by Shopify.

Puedes usar IA para generar un tema gratis y personalizado desde la página Themes del panel de control de Shopify. La ayuda con personalizaciones para temas gratis está supported by Shopify.

Pasos:

Escritorio

  1. En el panel de control de Shopify, ve a Tienda online > Themes.

  2. En la sección Diseña la tienda en segundos, escribe una descripción de tu negocio y luego haz clic en Generar temas para generar hasta 3 temas gratis y personalizados.

  3. Haz clic en el tema que te interesa y luego haz clic en Probar tema para aplicar el tema a la tienda.

  4. El tema se agregará a la sección Temas en borrador de la página Temas de tu panel de control.

Móvil

  1. Desde la Shopify app, toca el ícono Menu.

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

  3. Toca Administrar temas.

  4. En la sección Diseña la tienda en segundos cerca del final de la página, describe tu negocio y toca Generar temas para generar hasta 3 temas gratis y personalizados.

  5. Toca el tema que te interesa y luego toca Probar tema para aplicar el tema a la tienda.

  6. El tema se agregará a la sección Temas en borrador de la página Temas de tu panel de control.

Agregar un tema gratis desde el panel de control

Los temas gratis son desarrollados por Shopify. La ayuda con personalizaciones para temas gratis está supported by Shopify.

Los temas gratis son desarrollados por Shopify. La ayuda con personalizaciones para temas gratis está supported by Shopify.

Pasos:

Escritorio

  1. En el panel de control de Shopify, ve a Tienda online > Themes.

  2. En la sección Temas gratis populares cerca del final de la página, consulta los temas gratis más destacados de la Shopify Theme Store o haz clic en Visitar Theme Store para explorar todos los temas disponibles.

  3. Haz clic en el nombre del tema para ver información sobre un tema en la Shopify Theme Store.

  4. Haz clic en el botón Agregar del tema. El tema se agregará a la sección Temas en borrador de la página Temas de tu panel de control.

Móvil

  1. Desde la Shopify app, toca el ícono Menu.

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

  3. Toca Administrar temas.

  4. En la sección Temas gratuitos populares, cerca del final de la página, verás los temas gratuitos destacados de Shopify Theme Store, o toca Visitar Theme Store para explorar todos los temas disponibles.

  5. Toca el nombre del tema para ver la información del tema en Shopify Theme Store.

  6. Toca el botón Agregar del tema. El tema se agregará a la sección Temas en borrador de la página Temas de tu panel de control.

Probar un tema pago de Shopify Theme Store

Antes de decidir comprar un tema pago, puedes probarlo con una vista previa del tema en el panel de control de Shopify. Puedes usar el editor de temas para personalizar el tema en vista previa, por ejemplo, aplicar los colores y el estilo de tu marca y usar tus productos. Si compras el tema, se guardan todas las personalizaciones que hagas.

Puedes previsualizar hasta 19 temas pagos al mismo tiempo, lo que permite comparar distintos temas antes de comprar uno. Los temas pagos que estés probando muestran la etiqueta Prueba de tema.

Para get support for a paid theme, contacta al desarrollador del tema.

Pasos:

  1. Visita la Shopify Theme Store y elige un tema pago.
  2. Haz clic en Probar tema para agregar el tema a la tienda online.
  3. En el panel de control de Shopify, haz clic en Tienda online > Temas.
  4. En la sección Temas en borrador, haz clic en el botón menú horizontal para abrir el menú de acciones junto al tema del que quieres obtener una vista previa.
  5. Haz clic en Vista previa.

Puedes customize a theme's settings mientras lo previsualizas. Si te gusta el tema, puedes buy the theme. Se guardan todas las personalizaciones que hagas en el tema. No puedes editar el código del tema ni usar el generador de código con IA mientras el tema esté en prueba.

Comprar un tema de Shopify Theme Store

Solo quienes tengan todos los siguientes store-level permissions pueden comprar un tema de Shopify Theme Store:

  • Temas
  • Gestionar e instalar aplicaciones y canales
  • Aprobar cargos de aplicaciones

Después de probar un tema pago en la tienda online, puedes optar por comprarlo. Solo puedes publish themes que hayas comprado en tu tienda online. Cuando compras un tema en Shopify Theme Store, ese tema se licencia de forma exclusiva para la tienda donde se realizó la compra. Si quieres usar el tema en otra tienda, es posible que puedas transfer it.

Los temas pagos los crean desarrolladores externos de temas. La ayuda general y las actualizaciones para temas externos son provided by the theme developer. Si necesitas personalizaciones avanzadas y no tienes experiencia desarrollando sitios web con HTML, CSS y JavaScript, considera hiring a Shopify Partner.

Pasos:

  1. En el panel de control de Shopify, ve a Tienda online > Themes.

  2. Haz clic en Agregar temas > Visitar Theme Store.

  3. Busca el tema que quieras comprar y haz clic en Probar tema.

  4. En la sección Temas en borrador, haz clic en Comprar en el tema que quieres comprar para iniciar la transacción.

Subir un archivo de tema desde la computadora

Si tienes un tema en un archivo ZIP en la computadora, puedes subirlo a la página Temas del panel de control de Shopify.

Antes de subirlo, asegúrate de que los archivos del tema estén comprimidos en un único archivo ZIP.

Después de subir el archivo ZIP, el tema se agregará a la página Temas del panel de control de Shopify.

Pasos:

Escritorio

  1. En el panel de control de Shopify, ve a Tienda online > Themes.

  2. En la sección Temas en borrador, haz clic en Importar tema > Subir archivo zip.

  3. En el cuadro de diálogo Importar tema, haz clic en Elegir archivo para seleccionar el archivo ZIP que quieres subir.

  4. Haz clic en Subir.

Móvil

  1. Desde la Shopify app, toca el ícono Menu.

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

  3. Toca Administrar temas.

  4. En la sección Temas en borrador, toca Importar tema > Subir archivo zip.

  5. En el cuadro de diálogo Importar tema, toca Elegir archivo para seleccionar el archivo ZIP que quieres subir.

  6. Toca Subir.

Cambiar de tema

Cuando agregas temas nuevos a la tienda, se muestran en la sección Temas en borrador de la página Temas en Shopify. Puedes cambiar a un nuevo tema si lo publicas en la tienda online. Al publicar un tema nuevo, el anterior sigue estando disponible en los temas en borrador (y puedes volver a él si quieres).

Si actualizas el tema de forma manual, su versión actualizada se mostrará como una versión separada en los temas en borrador. Al cambiar a la versión actualizada, la versión antigua del tema sigue estando disponible en los temas en borrador. Para obtener más información, consulta Actualizar temas.

Preparar el cambio de tema

Cuando agregas un tema a tus temas en borrador, puedes personalizarlo antes de publicarlo. Esta es una buena oportunidad para revisar el nuevo tema y ajustar la configuración y el contenido para que reflejen tu negocio, antes de reemplazar el tema existente. También puedes alternar entre varios temas que hayas preparado sin necesidad de configurarlos nuevamente.

Los productos, colecciones, menús, páginas y artículos del blog de la tienda no se modifican ni se eliminan cuando cambias a un tema nuevo, porque se administran desde el panel de control, por separado del tema. Sin embargo, el contenido y la configuración que se administran con el editor de temas, el editor de código del tema y el editor de idiomas son exclusivos de cada tema y de cada versión del tema que subas.

Las siguientes partes de la tienda online están asociadas al tema. Debes personalizar estas partes de la tienda online para cada tema que quieras usar:

No todos los temas son compatibles con todas las funciones de Shopify. Revisa la lista de funciones del tema para asegurarte de que incluya las que necesitas.

Vista previa del tema

Puedes previsualizar cualquier tema en la sección Temas de la tienda online. La vista previa muestra el tema previsualizado en la tienda online en una pestaña del navegador con la barra de vista previa de la tienda online.

La barra de vista previa de la tienda online muestra la siguiente información sobre el tema:

  • El nombre del tema.
  • El estado del tema. El tema publicado tiene el estado Activo. Los temas no publicados tienen el estado Borrador.

Puedes personalizar la vista previa con estas acciones:

  • En la sección ícono de ver Ver como, puedes seleccionar otro país, idioma o ambos para la vista previa. Más información sobre mercados internacionales y agregar idiomas adicionales al tema.
  • Haz clic en el botón enlace para compartir una vista previa del tema.
  • Haz clic en Cerrar vista previa para cerrar la vista previa y mostrar el tema publicado.
    • Haz clic en Editar tema para abrir el editor de temas y personalizar el tema.
  • Haz clic cerca de la parte superior de la barra de vista previa para contraerla. Puedes volver a hacer clic para expandirla.

Compartir una vista previa del tema con otras personas

Si estás por lanzar la tienda online o planeas cambiarla publicando un tema nuevo, puedes solicitar comentarios si compartes una vista previa del tema.

Puedes crear un enlace que otras personas puedan usar para acceder a la vista previa de cualquier tema que agregaste en el panel de control de Shopify. No es necesario publicar el tema para compartirlo.

Hay dos tipos de vistas previas de tema:

  • Vistas previas para visitantes: son visibles para cualquiera que tenga la URL y no requieren autenticación. Estas vistas previas vencen a los 2 días de crear la URL. Las URL de vistas previas para visitantes usan el formato https://<token>-<shop_id>.shopifypreview.com.
  • Vistas previas para comerciantes: requieren autenticación en el panel de control y tienen acceso al pago. Estas vistas previas vencen a los 30 días de crear la URL. Las URL de vistas previas para comerciantes usan el formato del dominio principal con un parámetro token.

Cuando haces clic en Vista previa en un tema, en la barra de direcciones del navegador se muestra la URL de vista previa para comerciantes. Para crear un enlace de vista previa para visitantes y compartirlo con otras personas, haz clic en el botón enlace en la barra de vista previa. Puedes crear enlaces nuevos tantas veces como quieras; crear uno nuevo no afectará los enlaces de vista previa anteriores.

Pasos:

Escritorio

  1. En el panel de control de Shopify, ve a Tienda online > Themes.

  2. Para el tema que quieres compartir, haz clic en el botón menú horizontal para abrir el menú de acciones y luego haz clic en Vista previa.

  3. Opcional: selecciona un país, un idioma o ambos para cambiar la vista previa.

  4. Haz clic en el botón enlace para copiar el enlace al portapapeles.

Móvil

  1. Desde la Shopify app, toca el ícono Menu.

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

  3. Toca Administrar temas.

  4. Para el tema que quieres compartir, toca el botón menú horizontal para abrir el menú de acciones y luego toca Vista previa.

  5. Opcional: selecciona un país, un idioma o ambos para cambiar la vista previa.

  6. Toca enlace para copiar el enlace al portapapeles.

Resolución de problemas de la vista previa del tema

Existen diferentes situaciones que pueden hacer que la vista previa del tema o la barra de vista previa no se muestren correctamente. Si después de revisar los pasos de esta guía el tema sigue presentando problemas, quizá debas comunicarte con el equipo de atención al cliente del tema. Más información sobre obtener ayuda para temas.

La barra de vista previa se muestra en la tienda activa

Esto suele ocurrir cuando el tema agrega de forma incorrecta un parámetro llamado preview_theme_id a las URL de la tienda online. Este parámetro es solo para vistas previas internas, pero si está presente en URL activas, obligará a mostrar la barra de vista previa a todas las personas visitantes.

Visita la tienda online y verifica si el parámetro preview_theme_id aparece en la barra de direcciones del navegador. También puedes pedir a los clientes que reenvíen el enlace en el que se muestra la barra de vista previa.

Si el parámetro preview_theme_id está incluido en la URL de la tienda online, comunícate con la persona desarrolladora del tema para recibir ayuda y explica el problema.

Si sabes editar el código del tema, puedes buscar en los archivos del tema preview_theme_id y eliminar el código que lo agrega a las URL. Los archivos de layout y los archivos que contienen JavaScript (con extensión .js) son los más propensos a incluir este tipo de código. Edita el código de un tema solo si conoces HTML y CSS, y tienes nociones básicas de Liquid, el lenguaje de plantilla de Shopify, JSON y JavaScript.

Se informó este problema en temas comprados fuera de Shopify Theme Store, como el tema Lumia de ThemeForest.

La vista previa de un tema en borrador redirige al tema activo

Si haces clic en Vista previa en un tema no publicado y te redirige al tema activo, casi siempre se debe al almacenamiento en caché de Cloudflare.

Si usas Cloudflare como proxy delante de la tienda en Shopify, es posible que tengas configuración de caché que interfiera con el mecanismo de vista previa de Shopify. Shopify también usa Cloudflare para la caché y estas capas a veces entran en conflicto. En nuestra documentación mencionamos posibles conflictos con caché externa.

Para que la barra de vista previa funcione correctamente, desactiva la caché en Cloudflare para todas las solicitudes a Shopify.

La barra de vista previa no se muestra

Si la barra de vista previa no se muestra cuando previsualizas un tema, es probable que se deba a código personalizado o a una aplicación externa que modifica los scripts predeterminados del tema.

Es probable que este problema se deba a modificaciones que afectan el objeto Liquid, que normalmente se encuentra en el archivo `theme.liquid` de la carpeta layout del tema. El script de la barra de vista previa requiere el objeto para cargarse correctamente. Modificar este objeto puede impedir que el script se cargue, lo que da como resultado que falte la barra de vista previa y otros problemas con funciones y aplicaciones de Shopify.

Puedes revisar el tema y las aplicaciones para identificar el origen de la modificación. Obtén información sobre cómo resolver problemas del tema.