Comment ajouter un formulaire de contact à une page du site internet ?

Vous pouvez ajouter un formulaire de contact à une page personnalisée de votre site internet en y insérant le bloc Contact, disponible depuis le mode édition de la page. Cet article explique comment ajouter le bloc contact, le configurer et personnaliser son apparence.

Cet article détaille les points suivants :

• Où trouver le bloc Contact sur une page personnalisée ?
• Comment ajouter et configurer un formulaire de contact ?
• Comment personnaliser l'apparence du bloc Contact ?

Où trouver le bloc Contact sur une page personnalisée ?

1. Allez dans Site internet > Menus et pages.
2. Repérez la page personnalisée à modifier (reconnaissable à l'icône ) et passez la souris sur les trois points horizontaux .
3. Cliquez sur Editer la page.

La page s'affiche désormais en mode édition.

Si vous êtes connecté·e en tant qu'administrateur·rice et consultez votre site en mode vitrine, vous pouvez aussi cliquer sur le bouton Editer la page situé en haut de chaque page pour accéder directement au mode édition.

Comment ajouter et configurer un formulaire de contact ?

Étape 1. Dans le mode édition, prenez le bloc Contact et déposez-le sur la grille de la page.

Étape 2. Dans la fenêtre qui s'ouvre, renseignez :

• l'intitulé du formulaire ;
• le destinataire, c’est-à-dire l'adresse email de la personne qui recevra les messages envoyés.

Étape 3. Cliquez sur Enregistrer en haut à gauche de la page d'édition pour sauvegarder. Le formulaire de contact s'affiche désormais sur votre page personnalisée.

Pour savoir comment ajouter un bloc à une page en général, consultez l'article Ajouter des éléments pré-paramétrés sur une page personnalisée.

Comment personnaliser l'apparence du bloc Contact ?

Une fois le bloc Contact sélectionné, un menu d'options apparaît en haut du panneau de gauche. Si ce menu ne s'affiche pas, cliquez sur le bloc Contact pour le sélectionner.

• Modifier : change l'intitulé ou l'adresse email renseignés (accessible aussi en double-cliquant sur le bloc).
• Supprimer : retire le bloc de la page.
• Choisir un fond : change la couleur de fond du bloc.
• Choisir un cadre : ajoute un cadre, en modifie l'épaisseur et la couleur.
• Arrondir les coins : arrondit les angles du bloc.
• Marges extérieures : ajuste l'espacement autour du bloc.
• Marges intérieures : ajuste l'espacement à l'intérieur du bloc.
• Dupliquer : crée une copie identique du bloc, dans une nouvelle fenêtre d'édition.

Pour aller plus loin :

• Créer une page personnalisée sur son site AssoConnect
• Ajouter des éléments pré-paramétrés sur une page personnalisée