Exportation de modèles personnalisés

Souhaitez-vous créer et exporter manuellement vos propres modèles de formulaires ? Les modèles personnalisés vous permettent de créer et d'utiliser vos propres « modèles de départ » uniques. Si vous avez tendance à utiliser de nombreux champs et paramètres identiques dans vos formulaires, ou si vous souhaitez utiliser le même formulaire sur plusieurs sites exécutant WPForms, cela peut vous faire gagner beaucoup de temps.

Ce tutoriel vous montrera comment créer vos propres modèles de formulaires personnalisés à partir d'un formulaire nouveau ou existant.

Tout d'abord, assurez-vous que WPForms est installé et activé sur votre site. Ensuite, vous pouvez plonger dans le tutoriel ci-dessous.

Créer un formulaire à utiliser comme modèle

Pour commencer, vous aurez besoin d'un formulaire qui sera ensuite copié pour créer votre modèle. Vous pouvez utiliser un formulaire existant ou en créer un nouveau.

Lors de la création d'un nouveau formulaire, vous pouvez choisir de commencer avec un formulaire vierge ou d'utiliser l'un de nos modèles existants et de le personnaliser.

Sur la page de configuration, entrez le nom de votre modèle dans le champ Nommez votre formulaire.

Ce titre sera visible dans la bibliothèque de modèles une fois que vous y aurez ajouté votre modèle personnalisé, alors assurez-vous qu'il soit descriptif mais pas trop long.

Ajout et personnalisation des champs

Vous pouvez ajouter des champs à votre formulaire modèle en cliquant dessus dans le panneau de gauche du constructeur de formulaires, ou en les faisant glisser dans la zone de prévisualisation.

Vous pouvez cliquer sur n'importe quel champ dans le panneau de prévisualisation pour ouvrir et personnaliser ses options de champ.

Vous voudrez peut-être aussi envisager d'ajouter une logique conditionnelle à votre formulaire modèle ou de créer une mise en page multicolonne. Toutes vos modifications et personnalisations seront reportées dans votre modèle.

Configuration des paramètres du formulaire

Vous pouvez également personnaliser les paramètres de votre formulaire modèle pour configurer les paramètres par défaut des futurs formulaires qui utiliseront ce modèle. Toutes les modifications apportées à vos paramètres seront reportées lorsque vous exporterez ce formulaire pour l'utiliser comme modèle.

Général

Dans les paramètres généraux de votre formulaire, vous pouvez modifier le titre de votre modèle et ajouter une description.

Ces deux éléments seront visibles plus tard dans la bibliothèque de modèles, il est donc conseillé de les personnaliser. Assurez-vous que votre description inclut tous les détails clés pour les personnes utilisant votre modèle, tels que son objectif.

Ici, vous pouvez également modifier le texte du bouton de soumission, activer ou désactiver la protection anti-spam, et ajouter du CSS personnalisé si vous le souhaitez.

Notifications

Dans les paramètres de notification de votre formulaire modèle, vous pouvez créer une ou plusieurs notifications par défaut pour votre modèle.

Confirmations

Vous pouvez modifier la confirmation par défaut de votre modèle dans les paramètres de vos confirmations.

Lorsque vous êtes satisfait de votre modèle, enregistrez vos modifications en cliquant sur le bouton Enregistrer dans le coin supérieur droit du constructeur de formulaires.

Cliquez ensuite sur l’icône X pour quitter le constructeur de formulaires.

Exportation du code du formulaire pour créer un modèle

Maintenant que vous avez configuré votre formulaire modèle, vous pouvez l’exporter pour l’ajouter à la bibliothèque de modèles.

Tout d’abord, vous devrez obtenir le code de votre modèle en allant dans WPForms » Outils et en cliquant sur l’onglet Exporter.

Sur cette page, faites défiler jusqu’à la section Exportation de modèles de formulaire, qui fournit une liste déroulante de tous vos formulaires. Sélectionnez le formulaire que vous avez créé pour l’utiliser comme modèle et cliquez sur le bouton Exporter le modèle.

Le code du modèle sera alors généré et affiché sur votre écran.

Copier et coller ce code dans les fichiers de votre site affichera ce modèle dans la bibliothèque de modèles de formulaire sur la page de configuration du constructeur de formulaires.

Ajout du code du modèle à votre site

Nous allons aborder trois méthodes pour ajouter le code de votre modèle exporté à votre site. Pour toutes ces options, vous devrez d’abord vous assurer d’avoir accès à vos fichiers de site.

Toutes les options suivantes fonctionneront pour ajouter le modèle au même site sur lequel vous l’avez créé, ou à un autre site.

Méthode 1 : Copier et coller le code du modèle dans functions.php

Si vous souhaitez la solution la plus simple et la plus rapide pour ajouter votre modèle personnalisé à votre site, c’est la voie à suivre.

Ouvrez le fichier functions.php de votre site en accédant à /wp-content/themes/VOTRE-THEME/functions.php dans les fichiers de votre site.

Vous pouvez ensuite copier et coller le code du modèle directement dans functions.php. Enregistrez le fichier lorsque vous avez terminé.

Méthode 2 : Coller le code du modèle dans un nouveau fichier PHP et l'inclure dans functions.php

Cette méthode est très similaire à la première que nous avons couverte, sauf que vous placerez le code du modèle dans son propre fichier. Cela aidera à le protéger contre les modifications accidentelles et à garder le code de votre site plus organisé.

Si vous choisissez cette option, vous devrez d’abord ouvrir le fichier functions.php de votre site dans /wp-content/themes/VOTRE-THEME/functions.php. Collez ensuite le code suivant :

// Add Custom Template File
include_once( get_stylesheet_directory() . '/wpforms-custom-templates.php' );

Cela indique à votre site d’exécuter le code dans un fichier nommé wpforms-custom-templates.php. Ensuite, vous devez créer ce fichier. Assurez-vous de le créer dans le répertoire /wp-content/themes/VOTRE-THEME/ (le même dossier que functions.php).

Enfin, vous devrez coller le code du modèle dans le fichier wpforms-custom-templates.php et l’enregistrer.

Méthode 3 : Création d'un plugin personnalisé

C'est la meilleure option si vous prévoyez de changer de thème WordPress à l'avenir ou si vous souhaitez utiliser les mêmes modèles sur plusieurs sites.

La création d'un plugin peut sembler complexe, mais dans ce cas, elle ne nécessite en réalité que quelques étapes.

Tout d'abord, créez un nouveau fichier dans votre éditeur de texte ou de code et collez-y ceci :

/**
 * Plugin Name: WPForms Custom Templates
 * Description: This plugin loads custom form templates.
 * Version:     1.0.0
 */
 
/**
 * Load the templates.
 */
function wpf_load_custom_templates() {
 
    // Template code here
 
}
add_action( 'wpforms_loaded', 'wpf_load_custom_templates' );

Remplacez // Template code here par le code généré par l'outil d'exportation et enregistrez le fichier sous le nom wpforms-custom-templates.php.

Ouvrez ensuite les fichiers de votre site et naviguez jusqu'à /wp-content/plugins/. Vous devrez déplacer le fichier wpforms-custom-templates.php que vous avez créé dans ce dossier pour installer votre plugin sur votre site.

Après avoir déplacé le fichier, connectez-vous à votre espace d'administration WordPress et ouvrez la page Plugins. Il devrait y avoir un plugin nommé WPForms Custom Templates. Cliquez sur Activer pour activer votre plugin.

Utilisation de votre nouveau modèle personnalisé

Une fois que vous avez terminé l'une des trois méthodes décrites ci-dessus, votre modèle devrait être prêt !

Pour vérifier que tout fonctionne, allez dans WPForms » Ajouter un nouveau. Dans le menu sur le côté gauche de la bibliothèque de modèles, cliquez sur Modèles personnalisés.

Vous devriez voir ici votre modèle personnalisé, y compris le titre et la description du formulaire que vous avez ajoutés précédemment.

Vous pouvez l'utiliser comme n'importe quel autre modèle de formulaire.

Suppression du modèle de formulaire d'origine (facultatif)

Enfin, vous pouvez supprimer le formulaire que vous avez créé à la première étape si vous le souhaitez. Le modèle ne dépend en aucun cas du formulaire d'origine, vous n'avez donc à le conserver que s'il contient des entrées associées dont vous avez besoin.

Pour supprimer le formulaire, allez dans WPForms » Tous les formulaires, survolez la ligne du formulaire et cliquez sur Supprimer.

Questions fréquemment posées

Voici quelques-unes des questions les plus fréquentes que nous recevons concernant les modèles de formulaires personnalisés.

Puis-je créer un modèle personnalisé sans utiliser de code ?

Oui. Si vous ne vous sentez pas à l'aise pour modifier les fichiers de votre site, vous pouvez utiliser le générateur de modèles intégré dans le constructeur de formulaires. Pour plus de détails, consultez notre guide sur la création de modèles de formulaires personnalisés.

Et voilà ! Vous pouvez maintenant gagner du temps en créant vos propres modèles de formulaires personnalisés dans WPForms.

Vous souhaitez personnaliser davantage vos formulaires ? Consultez notre guide sur la personnalisation des messages de validation WPForms.