Aller au contenu
Installer l’app
Français

HTML personnalisé

Intégrez n'importe quel code HTML au menu, comme une carte Google Maps ou une vidéo YouTube.

Référence Pro Navigation 2 min de lecture

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

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

  2. 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é.
  3. 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.
  4. Enregistrer et publier

    Cliquez sur Enregistrer, puis sur Publier, et vérifiez le résultat sur votre boutique en ligne.

Paramètres

LargeurPar défaut: 25%
Part de la ligne du méga menu occupée par le bloc : Auto ou de 8.33% à 100%.
TitrePar défaut: HTML personnalisé
Titre au-dessus de votre HTML. Laissez-le vide pour ne pas afficher de titre.
Ajouter du HTML au menuPar défaut: Exemple de texte
Le code HTML à afficher.
VisibilitéPar défaut: Désactivée
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 par width="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é ?

Signaler un problème