Amplía el tema con aplicaciones
Puedes instalar aplicaciones para agregar funciones e integraciones al tema. Puedes encontrar aplicaciones en la Shopify App Store.
Las aplicaciones pueden integrarse con el tema de las siguientes maneras:
- Como bloque de aplicación: Los bloques de aplicación permiten agregar funciones de aplicaciones justo donde quieras usarlas en el tema. Puedes agregar, quitar, previsualizar, reubicar y personalizar bloques de aplicación desde el editor de temas.
- Como incrustación de aplicación: Las incrustaciones de aplicación son elementos proporcionados por la aplicación que flotan o se muestran como una sobreposición en el tema, o agregan código a la tienda online sin ser visibles para los clientes. Puedes activar, desactivar, previsualizar y personalizar las incrustaciones de aplicación desde el editor de temas.
- Mediante código personalizado: Algunas aplicaciones insertan código directamente en el código del tema para agregar funciones al tema. Puedes personalizar la aplicación desde la configuración de la aplicación o desde el editor de temas.
En esta página
Bloques de aplicación
Las aplicaciones se pueden agregar como bloques dentro de una sección y como secciones en una plantilla. Esto permite agregar funciones de aplicaciones exactamente donde quieras usarlas en una página. Los bloques de aplicación se pueden agregar, quitar, reubicar y personalizar desde el editor de temas.
Los bloques de aplicación podrían ser compatibles solo con ciertos tipos de páginas. Por ejemplo, una aplicación de tabla de tallas podría ser compatible solo con las páginas de producto.
Bloque de aplicación en una sección:
Bloque de aplicación como sección en una plantilla:
Compatibilidad de bloques de aplicación en secciones
Algunas secciones del tema podrían no admitir bloques de aplicación. Para identificar qué secciones del tema admiten bloques de aplicación, consulta la documentación del tema o comunícate con el desarrollador del tema.
Si una sección admite bloques de aplicación y tienes instalada una aplicación compatible, se mostrará una sección Apps en el selector de bloques.
Agregar un bloque de aplicación a una sección
Escritorio
Desde el panel de control de Shopify, ve a Tienda online > Temas.
Busca el tema que quieres editar y haz clic en Editar tema.
Ve a la página y a la sección donde quieres agregar el bloque de aplicación.
En la barra lateral, haz clic en Agregar bloque.
En el menú desplegable, en la sección Apps, selecciona el bloque de aplicación que quieres agregar a la sección o haz clic en la barra Buscar e ingresa un término para buscar entre las aplicaciones instaladas.
Opcional: haz clic y arrastra el ícono ⠿ para mover el bloque a otra ubicación disponible en la página. También puedes personalizar el bloque con cualquier configuración disponible.
Haz clic en Guardar.
Móvil
Desde la app de Shopify, toca el ícono
.En la sección Canales de venta, toca Tienda online.
Toca Administrar todos los temas.
Busca el tema que quieres editar y toca Editar tema.
Toca Editar.
Ve a la página y a la sección donde quieres agregar el bloque de aplicación.
En la barra lateral, toca Agregar bloque.
En el menú desplegable, en la sección Apps, selecciona el bloque de aplicación que quieres agregar a la sección o toca la barra Buscar e ingresa un término para buscar entre las aplicaciones instaladas.
Opcional: Toca y arrastra el ícono ⠿ para mover el bloque a otra ubicación disponible en la página. También puedes personalizar el bloque con cualquier configuración disponible.
Toca Guardar o ✓.
Agregar un bloque de aplicación a una plantilla
Escritorio
Desde el panel de control de Shopify, ve a Tienda online > Temas.
Busca el tema que quieres editar y haz clic en Editar tema.
Ve a la página donde quieres agregar la sección de aplicación.
En la barra lateral, haz clic en Agregar sección.
En el menú desplegable, en la sección Apps, selecciona la aplicación que quieres agregar a la página o haz clic en la barra Buscar y escribe un término para buscar entre las aplicaciones instaladas.
Opcional: haz clic y arrastra el ícono ⠿ para mover el bloque a otra ubicación disponible en la página. También puedes personalizar el bloque con cualquier configuración disponible.
Haz clic en Guardar.
Móvil
Desde la app de Shopify, toca el ícono
.En la sección Canales de venta, toca Tienda online.
Toca Administrar todos los temas.
Busca el tema que quieres editar y toca Editar tema.
Toca Editar.
Ve a la página donde quieres agregar la sección de aplicación.
En la barra lateral, toca Agregar sección.
En el menú desplegable, en la sección Apps, selecciona la aplicación que quieres agregar a la página o toca la barra Buscar e ingresa un término para buscar entre las aplicaciones instaladas.
Opcional: Toca y arrastra el ícono ⠿ para mover el bloque a otra ubicación disponible en la página. También puedes personalizar el bloque con cualquier configuración disponible.
Toca Guardar o ✓.
La aplicación se agrega como un bloque en una sección Apps. Puedes agregar más bloques de aplicación a la sección. También puedes agregar varias secciones Apps a una página.
Incrustaciones de aplicación
Las incrustaciones de aplicación son elementos que proporciona una aplicación y que flotan o se muestran como una sobreposición en el tema, o agregan código a la tienda online sin ser visibles para los clientes. Por ejemplo, una aplicación de burbuja de chat que aparece en una esquina de la tienda, o una aplicación de informes y estadísticas o de seguimiento, puede agregarse a la tienda como una incrustación de aplicación. Las incrustaciones de aplicación se pueden activar, desactivar y personalizar desde el editor de temas. Se pueden usar con cualquier versión del tema.
Si tienes varios mercados, puedes personalizar las incrustaciones de aplicación para cada mercado. Por ejemplo, puedes activar una incrustación de aplicación de chat solo para el mercado de Norteamérica o definir una configuración de incrustación de aplicación distinta para diferentes mercados. Para personalizar las incrustaciones de aplicación de un mercado específico, selecciona el mercado en el menú desplegable Mercado del editor de temas antes de activarlas o configurarlas. Para obtener más información sobre cómo personalizar el tema para mercados específicos, consulta Adaptar el tema para mercados específicos o Shopify B2B.
Activar una incrustación de aplicación
Escritorio
Desde el panel de control de Shopify, ve a Tienda online > Temas.
Busca el tema que quieres editar y haz clic en Editar tema.
Opcional: Si quieres personalizar la incrustación de aplicación para un mercado específico, haz clic en el menú desplegable Mercado y selecciona el mercado que quieres personalizar. Si no seleccionas un mercado, los cambios se aplican a la configuración predeterminada de la tienda.
En la barra lateral, haz clic en el ícono Incrustaciones de aplicación.
Selecciona la incrustación de aplicación que quieres activar o haz clic en la barra Buscar e ingresa un término para buscar entre las aplicaciones instaladas.
Junto a la incrustación de aplicación que quieres activar, haz clic en el botón de activación para activarla.
Opcional: Para ver la configuración de la incrustación de aplicación, haz clic en el ícono para expandir
▸junto al nombre de la incrustación.Haz clic en Guardar.
Previsualiza la tienda para ver la aplicación incrustada en funcionamiento.
Móvil
Desde la app de Shopify, toca el ícono
.En la sección Canales de venta, toca Tienda online.
Toca Administrar todos los temas.
Busca el tema que quieres editar y toca Editar tema.
Opcional: Si quieres personalizar la incrustación de aplicación para un mercado específico, toca el menú desplegable Mercado y selecciona el mercado que quieres personalizar. Si no seleccionas un mercado, los cambios se aplican a la configuración predeterminada de la tienda.
Toca … > Incrustaciones de aplicación.
Selecciona la incrustación de aplicación que quieres activar o ingresa un término en la barra de búsqueda para buscar entre las aplicaciones instaladas.
Junto a la incrustación de aplicación que quieres activar, toca el botón de activación para activarla.
Opcional: Para ver la configuración de la incrustación de aplicación, toca el ícono para expandir
▸junto al nombre de la incrustación.Toca Guardar.
Previsualiza la tienda para ver la aplicación incrustada en funcionamiento.
Aplicaciones agregadas al código del tema
Algunas aplicaciones insertan código directamente en el código del tema para agregar funcionalidad al tema. Después de instalar la aplicación, es posible que recibas instrucciones de onboarding que incluyan editar el código para agregar la funcionalidad de la aplicación en el lugar del tema donde quieres que aparezca. Puedes personalizar la aplicación desde la configuración de la aplicación o desde el editor de temas.
Si el tema ofrece una Custom Liquid section, entonces quizá puedas agregar el código de la aplicación en una Custom Liquid section en el editor de temas, en lugar de editar directamente el código del tema.