Implémenter le widget Locator + Pages
Written by Alexander Haack
Updated at April 10th, 2025
Table of Contents
Table des matières
Comprendre la structure du code HTML Démarrer la personnalisation du widget Localisateur et Pages Options d'édition et d'optimisation plus avancéesPour commencer l'implémentation du widget Locator & Pages sur votre site Web, vous devez avoir accès à la gestion des pages sur votre serveur Web. Le widget Locator & Pages doit être ajouté soit à une page HTML existante, soit à une nouvelle page HTML.
Comprendre la structure du code HTML
Le code HTML Locator & Pages se compose de deux éléments :
- une balise <script>
- un élément <div>
Les deux doivent être ajoutés au code HTML de la page désignée pour le localisateur.
Le widget dans sa forme la plus basique ressemble à ceci :
<script src="https://uberall.com/assets/storeFinderWidget-v2.js" type="text/javascript"></script> <div id="store-finder-widget" data-key="KEY" style="min-height:600px;" </div>
Placez la balise <script> et l'élément <div> dans le <body> de la page hébergeant le Locator. La position du localisateur sur la page sera déterminée par son emplacement dans le code HTML de la page.
Version bêta
Pour les utilisateurs qui souhaitent avoir un accès anticipé à la fonctionnalité, cliquez simplement sur ce lien après vous être connecté à notre plateforme. Le Locator + Pages Builder sera disponible. Ce processus doit être fait qu'une seule fois. Vous en conserverez l'accès jusqu'à ce que vous vidiez la cache de votre navigateur ou que vous vous connectiez depuis un autre navigateur ou une autre machine.
Exportez le Snippet à partir de notre plateforme
Trouvez le localisateur sur notre plateforme à partir duquel vous souhaitez exporter le snippet:
Cliquez sur " Snippet " et le code du widget sera affiché :
Commencez la personnalisation de votre widget Locator & Pages
Pour personnaliser votre widget Locator & Pages selon vos besoins, nous vous recommandons les articles suivants :
Partie 1 Composants |
Comprendre les différents composants du widget Locator & Pages et comment ces composants sont structurés et affichés dans les composants Locator & Pages . |
Partie 2 Aperçu |
Découvrez comment personnaliser les attributs Locator & Pages et comment prévisualiser ces modifications avant de les valider. |
Partie 3 Personnalisation |
Découvrez tous les attributs disponibles pour le widget Locator & Pages afin de personnaliser le localisateur selon vos besoins. |
Options de modification et d'optimisation plus avancées
Outre l'implémentation et la personnalisation du widget Locator & Pages mentionné ci-dessus, nous avons collecté des connaissances supplémentaires et utiles sur la façon d'améliorer d'avantage votre Locator & Pages dans les articles suivants. Ces articles visent notamment à améliorer l'expérience utilisateur du widget Locator & Pages :
- Les URL des Pages contiennent un hashbang (#!). Pour le supprimer, veuillez lire cet article .
- Assurez-vous que vos pages sont indexées par Google - trouvez un "Comment faire" ici .
- Protection des données : les cookies utilisés et leur comportement peuvent être consultés ici .
- La configuration de plusieurs langues pour les entreprises opérant à l'échelle mondiale est expliquée dans cette documentation .
Info
Pour une personnalisation supplémentaire qui ne peut pas être facilitée par les attributs Locator & Pages, vous devrez peut-être utiliser la programmation de feuilles de style en cascade (CSS). Nous avons déjà collecté des extraits de code CSS pratiques qui peuvent être utilisés. Lisez cet article pour plus d'informations sur CSS.