Le bloc Code personnalisé

Parfois, aucun bloc prêt à l’emploi ne convient : calculateur de prix, frise chronologique, petite animation. Le bloc Code personnalisé accueille votre HTML, votre CSS et votre JavaScript, puis les affiche comme une section sur votre page. C’est idéal avec l’IA : décrivez ce que vous voulez et laissez l’IA le créer pour vous.

En ajouter un vous-même

1. Dans l'éditeur, cliquez sur Ajouter un bloc, puis choisissez Code personnalisé dans Contenu.

   

2. Ouvrez le bloc et saisissez votre code dans les onglets HTML, CSS et JavaScript. L’aperçu se met à jour au fur et à mesure.

   

Laissez votre IA le créer

Avec une application d’IA connectée, il vous suffit de décrire la section souhaitée. Elle écrit le code, place le bloc et le vérifie avec une capture d’écran. Quelques idées :

• Ajoutez à la page d’accueil une section personnalisée avec un calculateur de prix : les clients choisissent un menu et le nombre de personnes, puis voient le total.

• Créez une frise chronologique de notre histoire sur la page À propos, avec nos couleurs et nos polices.

• Ajoutez une bannière animée en haut de la page du menu avec le texte Nouveau menu de printemps, et assurez-vous qu’elle s’affiche bien sur mobile.

Bon à savoir

• Il reprend les couleurs et les polices de votre site pour rester cohérent avec le reste.
• Le texte présent dans le HTML est traduit avec le reste de la page. Le texte ajouté par JavaScript ne l’est pas. Gardez donc les mots dans le HTML.
• Le design, le code et les images sont partagés entre toutes les langues. Modifiez-les dans votre langue principale.
• Il s'exécute dans son propre cadre sécurisé, sans risque pour le reste de votre page.
• Les moteurs de recherche ne lisent pas le texte à l’intérieur du cadre. Gardez donc les informations importantes dans des blocs classiques.
• Chaque bloc peut contenir jusqu’à 100 KB de HTML, 50 KB de CSS et 100 KB de JavaScript.