# Formulaire Metform

{% tabs %}
{% tab title="Ajouter un formulaire" %}
![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXdg1gv1fdaF_7oLmQQHxulnp-ih_95zI0LepSuGeoiHMkawUQxbjsobLWframATjFzAyeSC-VinuOX_Mm2jciKlA-emxnoyr59RJlVcGmNr3_0I-HfY-Vm8AFojKI8aWP_rAq25KNfM0-xIAsjSkzmiz6Dc?key=BOUeYXhb47sIPSrSA2Qcdg)![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXev2J_36kW7jy2zo_XhhsmlN7YJeHy5wLkoL8N7xv6HRJP66uhl2cd3iB8bHQlhSvpPZql5kap8iFaDzxwCkkVJl5YXjUhK1HpPDIvhm8EOItvOdiq2rurMNikxVMBJd6Dc77B2VMj7KMw8EsIOD3ZHoxQx?key=BOUeYXhb47sIPSrSA2Qcdg)

Un modal s’ouvrira, il faudra ensuite entrer le nom du formulaire et cliquer sur “Modifier le formulaire”.

NB : si vous souhaitez un formulaire déjà pré-fait, sélectionnez simplement le formulaire qui vous convient.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXd2upY20hgZTJhbbRPLE6h-3x-VKaAsWhE6Ka1GoNcwFK8T7A7dW2xu7jIm16YAVfSs6IRQR3qR-umWFNPgxn7NenUWI-Gme8UP288_6baWlqgARyPMbISI5rZQfnhRMJWzy-Kjjz-efbDPdV8pdOnq4YQ?key=BOUeYXhb47sIPSrSA2Qcdg" alt="" width="375"><figcaption></figcaption></figure>

Cliquez sur “mettre à jour et fermer” pour enregistrer le formulaire

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfJyDpEu1Gu2NiI05e7302N6JDUfvMQuK09bCR_qhx41jJn1FXkaC_bLCtklEeBXmydqmnUPBR1e_FpCiKEIdhF225kBqSky5UWpD4pIdb8VQCliqdAp0I9NOlgF-SUWcm4NqlkgdNbhcOuAnJY0uWYC19T?key=BOUeYXhb47sIPSrSA2Qcdg" alt="" width="375"><figcaption></figcaption></figure>

{% endtab %}

{% tab title="Les Champs du formulaires" %}
Parmi les champs proposés, sélectionnez celui qui vous convient le mieux et déposez le vers le formulaire.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXfRBc5Hy8L6BZchFqoHgdhQVULvBmp8L1iPcP2lRlruGOQLC2YIX-GgQ7k9skNYbjMlOpxSa0zf97JLItm7kVizcoYJUXpTd7S3SYB9BUTuI8D6WLC3rGhsvX8KYf8_8TOlxWBKoGjBNIa2zZudbxcC5Rjb?key=BOUeYXhb47sIPSrSA2Qcdg" alt="" width="375"><figcaption></figcaption></figure>

### Champ Texte

1Pour ajouter un champ prénom, sélectionnez le champ “texte”, puis cliquez sur le champ pour le modifier en allant dans l’onglet “contenu” :

* Libellé
* Nom
* Texte d’aide (si besoin mais non obligatoire)

Pour rendre un champ obligatoire, cliquez sur l’onglet “Réglages” puis dans “Nécessaire” et activez l’option. Répétez cette opération pour le champ “Nom”.

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXeo6cv2_k3yPcWhzL7Bqi11EPP4xUJBhvH-U-5mKbQnnv_rVXwulBMk_ngHvZ_HDGjydaICZUlfuc3-fljSzZPjTsBnPeH6U6YhoLG4NvvEnzDh7zN4loryMZXGDnE0r1zynW5BvWan1hTWwQ6Xrnjovec?key=BOUeYXhb47sIPSrSA2Qcdg)![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXd39kgMwQMWbBcat-V8weqw-3w2oJcXqpc40kHDYY07Up1DmFbNecZFs4dqBb7rbpjjMQnJF1Fie6Xl1RQWtJGejEKSNaNouk2Rq9yWG8pWm97dOQYZmVrZADH5F7ToaW1ceJ0y49jK8GYMZp0WgOoHuJ8?key=BOUeYXhb47sIPSrSA2Qcdg)

### Champ Email

Pour ajouter un champ email,  sélectionnez le champ “email”, puis cliquez sur le champ pour le modifier en allant dans l’onglet “contenu” :

* Libellé
* Nom
* Texte d’aide (si besoin mais non obligatoire)

Pour rendre un champ obligatoire, cliquez sur l’onglet “Réglages” puis dans “Nécessaire” et activez l’option.

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXfA-VmvMH1nsXSiw7eZUFsGcaOCr99l2pNBindkX3iuBYVwJMkdUWOHHub7CuuriW4ygBjwwu3O0LzSKFAIDrRoVfwtViz6yO3DPbe_IX6Yns0iYZbyOtIyLEYrb3CZZM_KoRU2tgx0xHEYMhVMNiLsZ865?key=BOUeYXhb47sIPSrSA2Qcdg)![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXdEldf1kR_91ig6I1HySPmsNKxC8j1C1btc_tPeTNENWygjv6DMlG_H-skHDOfQmUX_PNwYx53ePW38CZXoYrIy7kwnw26rbyTE00x3a8SHdh2rqRQthSY1eAaA497LqJpAQA_E8RThN1c65dsQYjiYrqVs?key=BOUeYXhb47sIPSrSA2Qcdg)

### Champ Sélecteur

Pour ajouter un sélecteur, sélectionnez le champ “Sélectionner”, puis cliquez sur sur le champ pour le modifier en allant dans l’onglet contenu :

* Libellé
* Nom
* Texte d’aide (si besoin mais non obligatoire)

Pour rendre un champ obligatoire, cliquez sur l’onglet “Réglages” puis dans “Nécessaire” et activez l’option.

Ajoutez des options au sélecteur, cliquez sur “Ajouter un élément” qui se situe sur la liste déroulante ou dupliquez un élément déjà existant.

Modifiez ensuite le texte du champ ainsi que la valeur du champ.

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXfECQdBG6HhuqxCBnoiNPrLmQt15CA4mAuR1Yomc2jUDfTN7QK4kYgCdF_UN6zTMgy_EI63jsSNivsOlVkawStDIJYRVTZVThy5hC8r3WOBha8BwIo43XM9J_iyWgQkITd7JksYroty31J8GZXAThdwv_FU?key=BOUeYXhb47sIPSrSA2Qcdg)![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXfjDUzqG_39-GzqNHsEqpV3pQt2snQzAz0idt4BDvvUbP7YHU4V9EfIpUyJYgFC3rTFI5eBBYhldiwzubDDpZ9MXBxzA_yq9v_r0p13e6zluA1oq9Ny7aig4PVdQBn1RrUacx6AsCbrbEdW_0kQwjwfCnaQ?key=BOUeYXhb47sIPSrSA2Qcdg)![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXdRYp8ZTQn6Tb1jCci695ecrDWvmyc0a4Nk2lT6j3cq5c4DuM2vbW8axHsx23Oo60nPcVXvsQQlMudcUrDRb4Qz5pGv0M5KZBlTPD6KS_sYAyGBJGwqH2nPd6zwnY6xi4qiDt7yjRh1tu1TeVu6TjjJsXck?key=BOUeYXhb47sIPSrSA2Qcdg)

### Champ Checkbox

Pour ajouter un champ checkbox, sélectionnez le champ “case à cocher”, puis cliquez sur le champ pour le modifier en allant dans l’onglet “contenu” :

* Libellé
* Nom
* Texte d’aide (si besoin mais non obligatoire)

Pour rendre un champ obligatoire, cliquez sur l’onglet “Réglages” puis dans “Nécessaire” et activez l’option.

Ajoutez des options au checkbox, cliquez sur “Ajouter un élément” qui se situe sur l’option de case à cocher ou dupliquez un élément déjà existant.

Modifiez ensuite le texte du champ ainsi que la valeur du champ.

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXdmR5FkZWLTSRmmr3f_gvcM50Zuhyn_p8-DCAcw5007lVarkRbu2l1RlQFl7EhFfD4_EeAoaVJKA47r8emzNY8fitmAE_d9lBR8frsugh-B7DzQsZ1FQ_Mzv6mkE1Ys_t2Z8QMRLJTBvS9yTrjl3mCpIc3S?key=BOUeYXhb47sIPSrSA2Qcdg)![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXeTlD9bWRWn1jrCjuTodgtJqVxkwHWZjRx1fHcYRBRAeyHeuOqdwiCMMRFGJTZD6_VLptalFdI-4erUG_l5RoLejQA8uxOG6oGIQ9gV9n5sr1TXkYTDMyuhVAuA6fG_S3M9d2qE_N11c_hdJmBphC6_Bu0q?key=BOUeYXhb47sIPSrSA2Qcdg)![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXd8Dt1jVbNSDrX5JE28E0hWautuweZzLvfcjayuOGLwQuGL_OuSJAxoPBwAJi6amOqIx-Dmle0RwIAi8W11FWYCiICu-u3fp0uILmgq9Zm7SNJljHikHsOP7CsZzM4Hfh00A15pgC698KL6MY2sk7_ssQ0?key=BOUeYXhb47sIPSrSA2Qcdg)

### Consentement RGPD

Pour ajouter un champ de consentement RGPD, sélectionnez le champ “Consentement RGPD”, puis cliquez sur le champ pour le modifier en allant dans l’onglet “contenu” :

* Libellé
* Nom
* Texte d’aide (si besoin mais non obligatoire)
* Texte de l’option de case à cocher

Pour rendre un champ obligatoire, cliquez sur l’onglet “Réglages” puis dans “Nécessaire” et activez l’option.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXetHLQUnBmcmwy6C9Xi7Y1Ts2jddqaXW4ja6BxfnunT8CAxKt-3y1tn_ChDvafNDZ6m-iOmZ7Wdx6KGMP3TXMP-7ZUpoLGfkJeNbQlLWxYDy8oCkPHsZAFm-ZgVbgB_OyHYouwRkugroH3BM1yDZPnaX-K9?key=BOUeYXhb47sIPSrSA2Qcdg" alt="" width="375"><figcaption></figcaption></figure>

### Champ Bouron Radio

Pour ajouter un champ de bouton radio, sélectionnez le champ “bouton radio”, puis cliquez sur le champ pour le modifier en allant dans l’onglet “contenu” :

* Libellé
* Nom
* Texte d’aide (si besoin mais non obligatoire)

Pour rendre un champ obligatoire, cliquez sur l’onglet “Réglages” puis dans “Nécessaire” et activez l’option.

Ajoutez des options au bouton radio, cliquez sur “Ajouter un élément” qui se situe sur les options boutons radio ou dupliquez un élément déjà existant.

Modifiez ensuite le texte du champ ainsi que la valeur du champ.

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXevayRwC0fGZiQJSXfdWuHQIG3pc5RnNO2yrgUzPfZXRLhdZbXwN7I4s1atXe8JyXOtMS1qq7QWTzV4U0-7ELaWIsw4NVN2Wrm3N2eV5gHsTN6lVkUgWcOpS5aJe25NlRLNETzo-4zu2LZ_sG1U0_Zgc_U?key=BOUeYXhb47sIPSrSA2Qcdg)![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXdZgsNt0G2CpRbmOcGahAox_gflj4Lphp3ov5UAOzm1E5AZ-JBsAeP6FGztIpxgkd3p_WqxKsLuC1SAdtl6CkmvxbOtK37UafEJiSw7xEG5LIRkB4fkPeLjtnUMZLLfK-UinimcU6RPFrTOuyu6iyUlUVN5?key=BOUeYXhb47sIPSrSA2Qcdg)![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXcaeLxGfJmgf0Kwllnma1P5_XKYv5fm_S2KSf1sqrvQKuqbWY3JryeAwh3bc2kPj7iJKLCi7pguip2Y_CePTbA08fXxYCAPYt0ulZksu8mL5ekMklA-tcUF3SWQ7vgObDMtUNJlpwPYccDvvcRd9aSZtiwM?key=BOUeYXhb47sIPSrSA2Qcdg)

### Champ File

Pour ajouter un champ file, sélectionnez le champ “téléverser le fichier”, puis cliquez sur le champ pour le modifier en allant dans l’onglet “contenu” :

* Libellé
* Nom
* Texte d’aide (si besoin mais non obligatoire)
* Texte fichier choisi
* Texte aucun fichier choisi

Pour rendre un champ obligatoire, cliquez sur l’onglet “Réglages” puis dans “Nécessaire” et activez l’option.

Pour instaurer une limite de taille, vous pouvez mettre une valeur dans “taille maximale du fichier” en ko, en ayant activé au préalable l’option “taille maxi du fichier”.

Vous pouvez aussi mettre une limite par type en spécifiant les types de fichier acceptés.<br>

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXfHW5tRvlrZjspFp_Hv447CSVd0L7SPC824eltPcOPykGU49zXAGm0Lxugvj7YFGN3y6z4Yzf12Vkiio9Jc-JR39KX7cR1l3s7cU2aRB6qjFuWPn-9UEfoWjgs77bK-7RGY8w29IePqXmEegSTOUKmJ_6E?key=BOUeYXhb47sIPSrSA2Qcdg)![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXd3o-4fWtWyNzp_NgWOl4hhf5wTg9CpFUZU021RIH9YZHF8zVO0A132yj9M9YRcNmQcBAL0a3KHGcmsgR9pAemnTlJT2si-Yz3c77mqW5M_1xQIsWuwOohLzYkhowhNtbVvV6iyS-aZqHWqeh9zqS02j5I?key=BOUeYXhb47sIPSrSA2Qcdg)

### Champ Zone de texte

Pour ajouter un champ zone de texte, sélectionnez le champ “zone de texte”, puis cliquez sur le champ pour le modifier en allant dans l’onglet “contenu” :

* Libellé
* Nom
* Texte d’aide (si besoin mais non obligatoire)

Pour rendre un champ obligatoire, cliquez sur l’onglet “Réglages” puis dans “Nécessaire” et activez l’option.

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdNHHxF_Q-cKyV3aHqJfdZv_dsC7MTE5zZxmgKRSpEQhjuS3dAvf3SGYQbP_D0AS9sgy8sBQq5ar3kt--w5a8JlzD1KwGbEvtlAEWo-m2Mgij1k9aFgxejMovUaiMixVbI1wVC82KF1t2SVacBTyCyzgjfq?key=BOUeYXhb47sIPSrSA2Qcdg" alt="" width="375"><figcaption></figcaption></figure>

Pour ajouter un bouton d’envoi, sélectionnez “bouton d’envoi”, puis cliquez sur le bouton pour le modifier en allant dans l’onglet “contenu” :

* Libellé

Pour modifier le style du bouton allez dans l’onglet Style et effectuer les modifications qui respectent les couleurs de la catégorie.

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXcRowsjiU8HxRT1wFi2ep2IPgqUpHU2UK-3_1TM-ceBy-9pD2IDmFHEsZHLxU1ve03eLOzfIQtuO66ZPE_uv63Dm-BwwBrq738GdwynWyEWiTWzFbb9n3a1x44QUbCMkp98j8WvazFJqrEN1VGDhVSn_RNU?key=BOUeYXhb47sIPSrSA2Qcdg)![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXdbjmURxO8tAWI1xN7cGXjq_5xqoH2Ou1O4w1RTr-b6RY3ab91h342mdREK1F7KyD82iM2s0RSQ9YhqFHOf05HZSdUcpTlan8hCFVMFHpeVgCDCd8SfUL6SUIsZPmMCAVsdaTdhVs0nsvdHud2p4R1qTj72?key=BOUeYXhb47sIPSrSA2Qcdg)

\
Pour instaurer une limite conditionnelle sur un champ afin que ce dernier s’affiche en fonction du choix effectué, vous devrez aller dans l’onglet “logique conditionnelle” puis activez l’option.

Il faudra ensuite laisser le critère de correspondance à “ET” et laisser l’action à “show this field”, puis cliquez sur “Ajouter un élément”.

![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXd_byikDN1VvOXy1t5XBQx-NxXzjrH4WP_wpoK7IC3G2T3Wnsa282qCh8MfCbXSq1kQGgZ8OGnEMWEj2ZiDEdopYqTiXNq0W9BCZQ_BJTljOWw3YajhZNwuOyl7ocXWHxfWBebhWBaZ09vV0EZkTscmJ6c?key=BOUeYXhb47sIPSrSA2Qcdg)![](https://lh7-rt.googleusercontent.com/docsz/AD_4nXdrFlYqeBKKf64-pOIWzCMVwALUlngvH_Bdi3ZirVTVTGZQbCchUzhAuScc-Z4PzsN6gFh1UhEwhg5JQSDpP-YVQ7BhJ41VQIfMWjc8iLBqqp7XHCd9dI2mWtzSCN-eSh-aCXt3oFn_J8ol9yK5CXlx8zbY?key=BOUeYXhb47sIPSrSA2Qcdg)

\
Dans le premier champ, il faudra mettre le nom d’un autre champ présent sur la page, ici un bouton radio, puis il faudra faire correspondre en sélectionnant “égal” et enfin mettre la valeur de correspondance (voir création bouton radio).

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdbQznPTK8MzB6kmuMhqb2u-Tw1tDm_56-Ip_7oaLR5vq55VJP_GXtJ4T1YJ-XVvs4wA-icwjBq1gAglngUz_4R007pDAgWFrBXyBY2nSfxgi2uWYt4paAlPGPPxGpXuxp_fM67THaDMNj5HwICOlPyb3A?key=BOUeYXhb47sIPSrSA2Qcdg" alt="" width="375"><figcaption></figcaption></figure>

Ceci est le rendu final du formulaire

<br>

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdC8hfg_KSYz_xNrwijQ8uLiwfzVuttczVmflbveaWktyvo1hG-6MURLCduUntHyAb46xKocjQOd3yrEiMexwKNL6aI1zcWgbhIKnMzgbr-o9_r3EiGL3jHsiAUqWQi6v1hF-uPG7kM41sT68aBFQ_075I?key=BOUeYXhb47sIPSrSA2Qcdg" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Modifier et ajouter un formulaire sur une page" %}
**Modifier un formulaire :**

* Dans le menu latéral, cliquez sur "MetForm"
* Cliquez sur “Modifier avec Elementor” pour aller modifier le formulaire

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeiCYS-L0aN4JIz_9sfa712rIaHyTCn7CWrDQNejVEwLCg1ArZ4-Z7JadD2mLxvrSFHoocrywfsmAXPHkZPTbUjBGtrw2Vdp9vMNp0EYEIpKSijOmMhDhN-R_ROazyRaSBaYW_t988oWmXmM3rSIfcu-qXK?key=BOUeYXhb47sIPSrSA2Qcdg" alt=""><figcaption></figcaption></figure>

**Ajouter un formulaire sur une page**

* Obtenir le shortcode du formulaire

Une fois que vous avez créé votre formulaire, le plugin MetForm vous fournira un shortcode unique pour l'afficher sur votre site. Copiez ce shortcode.

* Coller le shortcode

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXeXZ40j0LRNHX2OAlENErj-vHBC5X1AbNHGcIJD7viTWXfzQCE4MbupYeh5nj-PFLn2lToS8zVmfm6qFfAqnn035CNnZ1SRba3Y_698lW_hkh_DTlrGXsZ2WVNlBQ32sEPz5XWFoM8WyM5ZhyGiLqWDTivI?key=BOUeYXhb47sIPSrSA2Qcdg" alt=""><figcaption></figcaption></figure>

Dans les paramètres du widget Shortcode sur la page que vous souhaitez, collez le shortcode du flipbook que vous avez copié dans le champ approprié de la page que vous souhaitez.

**Mettre à jour et prévisualiser**

Cliquez sur le bouton "Mettre à jour" pour enregistrer vos modifications. Ensuite, prévisualisez votre page pour voir le flipbook formulaire affiché.<br>
{% endtab %}
{% endtabs %}
