Écrire sur la page et ajouter des blocs

Écrire directement

Cliquez dans un texte et tapez : c’est tout. Quand vous sélectionnez un passage, une petite barre apparaît pour le mettre en gras, en italique, le barrer, ajouter un lien, et un bouton ✨ pour le retoucher avec l’IA. Dans le panneau de droite, l’onglet Bloc propose aussi les titres, les listes, la citation et l’alignement.

Le choix d’un lien propose une page, une section, une adresse e-mail ou un autre site, et aussi un article du blog ou un produit de la boutique (onglets Article et Produit). Le lien suit l’article dans chaque langue du site, et il est retiré proprement si l’article est dépublié.

Ajouter un bloc avec la touche « / »

1. Placez le curseur sur une ligne vide.
2. Tapez / : le menu des commandes s’ouvre, classé par catégories (Section, Texte, Média, Contenu, Action).
3. Tapez quelques lettres pour filtrer (« gal » pour Galerie), puis validez.

Vous pouvez aussi cliquer sur Ajouter un objet… dans l’onglet Bloc du panneau de droite.

Les principaux blocs

• Texte et mise en page : titres, listes, citation, Encadré, Colonnes (2 à 4 zones côte à côte), Séparateur, Espaceur, Tableau.
• Médias : Image, Galerie, Média (vidéo, son, ou contenu YouTube, Vimeo, SoundCloud, Spotify…), Avant / après, Intégrer (une webcam, un agenda, un widget d’avis… par son adresse ou son code HTML).
• Présenter votre activité : Hero (bannière avec titre et boutons), Fonctionnalités, Grille de cartes, Équipe, Témoignages, Chiffres clés, Chronologie, Fiche technique, Récit défilant, Bandeau défilant, Nuage de logos.
• Prix : Forfaits (cartes de formules, avec au besoin un Prix barré et une Note sous le prix) et Tarifs (une liste de prestations et de prix par catégorie, comme une carte de restaurant).
• Interagir : Bouton CTA, Formulaire, FAQ, Carte, Réseaux sociaux, Newsletter, Réservation, Commentaires / Avis.
• Mettre en avant : Produits de la boutique et Articles de blog.

Les liens du Hero et de l’Équipe

Dans un bloc Hero, cliquez sur le bloc : le panneau de droite règle le texte et la destination de chaque bouton, avec le choix de lien habituel (une page, une section, une adresse e-mail, un autre site…).

Dans un bloc Équipe, chaque membre a son champ Page du membre : sa photo et son nom mènent alors à sa propre page, à une section ou à un autre site.

La grille de cartes

Cliquez sur un bloc Grille de cartes : le panneau de droite liste ses cartes. Dépliez une carte pour modifier son titre, son texte, sa méta, son prix et le libellé de son bouton ; une carte que vous ajoutez peut ainsi recevoir un bouton. Le champ Lien de la carte choisit où elle mène. Vous pouvez aussi cliquer sur le texte d’une carte, directement dans la page.

Quand il y a moins de cartes que de colonnes, une indication sous Colonnes vous dit combien de cartes ajouter pour remplir la rangée.

Modifier, déplacer, supprimer

Cliquez sur un bloc : ses réglages s’affichent dans l’onglet Bloc du panneau de droite. La poignée à gauche du bloc se fait glisser pour le déplacer ; un clic dessus ouvre le menu Monter, Descendre, Dupliquer, Supprimer.

Le formulaire de contact

Tapez / puis choisissez Formulaire. Cliquez sur le bloc : ses réglages s’affichent dans l’onglet Bloc du panneau de droite.

• Champs : ajoutez-les un par un (texte, e-mail, téléphone, zone de texte, liste déroulante, choix unique, case à cocher, date, fichier), et indiquez s’ils sont obligatoires.
• Texte du bouton : ce qu’affiche le bouton d’envoi.
• Après l’envoi : Afficher un message (le Message de confirmation apparaît à la place du formulaire) ou Aller à une page : le visiteur arrive sur la page choisie, dans sa langue, une fois son message envoyé.

Les messages arrivent à l’adresse de réception des formulaires, réglée une fois pour tout le site dans Configuration › i-Services.

Intégrer un service externe

Une webcam, un agenda en ligne, un widget d’avis, une prévision météo, un formulaire d’un autre service : le bloc Intégrer les place n’importe où dans vos pages.

1. Sur une ligne vide, tapez / puis Intégrer.
2. Dans le panneau de droite, choisissez ce que vous intégrez : Une adresse (la page du service, affichée dans un cadre dont vous réglez la hauteur) ou Un code HTML (le code que le service vous fournit, à copier-coller tel quel).
3. Décrivez en quelques mots Ce que montre l’intégration : c’est ce que lisent les lecteurs d’écran.
4. Ouvrez l’Aperçu pour voir le résultat : dans l’éditeur, le bloc s’affiche sous forme de carte.

Copier ou dupliquer un passage

Un titre, son texte et une image se copient ensemble, comme dans un traitement de texte :

1. Sélectionnez le passage à la souris, du début du titre à la fin du dernier élément. Vous pouvez aussi cliquer au début, puis Maj + clic à la fin.
2. Copiez : ⌘C (Mac) ou Ctrl+C (Windows).
3. Cliquez à la fin de la ligne après laquelle placer la copie, puis appuyez sur Entrée : une ligne vide se crée.
4. Collez : ⌘V (Mac) ou Ctrl+V (Windows).

Pour reproduire toute une section, avec son fond et tout son contenu, utilisez plutôt Dupliquer dans ses commandes : voir l’article Les sections.