La mise en œuvre d'une application tierce avec GemPages peut être réalisée via plusieurs scénarios différents :
Méthode 1 : Intégration via l'élément App
Les éléments prédéfinis de GemPages sont des composants préconçus que vous pouvez facilement ajouter à votre site web sans avoir à les créer de toutes pièces. Il vous suffit de les glisser-déposer à l'emplacement souhaité et de personnaliser le contenu selon vos besoins.
Étape 1: Aller sur le site web de Tableau de bord GemPages et sélectionnez votre page préférée pour accéder au Éditeur.
Étape 2: Accédez à la barre latérale gauche > Applications Shopify section. C'est ici que vous découvrirez toutes les applications équipées d'éléments d'application.
Vous pouvez utiliser la barre de recherche pour localiser rapidement votre application préférée.

Étape 3: Faites glisser et déposez l'élément dans la position que vous préférez.

Étape 4 : Cliquez sur l'élément de l'application pour ouvrir le Paramètres languette.

Par exemple, les paramètres de l'élément Loox incluent :
- Choisissez la version : Vous pouvez utiliser l'application Loox version 1 ou version 2.
- Choisissez le widget : Widget d'avis, widget de notation et widget carrousel.
- Afficher tous les avis : Sélectionnez Oui/Non pour afficher tous les avis ou afficher seulement quelques avis.
- Aligner: Afficher l'élément à gauche, au centre ou à droite de la page.
Pour d'autres configurations, sélectionnez le Ouvrir application.
Étape 5: Cliquez "Sauvegarder" et "Publier" pour que les modifications soient effectives.

Assurez-vous d'installer l'application via votre administrateur Shopify et n'oubliez pas que ce que vous faites glisser et déposez dans GemPages correspond uniquement à l'affichage du widget frontal de l'application.
Méthode 2 : Intégration via un code personnalisé
Si vous ne trouvez pas votre application dans la liste des éléments prédéfinis, suivez simplement ces étapes pour l'intégrer avec du code personnalisé.
Étape 1 : Accédez au code de l'application.
Vous pouvez trouver le code à différents endroits. Certaines applications le fournissent directement dans leur interface.
Dans d’autres cas, vous devrez peut-être consulter leur documentation d’aide ou contacter leur support pour le code.
Une fois que vous avez le code de l'application, il est temps de le placer dans l'élément Code personnalisé.
Dans ce guide, GemPages utilise l'application Loox Reviews Shopify pour s'entraîner.
Étape 2 : Accédez au tableau de bord GemPages et sélectionnez votre page préférée pour accéder à l'éditeur.
Étape 3 : Depuis la barre latérale gauche, faites glisser et déposez un Code personnalisé élément à l'endroit de votre choix sur la page.

Étape 4: Localisez l'élément à ouvrir Paramètres onglet > appuyer sur Modifier le code section et collez le code de l'application dans la case.

Étape 5 : Cliquez à nouveau sur "Sauvegarder" et "Aperçu" pour vérifier si le code fonctionne correctement sur votre page.
Méthode 3 : utiliser l'élément d'application Shopify
Si vous ne trouvez pas l'application dans les options prédéfinies et que le codage n'est pas votre truc, nous vous suggérons d'utiliser le Élément d'application ShopifyCet élément peut vous aider à intégrer des applications Shopify qui fonctionnent avec votre thème.

Pour plus de détails, consultez cet article.
Questions fréquentes
1. Puis-je intégrer n'importe quelle application Shopify avec GemPages ?
La plupart des applications sont compatibles. Si elles ne sont pas directement intégrées, vous pouvez toujours les utiliser. code personnalisé ou la Élément d'application Shopify pour l'intégrer visuellement.
2. Pourquoi mon application ne s'affiche-t-elle pas sur la page en direct ?
Vérifiez ces:
- L'application est-elle correctement installée et configurée à partir du Administrateur Shopify?
- Êtes-vous publier la mise en page GemPages après l'intégration de l'application ?
- Si vous utilisez du code personnalisé, assurez-vous qu'il est complet et que les balises de script sont prises en charge
3. Puis-je utiliser plusieurs applications sur la même page GemPages ?
Oui. Vous pouvez intégrer plusieurs applications tierces, mais assurez-vous :
- Ils n'entrent pas en conflit avec le JavaScript de l'autre
- Vous testez minutieusement tous les widgets avant de les publier
Merci pour vos commentaires