### [Comment déclencher une campagne OptinMonster à partir d'une soumission de formulaire](https://wpforms.com/developers/how-to-trigger-an-optinmonster-campaign-from-a-form-submission/)
**Publié le :** 2 août 2022
**Auteur :** Équipe éditoriale
**Extrait :** Ce tutoriel vous montrera comment déclencher une campagne OptinMonster à partir d'une soumission de formulaire et pré-remplir les champs du formulaire dans la campagne à l'aide d'un peu de PHP et de JavaScript.
**Contenu :**
## Introduction
Souhaitez-vous déclencher automatiquement une campagne [OptinMonster](https://optinmonster.com/ "Commencez avec OptinMonster dès aujourd'hui !") à partir d'une soumission de formulaire ? Vous pouvez facilement créer votre formulaire et faire en sorte qu'il déclenche la campagne, mais aussi qu'il pré-remplisse les champs tels que le nom et l'adresse e-mail du formulaire dans la campagne pour vous faire gagner du temps. Dans ce tutoriel, nous vous montrerons comment y parvenir à l'aide d'un extrait de code.
## Création du formulaire
Pour commencer, nous allons créer un nouveau formulaire et y ajouter nos champs. Aux fins de ce tutoriel, notre formulaire ne contiendra que les champs **Nom** et **Adresse e-mail**.
Si vous avez besoin d'aide pour créer votre formulaire, [veuillez consulter cette documentation](https://wpforms.com/docs/creating-first-form/ "Comment créer votre premier formulaire").
## Configuration de la campagne OptinMonster
Il est maintenant temps de créer une campagne **OptinMonster**. Pour créer votre campagne spécifiquement pour ce tutoriel, veuillez suivre ces étapes.
Pour cette campagne, nous utiliserons MonsterLinks. Pour utiliser MonsterLinks, [un abonnement Pro pour OptinMonster est requis](https://optinmonster.com/pricing/ "Tarifs et niveaux de licence pour OptinMonster").
#### 1) Création de la campagne
Si c'est la première fois que vous créez une campagne, vous pouvez commencer [en suivant ce guide](https://optinmonster.com/docs/creating-your-first-optin/ "Création de votre première campagne").
#### 2) Ajout du MonsterLink
Ensuite, dans le constructeur de campagne, ajoutez **MonsterLink** comme **Règle d'affichage** pour afficher la campagne uniquement au clic.
#### 3) Publication de la campagne
Si vous utilisez le plugin WordPress **OptinMonster** pour gérer vos campagnes, assurez-vous de **Publier** la campagne depuis **WordPress admin » OptinMonster » Campaigns**. 
#### (Facultatif) Configuration des paramètres de sortie
Vous pouvez configurer les **Paramètres de sortie** dans le plugin **OptinMonster** pour intégrer cette campagne uniquement sur la ou les pages où votre formulaire WPForms apparaîtra.
Pour les besoins de ce tutoriel, nous ne limiterons aucune page pour cet affichage. Cependant, pour plus d'informations sur ce sujet, [veuillez consulter leur documentation](https://optinmonster.com/docs/how-to-use-the-wordpress-output-settings-to-control-where-your-campaigns-appear/ "Comment utiliser les paramètres de sortie WordPress pour contrôler où vos campagnes apparaissent").
## Ajout de l'extrait de code
Il est maintenant temps d'ajouter l'extrait de code à votre site. Si vous avez besoin d'aide pour savoir où et comment ajouter des extraits de code à votre site, [veuillez consulter ce tutoriel](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "Comment ajouter du PHP ou du JavaScript personnalisé pour WPForms").
```
/*
* Déclencher la campagne Optinmonster à partir d'une soumission WPForms
*
* @link https://wpforms.com/developers/how-to-trigger-an-optinmonster-campaign-from-a-form-submission
*/
function trigger_om_campaign_from_wpf() {
// L'ID du formulaire WPForms.
// Trouvez l'ID du formulaire en suivant ce tutoriel : https://wpforms.com/developers/how-to-locate-form-id-and-field-id/
$form_id = 519;
// Le slug de la campagne OptinMonster.
$campaign_slug = 'kofeog6veaiogw1gefbb';
// L'ID du champ pour le champ nom.
// Trouvez l'ID du champ en suivant ce tutoriel : https://wpforms.com/developers/how-to-locate-form-id-and-field-id/
$name_field = 0;
// L'ID du champ pour le champ e-mail.
// Trouvez l'ID du champ en suivant ce tutoriel : https://wpforms.com/developers/how-to-locate-form-id-and-field-id/
$email_field = 1;
if ( empty( $_POST[ 'wpforms' ][ 'complete' ] ) ) {
// Arrêter si un formulaire WPForms n'a pas été soumis.
return;
}
if ( $form_id !== (int) $_POST[ 'wpforms' ][ 'id' ] ) {
// Arrêter si ce n'est pas le bon formulaire WPForms.
return;
}
$entry = $_POST[ 'wpforms' ][ 'complete' ];
$email = '';
$name = '';
// Valeur soumise du champ Nom WPF.
if ( ! empty( $entry[ $name_field ][ 'value' ] ) ) {
$name = sanitize_text_field( wp_unslash( trim( $entry[ $name_field ][ 'value' ] ) ) );
}
// Valeur soumise du champ E-mail WPF.
if ( ! empty( $entry[ $email_field ][ 'value' ] ) ) {
$email = sanitize_text_field( wp_unslash( trim( $entry[ $email_field ][ 'value' ] ) ) );
}
?>
**Catégories :** Tutoriels
**Tags :** Javascript, JS, OptinMonster, PHP
---