Integrar una Aplicación de Terceros

La implementación de una aplicación de terceros con GemPages se puede lograr a través de múltiples escenarios diferentes:

Método 1: Integración mediante el elemento de la aplicación

Los elementos prediseñados en GemPages son componentes previamente diseñados que le permiten agregarlos fácilmente a su sitio web sin tener que crearlos desde cero. Simplemente arrástrelos y suéltelos en la posición deseada y personalice el contenido según sea necesario.

Paso 1: Vaya al Panel de Control de GemPages y seleccione su página preferida para ingresar al Editor.

Paso 2: Navegue a la barra lateral izquierda > sección de Aplicaciones de Shopify. Aquí es donde descubrirá todas las aplicaciones equipadas con elementos de aplicación.

Puede utilizar la barra de búsqueda para localizar rápidamente su aplicación preferida.

Paso 3: Arrastre y suelte el elemento en la posición que prefiera.

Paso 4: Haga clic en el elemento de la aplicación para abrir la pestaña de Configuración.

Por ejemplo, la configuración del elemento Loox incluye:

• Elegir versión: Puede usar la versión 1 o la versión 2 de la aplicación Loox.
• Elegir widget: Widget de reseñas, Widget de calificación y Widget de carrusel.
• Mostrar todas las reseñas: Seleccione Sí/No para mostrar todas las reseñas o mostrar solo algunas reseñas.
• Alineación: Muestre el elemento a la izquierda, en el centro o a la derecha de la página. 

Para configuraciones adicionales, seleccione Abrir aplicación.

Paso 5: Haga clic en "Guardar" y "Publicar" para que los cambios se publiquen.

Asegúrese de instalar la aplicación a través de su administrador de Shopify, y recuerde que lo que arrastra y suelta en GemPages es únicamente la visualización del widget de la parte delantera de la aplicación.

Método 2: Integración mediante código personalizado

Si no puede encontrar su aplicación en la lista de elementos prediseñados, simplemente siga estos pasos para integrarla con código personalizado.

Paso 1: Obtenga acceso al código de la aplicación. 

Puede encontrar el código en varios lugares. Algunas aplicaciones proporcionan su código directamente dentro de la interfaz de la aplicación. 

En otros casos, podría necesitar revisar su documentación de ayuda o comunicarse con su soporte para obtener el código. 

Una vez que tenga el código de la aplicación, es hora de colocarlo en el elemento Código Personalizado.

En esta guía, GemPages utiliza la aplicación de Loox Reviews Shopify para practicar.

Paso 2: Vaya al Panel de Control de GemPages y seleccione su página preferida para ingresar al Editor.

Paso 3: Desde la barra lateral izquierda, arrastre y suelte un elemento Código Personalizado en el lugar que prefiera en la página.

Paso 4: Localice el elemento para abrir la pestaña de Configuración > presione la sección Editar código y pegue el código de la aplicación en el cuadro.

Paso 5: Haga clic en "Guardar" y "Vista previa" para verificar si el código funciona correctamente en su página.

Método 3: Elemento Shopify App

Si no puede encontrar la aplicación en las opciones prediseñadas y la codificación no es lo suyo, sugerimos usar el elemento Shopify App. Este elemento puede ayudarle a integrar aplicaciones de Shopify que funcionan con su tema.

Para más detalles, consulte este artículo.

Preguntas Frecuentes

1. ¿Puedo integrar cualquier aplicación de Shopify con GemPages?

La mayoría de las aplicaciones son compatibles. Si no tiene una integración directa, aún puede usar código personalizado o el elemento Shopify App para integrarla visualmente.

2. ¿Por qué mi aplicación no se muestra en la página en vivo?

Verifique lo siguiente:

• ¿La aplicación está correctamente instalada y configurada desde el Administración de Shopify?
• ¿ Publicó el diseño de GemPages después de integrar la aplicación?
• Si usa código personalizado, asegúrese de que esté completo y de que se admitan las etiquetas de script

3. ¿Puedo usar múltiples aplicaciones en la misma página de GemPages?

Sí. Puede integrar múltiples aplicaciones de terceros, pero asegúrese de que:

• No entren en conflicto con el JavaScript de las demás
• Pruebe todos los widgets exhaustivamente antes de publicar