Publicité

créer un formulaire d'inscriptionSi vous gérez un ou plusieurs blogs, je suis sûr que vous réalisez l’importance de l’interaction. Mis à part la zone de commentaires, le meilleur moyen pour les visiteurs de contacter et d'interagir avec le propriétaire du blog est via un formulaire de contact. Dans WordPress, si vous voulez créer un formulaire d'inscription, c'est aussi simple que d'installer et d'activer un plugin, et l'un des plugins de formulaire de contact les plus connus est cformsII.

Mais cformsII n'est pas un créateur de formulaire ordinaire. Vous pouvez le personnaliser et créer n'importe quoi, d'un simple formulaire de contact à des formulaires de plusieurs pages en passant par un formulaire de notification à un ami. Ainsi, lorsqu'un de mes collègues m'a demandé de l'aider à créer un formulaire d'inscription en ligne pour un concours régional organisé par son entreprise, cformsII m'est automatiquement venu à l'esprit. (Ce plugin pourrait également être l'une des réponses alternatives à cette question)


Ce formulaire d'inscription serait l'endroit où les gens pourraient soumettre leurs informations personnelles et une copie du reçu de paiement pour s'inscrire au concours. Voici comment les fonctionnalités de cformsII nous ont aidés à terminer la tâche.

instagram viewer

Téléchargement et installation

Commençons par le processus d'installation. Vous ne pouvez pas utiliser la recherche de plug-in intégrée de WordPress pour trouver cformsII. Vous devez aller à leur site pour télécharger le plugin.

créer un formulaire d'inscription

Ensuite, allez sur votre blog WordPress et cliquez sur "Ajouter un nouveau"Sous-menu sous"Plugins“.

créer un formulaire d'inscription

Dans le "Installer des plugins», Cliquez sur la page«Télécharger"Lien, cliquez sur"Choisir le fichier"Et recherchez le plugin téléchargé, puis cliquez sur"Installer maintenant“.

créer un formulaire d'inscription

Vous aurez un nouveau nouveau menu sur le site.

créer un formulaire d'inscription

Création de nouveaux formulaires

Ce plugin est livré avec un formulaire de base qui peut être ajusté facilement pour répondre aux besoins des utilisateurs. Pour commencer, vous pouvez facilement changer le nom du formulaire.

formulaire d'inscription wordpress

Vous pouvez ensuite modifier le nom et le type de chaque champ du formulaire. L'ajout de nouvelles lignes est également aussi simple que de dire à cformsII combien et où placer les nouveaux champs. Assurez-vous simplement que vous avez déjà planifié le nombre de champs dont vous avez besoin dans votre formulaire et la fonction de chacun.

formulaire d'inscription wordpress

Il y a le "Actions d'administration”Sur le côté droit de l'écran. Vous pouvez l'utiliser pour ajouter de nouveaux formulaires ou dupliquer le formulaire actuel. Mais la fonction la plus importante de ce volet est "Mettre à jour les paramètres" bouton. N'oubliez pas de cliquer sur ce bouton chaque fois que vous apportez des modifications à votre formulaire pour enregistrer les modifications.

formulaire d'inscription wordpress

La façon la plus simple de modifier chaque champ de formulaire consiste à utiliser le paramètre "Paramètres du champ de saisie“. Vous pouvez ouvrir la fenêtre en cliquant sur la case au milieu de chaque champ. (Alors que les autres cases après le "Type"Les options sont le bouton Supprimer)

03b Paramètres du formulaire - Champs B-1.png

Par exemple, si vous souhaitez créer une case à cocher avec plusieurs choix, vous pouvez choisir "Case à cocher multiple"Du menu déroulant"Type", Cliquez sur"Paramètres du champ de saisie», Puis définissez chaque choix de case à cocher.

03d-Form-Settings-Edit-Pop-Up-Form.png

En combinant des entrées de texte et des cases à cocher, nous pouvons créer presque n'importe quel type de formulaire. Et l'un des types de champs est "Boîte de téléchargement de fichiers"Qui permet aux utilisateurs de télécharger un petit fichier tel qu'une copie du reçu de paiement.

03j File Upload.png

Vous pouvez également créer autant de formulaires que vous le souhaitez en utilisant "Ajouter un nouveau formulaire" ou "Formulaire actuel en double" Actions.

Autres réglages

Outre la création du formulaire, il existe d'autres paramètres que vous pouvez ajuster dans le "Paramètres du formulaire”Menu. Si vous créez uniquement un formulaire simple - comme le formulaire de soumission - vous pouvez tout laisser tel quel avec la valeur par défaut. Mais pour vous en assurer, vous voudrez peut-être vérifier les options de messagerie pour confirmer que l'adresse e-mail à laquelle le formulaire envoyé sera envoyé est correcte.

03e Form Settings - Plus d'options.png

Il y a deux autres paramètres que vous voudrez peut-être ajuster: le "Paramètres globaux“,

04 Global Settings.png

Et le "Style de forme»Où vous pouvez choisir l'apparence de vos formulaires à partir des modèles prédéfinis et modifier le CSS si vous le souhaitez.

05-Choosing-Form-Style.png

Choisissez l'un des styles et cliquez sur le bouton "Sélectionnez le style"Et vous pouvez voir un aperçu de l'apparence de votre formulaire.

05b Choisissez le style et l'aperçu.png

Dernier mais pas des moindres, "Aidez-moi»Est toujours là pour vous guider à travers les moments difficiles.

06 Help.png

Insertion du formulaire

Vous pouvez insérer le formulaire dans votre article de blog, vos pages et même comme widget. Tout ce que vous avez à faire est de cliquer sur le bouton cformsII;

08a-cforms-button.png

Et choisissez le formulaire que vous souhaitez insérer.

08b-Picking-A-Form.png

Si vous souhaitez utiliser le widget, accédez au "Apparence - Widgets», Puis faites glisser et déposez le widget cforms dans la zone Widgets.

08c Widgets cforms.png

Et voici un exemple du formulaire publié.

09-The-Result.png

Que se passe-t-il derrière le rideau?

Que se passera-t-il après que quelqu'un aura cliqué sur "Soumettre“? Le contenu du formulaire rempli sera envoyé par e-mail au propriétaire du blog (ou à une autre adresse préférée). Le plugin est livré avec son propre système de messagerie appelé PHPMailer.

09 PHPMailer.png

Dans un environnement WP normal, vous n'avez rien à configurer. Laissez-le tranquille et cela fonctionnera. Mais si votre hébergeur ne prend pas en charge le PHP natif "courrier()”, Vous pouvez configurer cformsII pour utiliser un serveur SMTP externe tel que GMail. Vous pouvez configurer les paramètres sous "Paramètres globaux - Paramètres du serveur de messagerie”Menu.

Et en ce qui concerne les adresses e-mail auxquelles cformsII doit envoyer les formulaires remplis, est configurable sous "Paramètres des formulaires - Options de message électronique de l'administrateur”Menu.

créer un formulaire d'inscription

Un formulaire d'inscription n'est qu'une application parmi les nombreuses possibilités offertes par le puissant cformsII. Donc, si vous avez besoin d'ajouter des formulaires à votre blog WordPress, vous pouvez essayer cformsII et le modifier selon vos besoins.

Utilisez-vous des formulaires dans votre blog? De quel genre de formes s'agit-il? Quel plugin utilisez-vous? Veuillez partager vos expériences en utilisant la section des commentaires ci-dessous.

Crédit d'image: Cameron Nordholm

Écrivain indonésien, musicien autoproclamé et architecte à temps partiel; qui veut faire d'un monde un meilleur endroit un article à la fois via son blog SuperSubConscious.