Home Maîtriser la Plateforme Locator + Pages

Implémenter le widget Locator + Pages

Last updated on September 6th, 2023

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ées

Pour 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.

Effacer

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 l'ellipse à droite pour afficher les options globales :



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.

Was this article helpful?

Save as PDF