### [Comment changer l'icône de préchargement lors de la soumission](https://wpforms.com/developers/how-to-change-the-pre-loader-icon-on-submit/) **Publié :** 14 février 2020 **Auteur :** Équipe éditoriale **Extrait :** Ce tutoriel vous guidera à travers les étapes pour changer l'icône de préchargement qui s'affiche sur les formulaires AJAX lorsque le formulaire ne se soumet pas immédiatement. **Contenu :** ## Introduction Souhaitez-vous changer l'icône de préchargement sur votre WPForms ? Il existe une icône de préchargement par défaut utilisée sur tous les WPForms lorsque le paramètre **Activer la soumission de formulaire AJAX** est activé sur votre formulaire. Si vous souhaitez personnaliser cette icône avec la vôtre, vous devrez ajouter un petit extrait de code PHP pour ce faire. Dans ce tutoriel, nous vous montrerons comment y parvenir. ## Création du formulaire Tout d'abord, nous allons commencer par créer notre formulaire et ajouter nos champs.  ## Activation d'AJAX dans les paramètres du formulaire Ensuite, vous devrez vous assurer que vous activez AJAX. Pour ce faire, cliquez sur **Paramètres** et sur **Général**, cliquez sur **Avancé** pour ouvrir les options avancées et activez **Activer la soumission de formulaire AJAX** pour activer AJAX.  ## Ajout de l'extrait Ensuite, vous devrez copier et coller cet extrait sur votre site. Si vous avez besoin d'aide pour ajouter des extraits à votre site, veuillez consulter ce tutoriel ``` /** * Change the pre-loader icon * * @link https://wpforms.com/developers/how-to-change-the-pre-loader-icon-on-submit/ */ function custom_wpforms_display_submit_spinner_src( $src, $form_data ) { // Enter the URL to the loading image in between the single quotes return 'http://yoursite.com/your-image.svg'; } add_filter( 'wpforms_display_submit_spinner_src', 'custom_wpforms_display_submit_spinner_src', 10, 2 ); ``` L'ajout de cet extrait modifiera l'URL de l'emplacement de l'icône de chargement.  Et voilà ! Vous avez réussi à changer l'icône. Souhaitez-vous apprendre à positionner la **Description** du champ au-dessus du champ du formulaire ? Consultez l'article sur [Comment positionner la description du champ au-dessus du champ du formulaire](https://wpforms.com/developers/how-to-position-the-field-description-above-the-form-field/ "Comment positionner la description du champ au-dessus du champ du formulaire"). ## Connexe Référence de filtre : [wpforms\_display\_submit\_spinner\_src](https://wpforms.com/developers/wpforms_display_submit_spinner_src/ "Utilisation du filtre wpforms_display_submit_spinner_src") **Catégories :** Tutoriels **Tags :** PHP ---