Concevoir une forme de plusieurs pages dans WordPress: Introduction

Les plats clés

• Les formulaires multi-pages personnalisés dans WordPress peuvent être créés à partir de zéro à l'aide de la connaissance de base PHP et HTML de base. Ces formulaires utilisent la méthode Post pour transmettre les informations du formulaire à lui-même et si des instructions en PHP pour afficher la partie suivante du formulaire.
• Les formulaires multi-pages sont utiles pour collecter des informations par étapes et peuvent être générés de manière conditionnelle ou dynamiquement en fonction des réponses utilisateur. Cela peut aider à réduire l'abandon de la forme et à collecter des données critiques sur le comportement des utilisateurs.
• Le processus de création d'un formulaire de plusieurs pages consiste à configurer un shortcode, à créer un nouveau message ou une nouvelle page pour le formulaire et à créer des éléments de formulaire. Les données de formulaire peuvent être stockées dans une table de base de données et affichées sur la page suivante du formulaire.

Avez-vous déjà eu besoin de créer une forme personnalisée et multiple pages dans WordPress? Je le fais… tout le temps! Bien que vous puissiez utiliser une variété de plugins pour faire le travail, ils sont rarement parfaits pour vos besoins. J'ai trouvé que le moyen le plus simple pour moi de tout faire correctement - des formulaires aux données aux rapports - est de simplement les créer à partir de zéro moi-même. Dans cette série d'articles, je vous guiderai à travers le processus de création de formes de plusieurs pages à partir de zéro. Croyez-le ou non, c'est assez simple si vous comprenez un PHP de base et connaissez vos bases de forme HTML. (Si vous êtes un vétéran PHP ou que vous souhaitez en devenir un, vous devriez vous rendre sur notre site de partenaire PHP, phpmaster.com) Nous utiliserons la méthode Post pour transmettre les informations du formulaire à lui-même et si des instructions en PHP pour afficher la partie suivante du formulaire. Lorsque les utilisateurs soumettent des données de formulaire, la page mettra à jour avec la page suivante du formulaire, stockant les informations soumises au fur et à mesure. Le résultat est que les utilisateurs restent sur la même longueur d'onde, et vous pouvez générer conditionnellement - même dynamiquement - la page suivante du formulaire en fonction de leurs réponses. Ou, vous pouvez simplement garder les champs de forme statiques pour la simplicité.

Pourquoi une forme de plusieurs pages?

Il existe de nombreuses raisons pour lesquelles vous pourriez avoir besoin d'une forme de plusieurs pages. Dans certains cas, vous ne voudrez peut-être pas plus de 3 à 5 questions par page. Dans d'autres cas, vous voudrez peut-être collecter des informations supplémentaires en fonction de leurs réponses initiales. Par exemple, si l'utilisateur indique qu'il a moins de 18 ans, vous ne voudrez peut-être pas poser certaines questions, ou si vous voudrez peut-être afficher une forme différente basée sur des répondants masculins ou féminins. De plus, un formulaire de plusieurs pages vous permet de collecter des informations en étapes. Si les utilisateurs abandonnent le questionnaire pour une raison quelconque, vous avez collecté au moins certaines informations qui pourraient être utiles. L'abandon de formulaire est courant et la collecte de formulaires de plusieurs pages vous donne des données critiques, comme lorsque les formulaires sont abandonnés le plus souvent, les coordonnées de base de l'utilisateur pour le suivi, etc.

Étude de cas

À des fins de planification, je collecterai des informations de base sur les utilisateurs et leurs préférences d'achat. Alors, voici comment notre forme progressera:

• Page 1 - Informations de contact de base
  • Nom (premier et dernier),
  • e-mail,
  • Téléphone,
  • Code postal
• Page 2 - Données socioéconomiques
  • Sexe
  • Âge
  • éducation
  • revenu
• Page 3 - Préférences d'achat
  • Emplacement (en ligne, magasin)
  • Catégories préférées
• Page 4 - "Merci!" Page de destination

Je vais configurer ceci dans notre fichier functions.php, ce qui est bien pour les tests, mais lorsque vous êtes prêt à rendre cela en direct sur votre site, vous devriez envisager de faire de cela un plugin ou dans un minimum séparant ce code de votre fichier functions.php et à l'aide d'une instruction include_once pour lier les fichiers dans vos fonctions.php doc. Une partie de ma justification de cette méthode consiste à éviter de devoir plonger dans le FTP et d'autres méthodes moins pertinentes de création de fonctionnalités personnalisées dans WordPress. Donc, pour vous, les anciens combattants, supportez simplement mes méthodes moins qu'idéales.

Étape 1: Configurez un shortcode

Ceci est facultatif, mais cela facilite certainement l'utilisation des shortcodes pour afficher ces formulaires de plusieurs pages. Donc, c'est la méthode que j'enseignerai, et vous pouvez implémenter la vôtre si vous préférez. Dans votre fichier functions.php, ajoutez ce qui suit: [SourceCode Language = ”Php”] add_shortcode («multipage_form_sc», «multipage_form»); fonction multipage_form () { ECHO ‘

NOUVEAU FORME

’; }; [/ SourceCode] Cela permet à WordPress de savoir que vous pouvez mettre le shortcode multipage_form_sc dans un post ou une page, et que WordPress doit exécuter la fonction multipage_form lorsqu'il trouve le shortcode. Parce que j'ai souvent plusieurs formulaires de plusieurs pages que j'utiliserai pour un site donné, je donne ces formulaires de noms uniques, par exemple, multipage_form_userinfo_sc et sa fonction correspondante multipage_form_userinfo.

Étape 2: Configurez un message ou une page

Créez le nouvel article ou page sur lequel vous souhaitez que votre formulaire de plusieurs pages existe. Insérez le shortcode dans le formulaire, publiez-le et affichez la page. Vous devriez voir le message «nouveau formulaire» que nous avons créé dans notre fonction multipage_form (). Voici à quoi devrait ressembler votre shortcode dans votre éditeur de publication / page:

[multipage_form_sc]

Étape 3: Éléments de la première forme

Passons à la création des premiers éléments de forme. Je garderai cela incroyablement simple dans le but de me concentrer sur les concepts des formes de plusieurs pages, pas du CSS ou une autre lutte contre les yeux dans laquelle nous pouvons approfondir. Alors, voici nos informations de base que vous pouvez coller dans votre fonction multipage_form (): [SourceCode Language = ”Php”] add_shortcode («multipage_form_sc», «multipage_form»); fonction multipage_form () { Global $ WPDB; $ this_page = $ _server [‘request_uri’]; $ page = $ _post [«page»]; if ($ page == null) { Echo ‘

prénom: labe> nom de famille: label> e-mail: label> Téléphone: label> code postal: label>

’; } // Page 1 du formulaire elseif ($ page == 1) { $ first_name = $ _POST [‘First_name’]; $ last_name = $ _post [‘last_name’]; $ email = $ _post [’e-mail’]; $ phone = $ _post [«téléphone»]; $ zip_code = $ _post [«zip_code»]; ECHO ‘

vous êtes arrivé à la 2ème page!

Voici vos entrées de formulaire:

Prénom: «. $ first_name. «

Nom de famille: «. $ last_name. «

Courriel: «. $ e-mail. «

Téléphone: «. $ Téléphone. «

Code postal: «. $ zip_code. «

»; } // Fin de la page 2 du formulaire }; [/ SourceCode] C'est un lot de code, appuyons donc sur les points forts. Tout d'abord, nous avons nos instructions de message initiales que nous recherchons - $ this_page est la page que nous survions actuellement pour notre traitement de formulaire, et la page $ est le numéro de page. J'utilise "1" pour la page un, "2" pour la page deux, etc. Une fois que nous stockons ces informations, nous aurons un enregistrement du numéro de page terminé. Nous utiliserons également le numéro de page pour tester la page du formulaire que nous survons et afficher les informations en conséquence. Ensuite, nous avons notre première instruction IF qui teste le numéro de page sur lequel nous nous trouvons. S'il est vide (null), nous affichons la première page du formulaire. C’est là que nous avons nos éléments de forme de base - étiquettes et entrées. J'ai inclus la valeur de formulaire cachée pour le numéro de page, mais vous pouvez également ajouter toutes sortes de champs de formulaire cachés supplémentaires pour collecter le nom d'utilisateur (s'ils sont connectés), ainsi que d'autres informations que vous pouvez souhaiter. Après cela, nous avons la page deux informations à commencer par la déclaration ELLEIF. Nous continuerons sur ce chemin des instructions ELLEIF pour la gestion et l'affichage des données de formulaire. Vous pouvez utiliser l'instruction Switch si vous en avez beaucoup, de nombreuses pages, mais le format IF fonctionne très bien pour nous dans ce scénario. À la page deux, nous saisissons les entrées de formulaire et les affichons à des fins de test. Dans le prochain article, nous stockons en fait ces informations dans une table de base de données et afficherons la page suivante du formulaire.

essayez-le

Enregistrez votre fichier functions.php avec le code ci-dessus (ne manquez rien; un seul semi-colon égaré ou une attelle accidentellement votre site!) Accédez à la publication ou à la page que vous avez créée à l'étape 2, remplissez la page Un du formulaire et cliquez sur le bouton «Soumettre». Le tour est joué!

à venir ensuite!

Dans le prochain épisode de cette série, nous allons sauter dans PhpMyAdmin et créer une table dans la base de données pour commencer à stocker toutes ces merveilleuses informations que nous collectons. Ne vous inquiétez pas, je vais le garder très basique et j'écrirai même les scripts MySQL si vous êtes nouveau de ce côté. Saviez-vous que nous avons un site Web entier dédié à la maîtrise de PHP? Consultez notre site partenaire sur phpmaster.com.

Des questions fréquemment posées sur la conception d'une forme de plusieurs pages dans WordPress

Quels sont les avantages de l'utilisation d'une forme de plusieurs pages dans WordPress?

Les formulaires multi-pages dans WordPress offrent plusieurs avantages. Ils aident à améliorer l'expérience des utilisateurs en décomposant les formes longues en sections gérables, en réduisant le facteur d'intimidation et en facilitant la fin des utilisateurs. Ils aident également à augmenter les taux de conversion car les utilisateurs sont plus susceptibles de remplir des formulaires plus courts. De plus, les formulaires de plusieurs pages permettent une meilleure gestion et analyse des données car vous pouvez segmenter et analyser des données en fonction de différentes sections du formulaire.

Puis-je créer une forme de plusieurs pages sans connaissance de codage?

Oui, vous pouvez créer une forme de plusieurs pages dans WordPress sans aucune connaissance de codage. Il existe plusieurs plugins disponibles, tels que WPFORMS et le formulaire en plusieurs étapes, qui fournissent une interface conviviale pour la création de formulaires de plusieurs pages. Ces plugins offrent des constructeurs de formulaires de glisser-déposer, ce qui facilite la création de formes complexes.

Comment puis-je personnaliser la conception de mon formulaire de plusieurs pages?

La plupart des plugins de formulaire WordPress Offrez des options de personnalisation qui vous permettent de modifier la conception de votre formulaire. Vous pouvez personnaliser la palette de couleurs, le style de police, la conception de bouton et plus encore. Certains plugins proposent également des options de personnalisation avancées via CSS pour les utilisateurs plus expérimentés.

Puis-je ajouter une logique conditionnelle à mon formulaire de plusieurs pages?

Oui, de nombreux plugins de formulaire WordPress prennent en charge la logique conditionnelle. Cela vous permet de créer des formulaires dynamiques qui changent en fonction de l'entrée utilisateur. Par exemple, vous pouvez afficher ou masquer certains champs ou pages en fonction des réponses fournies par l'utilisateur.

Comment puis-je suivre les performances de mon formulaire de plusieurs pages?

Vous pouvez suivre le suivi du Performances de votre forme de plusieurs pages à l'aide de divers outils d'analyse. La plupart des plugins de formulaire s'intègrent à Google Analytics, vous permettant de suivre les vues de formulaire, les soumissions et les taux de conversion. Certains plugins offrent également des fonctionnalités d'analyse intégrées.

Puis-je enregistrer les progrès des utilisateurs sur mon formulaire de plusieurs pages?

Oui, certains plugins de formulaire WordPress offrent la possibilité d'économiser des progrès des utilisateurs. Cela permet aux utilisateurs d'économiser leurs progrès et de continuer à remplir le formulaire ultérieurement. Cette fonctionnalité peut être particulièrement utile pour les formes longues.

Comment puis-je empêcher les soumissions de spam sur ma forme de plusieurs pages?

Il existe plusieurs façons d'éviter les soumissions de spam sur votre forme multi-pages. La plupart des plugins de formulaires offrent des fonctionnalités de protection de spam intégrées telles que les champs CAPTCHA et HoneyPot. Vous pouvez également utiliser des plugins anti-spam tiers pour une protection supplémentaire.

Puis-je intégrer mon formulaire de plusieurs pages avec d'autres outils et services?

Oui, la plupart des plugins de formulaire WordPress prennent en charge l'intégration avec l'intégration avec une intégration divers outils et services. Vous pouvez intégrer votre formulaire avec les services de marketing par e-mail, les logiciels CRM, les passerelles de paiement et plus encore. Cela vous permet d'automatiser diverses tâches et de rationaliser votre workflow.

Comment puis-je tester mon formulaire de plusieurs pages avant de le publier?

La plupart des plugins de formulaire offrent une fonction d'aperçu qui vous permet de tester votre formulaire avant de le publier. Vous pouvez remplir le formulaire comme un utilisateur le ferait pour vous assurer que tout fonctionne correctement. C'est aussi une bonne idée de tester votre formulaire sur différents appareils et navigateurs pour assurer la compatibilité.

Puis-je exporter ou importer des données de formulaire dans WordPress?

Oui, la plupart des plugins de formulaire WordPress prennent en charge l'exportation et l'importation de données. Vous pouvez exporter des soumissions de formulaires dans un fichier CSV pour une analyse plus approfondie ou importer des données à partir d'autres formulaires ou sources. Cela peut être particulièrement utile pour migrer les données ou créer des copies de sauvegarde de vos données de formulaire.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!