HTML personnalisé
Intégrez n'importe quel code HTML au menu, comme une carte Google Maps ou une vidéo YouTube.
N’importe quel code HTML que vous collez, affiché dans le méga menu. Utilisez-le pour le contenu que les autres blocs ne couvrent pas : une carte de votre magasin, une vidéo, une intégration d’un autre service ou du texte mis en forme.
Ajouter le bloc
-
Copier le code d’intégration
Google Maps : recherchez votre adresse, puis cliquez sur Partager > Intégrer une carte > COPIER LE HTML. YouTube : ouvrez la vidéo, puis cliquez sur Partager > Intégrer > Copier.
-
Choisir la mise en page
Dans le panneau du méga menu de l’aperçu, cliquez sur Ajouter un bloc. Cliquez sur Ajouter du HTML au menu, survolez HTML personnalisé et cliquez sur Sélectionner.
(1) Cliquez sur Ajouter du HTML au menu, (2) choisissez HTML personnalisé. -
Coller le code
Dans Modifier l’élément, saisissez un Titre facultatif et collez votre code dans la zone Ajouter du HTML au menu.
Le bloc HTML personnalisé dans l'aperçu et ses réglages dans Modifier l'élément. -
Enregistrer et publier
Cliquez sur Enregistrer, puis sur Publier, et vérifiez le résultat sur votre boutique en ligne.
Paramètres
- Largeur
- Part de la ligne du méga menu occupée par le bloc : Auto ou de 8.33% à 100%.
- Titre
- Titre au-dessus de votre HTML. Laissez-le vide pour ne pas afficher de titre.
- Ajouter du HTML au menu
- Le code HTML à afficher.
- Visibilité
- Masquer sur ordinateur, Masquer sur mobile, Masquer si connecté, Afficher uniquement si connecté, Planifier la publication. Consultez Paramètres communs à tous les blocs.
Conseils
- Les codes d’intégration ont généralement une largeur fixe, par exemple
width="600". Remplacez-la parwidth="100%"pour que la carte ou la vidéo s’adapte au bloc. - Multi-bloc > Carte + contact + adresse ajoute une carte, un formulaire de contact et votre adresse en un clic.
Dépannage
Mon contenu présente des espaces supplémentaires
Chaque saut de ligne dans le code s’affiche comme un saut de ligne sur la page. Collez les codes d’intégration sur une seule ligne, ou supprimez les lignes vides entre les balises.
Cette page vous a-t-elle aidé ?
Merci pour votre retour ! Dites-nous ce qui manquait
Signaler un problème