Affichez une carte avec les lieux de votre choix pour vos visiteurs. Utilisez le Plan pour afficher l'adresse de vos boutiques physiques ou d'un événement spécial. Vous pouvez également vous en servir pour indiquer à vos clients où trouver des places de stationnement.
Pour ajouter le Plan :
- Dans le panneau de gauche, cliquez sur Widgets.
- Cliquez sur le Plan et déposez-le sur votre site.
Pour en savoir plus sur l'ajout de sur votre site, consultez l'article Ajout de widgets.
Éditeur de contenu
Pour accéder à l'éditeur de contenu :
- Effectuez un clic droit sur le , puis sélectionnez Modifier le contenu.
- Saisissez l'adresse de votre entreprise dans le champ dédié.
- Sélectionnez l'adresse dans la liste déroulante qui s'affiche. Si votre adresse ne s'affiche pas dans la liste déroulante, cela signifie que la base de données HERE utilisée par la Website Builder ne contient pas l'adresse. Pour envoyer ou corriger l'adresse, contactez HERE Map Creator.
- Vous pouvez choisir d'afficher un bouton de carte au lieu d'une image de carte. Pour afficher un bouton de carte sur des appareils spécifiques, sélectionnez l'option Utilisez le bouton sur
pour choisir le type d'appareil concerné. Si vous ne sélectionnez aucun appareil, l'image de la carte sera affichée. - Saisissez le texte que vous souhaitez afficher sur le bouton dans le champ Texte du bouton.
Afficher une fenêtre contextuelle avec des informations de localisation
Pour afficher une fenêtre contextuelle contenant des informations de localisation sur le Plan :
Saisissez un titre et une description pour la fenêtre contextuelle.
Choisissez d'afficher la fenêtre Au passage de la souris, Après un clic ou Toujours dans le menu déroulant.
Éditeur de conception
Pour accéder à l'éditeur de design, faites un clic droit sur le et cliquez sur Modifier le design.
Cliquez sur l'onglet de mise en page pour modifier le design de la carte qui apparaît sur votre site.
Pour obtenir des informations sur les options de conception qui ne sont pas spécifiques à ce (la disposition, le style et l'espacement, par exemple), voir Conception des widgets.
Intégrer une carte Google Maps à l'aide du widget HTML
Pour intégrer une carte Google Maps à l'aide du HTML :
- Rendez-vous sur Google Maps.
- Recherchez l'adresse souhaitée.
- Cliquez sur le menu dans le coin supérieur gauche, puis sur Partager ou intégrer une carte.
- Cliquez sur l'onglet Intégrer une carte.
- Copiez l'URL entre guillemets, après <iframe src =". Assurez-vous de copier l'intégralité de l'URL comprise entre les guillemets.
- Rendez-vous sur votre site et cliquez sur Widgets dans le panneau de gauche, puis faites glisser le HTML sur une rangée ou une colonne.
- Utilisez le code d'intégration suivant et ajoutez l'URL copiée à partir de Google Maps entre les guillemets qui suivent iframe src= :
<div class="embed-container"><iframe src=" " frameborder="0" allowfullscreen></iframe></div> - Accédez au Mode développeur.
- Cliquez sur Site HTML/CSS, puis sur site.css.
- Intégrez les CSS suivants dans cette section :
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
La taille de la carte s'adaptera aux différents affichages des appareils. Si vous utilisez le code d'intégration normal de Google Maps, la taille du de la carte sera la même sur tous les appareils et sera coupée sur un affichage mobile.
