Comment utiliser le composant Code
Website Builder offre une large gamme de composants qui peuvent ajouter diverses fonctionnalités pour étendre la fonctionnalité de vos pages. Cependant, vous pouvez aller un pas plus loin et ajouter des composants de code personnalisé pour intégrer des applications tierces, JavaScript, CSS, Markdown ou HTML qui peuvent offrir à votre site web un design et des outils uniques.
Voici comment procéder :
- Accédez à Site Admin > Website Builder et appuyez sur Éditer le site web.
- Ouvrez la section Pages et séléctionnez une page existante ou créez-en une nouvelle avec le bouton Ajouter nouveau.
- Passez la souris sur la section où vous allez ajouter le composant et appuyez sur le bouton + AJOUTER dans le coin supérieur gauche pour ouvrir la fenêtre Ajouter un composant.
- Sélectionnez le composant Code.
- Cliquez et maintenez la boîte du composant pour activer la vue en grille de la section. Ensuite, déplacez la boîte à votre position préférée et relâchez-la.
- Cliquez sur le composant et sélectionnez l’icône crayon (Modifier) dans la barre d’outils au-dessus.
- Une nouvelle fenêtre Modifier le code s’ouvrira où vous pourrez écrire ou coller votre code personnalisé.
- Si le code est trop volumineux et que vous avez besoin de plus d’espace de travail, appuyez sur l’icône d’agrandissement dans le coin inférieur droit.
- Pour revenir à la vue standard, fermez la fenêtre Mofiider le code.
- Utilisez le bouton Afficher le code source pour basculer entre l’affichage du code et l’affichage du résultat dans le bloc de composant.
