Locator + Pages peut-il être intégré à Shopify ?
Comment utiliser Uberall Locator dans Shopify
Table des matières
Comment intégrer le widget dans une page Shopify ?Comment modifier le code HTML ?Dépannage
Cet article explique comment intégrer le widget Uberall Locator + Pages dans vos pages Shopify. Il décrit également les défis qui pourraient survenir et comment les surmonter.
Hashbangs dans Shopify
Veuillez noter que l'intégration du widget Locator + Pages dans une page Shopify ajoutera un Hashbang #! à l'URL de cette page.
Si vous souhaitez en savoir plus sur les Hashbangs, consultez cet article.
Pour l'intégration que nous décrivons ici, nous n'avons pas pu trouver de solution dans Shopify pour supprimer les Hashbangs. Si vous souhaitez tenter de les supprimer, vous pouvez obtenir un soutien auprès des experts Shopify.
Locator + Pages peut-il être implémenté dans Shopify ?
La réponse rapide à cette question est : Oui.
Vous pouvez intégrer l'extrait de code Uberall Locator dans l'une de vos pages Shopify.
Comment intégrer le widget dans une page Shopify ?
Les règles d'intégration de base s'appliquent – tel que décrit ici.
Vous pouvez modifier le code HTML de n'importe quelle page Shopify.
Comment modifier le code HTML ?
Une fois connecté à votre compte Shopify, suivez ces étapes :
1. Allez à « Pages » >> 2. Cliquez sur le nom de la page dont vous souhaitez modifier le code HTML
Ensuite, cliquez sur l'icône de code « < > » dans le coin supérieur droit – vous pourrez maintenant entrer du code HTML
À présent, vous pouvez entrer votre widget Locator + Pages. N'oubliez pas de sauvegarder les modifications.
Dépannage
Comment modifier la largeur du Locator dans Shopify
Il est possible que le Locator s'affiche dans une section qui n'est pas assez large pour tout son contenu.
Nous avons rencontré ce problème et avons pu le résoudre en ajustant le base.css dans Shopify.
- Vous pouvez trouver ce fichier dans la section « Thèmes » de votre compte Shopify.
- Cliquez sur le bouton « Personnaliser » du thème que vous utilisez sur la page Locator.
- Cliquez ensuite sur les trois points « ... » en haut et cliquez sur « {/} Modifier le code »
- Un nouvel onglet s'ouvrira dans lequel vous devrez sélectionner le dossier « Assets » – le premier fichier devrait être le « base.css »
- Dans ce fichier, vous devrez trouver la section « @media screen ».
- Modifiez la largeur et la largeur maximale pour adapter votre mise en page.
Veuillez noter
Cette correction est basée sur une intégration que nous avons réalisée. La situation pourrait varier selon vos paramètres Shopify. N'hésitez pas à nous contacter ou à contacter votre support Shopify.
lire ensuite : Comment indexer les pages de Locator & Pages