<html lang="fr-fr" dir="ltr"><head></head><body>### [Comment ouvrir un nouveau lien lors de la soumission d'un formulaire avec AJAX](https://wpforms.com/developers/how-to-open-a-new-link-on-form-submission/)

**Publié :** 24 juin 2021
**Auteur :** Équipe éditoriale

**Extrait :** Ce tutoriel vous guidera sur la façon d'ouvrir un nouveau lien sur un formulaire avec AJAX activé lorsque les utilisateurs cliquent sur Soumettre à l'aide d'un petit extrait de code. 

**Contenu :**

Voulez-vous ouvrir un nouveau lien lors de la soumission d'un formulaire avec AJAX activé ? À l'aide d'un petit extrait de code, nous allons vous montrer comment afficher votre message de confirmation mais aussi ouvrir un nouveau lien lorsque le formulaire est soumis.

Par défaut, WPForms vous donne la possibilité d'afficher un message de confirmation, de rediriger vers une page de votre site ou de fournir une URL personnalisée lorsque le formulaire est soumis. Mais que faire si vous vouliez combiner ces options ? Pour ce tutoriel, nous allons créer un formulaire qui affichera un message de confirmation lors de la soumission du formulaire, mais ouvrira également un nouvel onglet et chargera une page affichant un téléchargement PDF.

## Création du formulaire

Tout d'abord, nous devons créer notre formulaire. Notre formulaire est un simple formulaire d'inscription à la newsletter, mais nous allons également leur permettre de fournir des commentaires, nous aurons donc les champs de formulaire **Nom**, **E-mail** et **Texte de paragraphe** dans notre formulaire.

Si vous avez besoin d'aide pour créer votre formulaire, [veuillez consulter cette documentation](https://wpforms.com/docs/creating-first-form/ "Créer votre premier formulaire").

![créez votre formulaire et ajoutez vos champs](https://wpforms.com/wp-content/uploads/2021/06/wpforms-ajax-new-window-link-create-form.jpg)

Avant de quitter le constructeur de formulaire, assurez-vous de sélectionner **Activer la soumission de formulaire AJAX** dans l'onglet **Général**.

![assurez-vous d'activer ajax depuis l'onglet des paramètres généraux](https://wpforms.com/wp-content/uploads/2021/06/wpforms-ajax-new-window-link-ajax-setting.jpg)

Étant donné que nous définirons le lien dans l'extrait de code, vous pouvez laisser le type de confirmation de l'onglet **Confirmations** sur afficher simplement votre message de confirmation.

![Étant donné que nous définirons le lien dans l'extrait de code, vous pouvez laisser le type de confirmation sur afficher simplement votre message de confirmation.](https://wpforms.com/wp-content/uploads/2021/06/wpforms-ajax-new-window-link.jpg)

## Ouverture d'un nouveau lien lors de la soumission du formulaire

Il est maintenant temps d'ajouter le snippet qui ouvrira un nouveau lien lors des soumissions de formulaire.

Si vous avez besoin d'aide pour ajouter des snippets à 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").

Ce snippet particulier ne fonctionnera que si AJAX est activé sur la soumission du formulaire.

```

/**
 * Ouvrir un nouveau lien lors de la soumission du formulaire avec AJAX
 *
 * @link https://wpforms.com/developers/how-to-open-a-new-link-on-form-submission
 */
  
function wpf_dev_event_after_submit() {
   ?&gt;

**Catégories :** Extension

**Tags :** Javascript, JS

---</body></html>