Ajouter un HTML personnalisé

Attention

Le HTML personnalisé est une fonction experte et peut avoir des effets indésirables sur la conception et la fonctionnalité de votre site Web. De plus, il pourrait avoir des effets négatifs sur le Responsive design de votre site Web.

Vérifie attentivement ton site Web après avoir effectué des changements à l'aide de cette fonction. Note également que les mises à jour automatiques de ton site Web peuvent avoir une incidence sur ton code HTML personnalisé. Par conséquent, vérifie régulièrement si le code HTML que tu as entré remplit toujours son rôle et si la conception ou la fonctionnalité a été altérée par la mise à jour.

Le HTML est un langage de balisage principalement utilisé pour créer des pages Web. Dans l'Éditeur au sein de ton cockpit, tu peux ajouter ta propre HTML à ton site Web. Cela t'offre, entre autres, les options suivantes :

• Intégrer des widgets, tels que des widgets de prise de rendez-vous
• Intégrer des sceaux de confiance
• Intégrer des iFrames
• Intégrer des flux de réseaux sociaux
• Insérer des tableaux, des boutons et autres éléments

Comment ajouter un HTML personnalisé

Remarque

Tu ne peux ajouter un HTML personnalisé qu'aux pages de contenu de ton site Web. Il n'est pas possible d'ajouter un HTML personnalisé aux pages légales ou aux pages de paiement.

1. Dans la barre latérale de ton cockpit, aller à Éditeur.
2. Dans la barre latérale, tu trouveras une liste de tes pages sous le menu Pages > Pages de contenu . Sélectionne la page pour laquelle tu souhaites ajouter le HTML personnalisé. Un aperçu de cette page s'affiche à droite.
3. Dans la barre latérale de l'Éditeur, aller à Éléments de contenu. Une liste des éléments de contenu disponibles s'affiche.
4. Sélectionne élément de contenu HTML personnalisé et glisse-dépose à l'emplacement souhaité.

   Remarque

   Tu ne peux déposer l'élément que dans les zones bleues de la page.
5. Sélectionne Ajouter un HTML.
6. Ajouter votre code HTML personnalisé. Le logiciel de ton site Web vérifie automatiquement si le code HTML que tu as saisi respecte les règles HTML.
7. Sélectionne Enregistrer.

Le HTML s'applique désormais à la page de contenu spécifique de ton site Web. Toutefois, nous te conseillons de prendre quelques minutes pour parcourir l'ensemble de ton site Web et vérifier que tout s'affiche correctement.

À quoi cela ressemble

Bien sûr, tu décides du contenu et de la mise en page de votre HTML personnalisé, qui dépendent du code que tu as ajouté. Néanmoins, nous pouvons t'apporter quelques informations d'ordre général sur la forme que cela prendra :

• Le code HTML proprement dit ne s'affichera pas sur votre site Web. Seul le résultat visuel généré par le code inséré s'affichera.
• Le résultat ne s'affiche que sur la page spécifique de contenu à laquelle tu as ajouté le code.
• L'emplacement exact de votre HTML dépend du code que tu as ajouté. En général, tu as deux possibilités :
  • Ajouter un code HTML qui crée une sortie visuelle affichée dans la zone de l'élément de contenu.
  • Ajouter un code HTML qui crée une sortie visuelle affichée en dehors de la zone de l'élément de contenu.
• Une infobox grise s'affiche toujours dans la zone où tu as glissé et déposé l'élément de contenu : Cette infobox ainsi que l'espace occupé par cette boîte dans l'Éditeur ne seront pas affichés sur ton site Web. Donc, aucun espace blanc vide ne risque de s'afficher sur ton site Web au lieu de la boîte.

Comment modifier un HTML personnalisé

Nous souhaitons te faciliter la vie lorsqu'il s'agit d'éditer du HTML personnalisé. C'est pour cette raison qu'une infobox grise est positionnée à l'emplacement où tu as glissé et déposé l'élément de contenu. En fonction du code HTML que tu as inséré, la sortie visuelle correspondante est située juste au-dessus de l'infobox ou ailleurs sur la page.

Pour les deux options, l'infobox te permet de détecter l'emplacement de ton élément de contenu HTML personnalisé. Cela est particulièrement utile pour le HTML personnalisé affiché en dehors de la zone de l'élément de contenu. Tu n'as donc pas à rechercher la sortie visuelle du code sur la page pour le modifier. Au lieu de cela, tu trouveras l'option d'édition toujours au même endroit, juste à côté de l'infobox.

1. Dans la barre latérale de ton cockpit, aller à Éditeur.
2. Dans la barre latérale, tu trouveras une liste de tes pages sous le menu Pages > Pages de contenu. Sélectionne la page qui contient le HTML personnalisé que tu souhaites modifier.
3. Si nécessaire, fais dérouler le menu jusqu'à élément de contenu HTML personnalisé. Tu verras soit l'infobox grise, soit la sortie avec une infobox grise en dessous, comme ici :
   
4. Accéde à l'élément de contenu pour faire apparaître l'icône dans le coin supérieur droit.
5. Sélectionne .
6. Modifie le code HTML personnalisé en fonction de tes besoins.
7. Sélectionne Enregistrer.

Les changements apportés au code sont maintenant appliqués à ton site Web. Nous te conseillons de prendre quelques minutes pour parcourir l'ensemble de ton site Web et vérifier que tout s'affiche correctement.