Un guide pour débutants Web Forms Et WordPress formulaire Plugins

Si vous êtes sérieux au sujet de l'argent de votre blog ou site web, vous aurez besoin d'une sorte de formulaire sur votre présence sur le web. Pour ceux qui ont de l'expérience dans les technologies web et sont plus habiles dans la manipulation HTML, CSS et scripts le terme «Formulaire» pourrait sembler assez familier, mais il sera pertinent d'introduire ici ...

A+ A-

Si vous êtes sérieux au sujet de l'argent de votre blog ou site web, vous aurez besoin d'une sorte de formulaire sur votre présence sur le web. Pour ceux qui ont de l'expérience dans les technologies web et sont plus habiles dans la manipulation HTML, CSS et scripts le terme «Formulaire» pourrait sembler assez familier, mais il sera pertinent ici pour le présenter à ceux qui trouvent étrange du terme. web forms

Quels sont les formulaires Web?

Les formulaires sont des collections d'éléments Web qui peuvent avoir beaucoup de buts comme demandant la rétroaction des utilisateurs, l'ajout d'utilisateurs à l'abonné ou des listes de diffusion, en gardant le contact avec les utilisateurs via des formulaires de contact ou de formes complexes qui permettent de commander des produits, de demander un paiement, la livraison et l'enregistrement de l'information de l'utilisateur etc.

L'utilisation la plus commune des formes que vous pourriez rencontrer sur le Web est la forme d'opt-in qui est utilisé pour construire des listes d'e-mailing par les blogueurs qui sont dans l'argent en ligne.

Selon la complexité des formulaires utilisés sur un site peut être une étape ou assez complexe pour être en plusieurs étapes avec chaque bâtiment étape sur la précédente pour terminer le processus de collecte de données souhaité.

Les formulaires peuvent recueillir des données, les stocker dans un fichier texte ou une base de données et en fonction des choix de l'utilisateur, il peut également récupérer des données à partir d'un fichier ou d'une base de données située sur le même ou un serveur distant. Tout cela se fait par un script qui fait tout la collecte des données, le stockage, la récupération et le traitement des données.

Éléments d'un formulaire Web:

Elements of web forms En fonction de l'utilisation et la complexité d'une bande peut contenir un ou plusieurs des éléments suivants:

  • Champ de texte: Un champ de texte fournit une zone de texte dans laquelle l'utilisateur peut saisir des informations alphanumériques. En définissant la largeur du champ de texte, nous pouvons déterminer la taille de cet élément qui sera visible à l'utilisateur. Si nous choisissons le type de champ de texte comme mot de passe, les informations saisies sera visible sous forme d'astérisques (*) à l'utilisateur.
  • Checkbox: Checkboxes permettent à l'utilisateur de choisir un ou plusieurs d'un ensemble donné d'options. Chaque case requiert un nom et une valeur.
  • Boutons radio: Les boutons radio permettent qu'une seule option de choisir parmi un ensemble donné de choix.
  • Les listes déroulantes: Ceux - ci permettent aux utilisateurs de choisir parmi une liste qui tombe en panne ou se développe sur clic de souris ou de vol stationnaire en fonction de la manière dont les options sont définies pour cet élément de formulaire. Les utilisateurs peuvent être présentés avec l'option pour sélectionner un seul élément ou il peut être une sélection multiple liste d'articles. Selon les éléments de la liste la liste peut avoir une barre de défilement si les éléments de la liste sont grandes. La liste peut avoir une valeur par défaut.
  • Champ de l' image: Ce champ vous permet d'insérer une image et d' attacher un comportement à elle.
  • Fichier: Cette zone permet à un utilisateur de télécharger un fichier sur le serveur. Lorsque ce champ est cliqué une option pour choisir un fichier apparaît et lorsque le fichier est choisi, il est téléchargé.
  • Fieldset: Il n'y a aucune zone d'entrée ou de l' action , mais il est essentiellement un groupement de champ qui présente un groupe de champs relatifs à l'utilisateur.
  • Label: Chaque champ a une étiquette. Une étiquette peut être comparé à un nom d'un domaine particulier.
  • ID: Chaque élément de formulaire a un identifiant qui est unique.
  • Button: Chaque forme a un bouton sur un clic de laquelle un script est appelé à associer un comportement à la forme comme la réinitialisation d' un formulaire, envoi d' un formulaire , etc.

Voici quelques-unes de l'élément de base d'un formulaire. Comme la technologie du Web est que nous progressons voyons des formes improvisées qui utilisent Ajax et autre utilisation avancée de javascripts pour minimiser l'interaction de l'utilisateur et d'améliorer la facilité d'utilisation.

Comment créer des formulaires Web qui fonctionnent vraiment:

Avant de décider de la création d'une forme, il est préférable de passer un peu de temps sur remue-méninges sur les données dont vous avez besoin et ce qui est plus facile ainsi l'obtenir à partir de l'utilisateur. La deuxième partie est la création du formulaire présente les champs requis dans un format qui est très utilisable et pas trop complexe pour l'utilisateur même si cela signifie la rupture de votre forme en deux ou trois étapes, plutôt que de présenter une très longue forme.

Outre ces étapes de base il y a d'autres conseils et des techniques qui ont été testés sur des temps par divers développeurs web, des experts en utilisabilité et les concepteurs pour améliorer l'interaction utilisateur avec la forme et ainsi agir comme une liste de vérification générale. Voici quelques points que chaque propriétaire de site Web devrait être au courant afin qu'il puisse obtenir le maximum d'avantages sur les formes qu'il utilise sur son site pour la collecte de données ou tout autre but recherché:

  • Valider les éléments de formulaire: Ceci est une chose que tout concepteur de site Web ne devrait pas manquer. signifie la validation du formulaire de vérification d'un élément de forme particulière pour les données saisies - que ce soit dans les bons formats, ou valide pour un champ etc. particulier Par exemple, si un champ de texte est utilisé demandant le nom de l'utilisateur, il vérifie devrait être placé sur les données saisies de sorte qu'un utilisateur ne peut pas entrer dans un caractère numérique ou spécial dans ce domaine. De même, si un champ est présent sous la forme demandant l'adresse e-mail d'un utilisateur les données saisies par l'utilisateur doivent être validés pour être dans un format e-mail correcte. Cela rend les choses plus faciles pour l'utilisateur ainsi que le propriétaire du site car les données sont saisies et stockées dans le format correct. La validation des formulaires peut être fait pendant que l'utilisateur entre les données de manière dynamique ou au niveau formulaire de soumission. Dans la plupart des cas faisant dynamiquement lorsque l'utilisateur entre les données est une manière préférable, car il offre une meilleure expérience utilisateur.
  • Rendre le formulaire accessible aux utilisateurs handicapés: Ne vous attendez pas à chaque visiteur de votre site Web pour être dans un état parfait. Spare une pensée pour ceux qui sont physiquement contesté. Concevoir vos formulaires afin que ces utilisateurs puissent y accéder via les lecteurs d'écran ou les touches désignées sur le clavier ou tout simplement en cliquant sur les touches de tabulation et la navigation de votre forme.
  • Faire le bouton ressembler à des boutons: Si vous utilisez des images sous forme de boutons veiller à ce qu'ils ont appel propre à l' action comme soumettre ou cliquez ici pour soumettre ou quelque chose de plus favorable qui indique à l'utilisateur explicitement que ce bouton doit être pressé ou cliqué pour accomplir une tâche sur le formulaire. Les images peuvent changer les couleurs souris est plané sur eux, et les boutons peuvent changer d'état. La chose la plus importante est que le visiteur doit être clairement en mesure d'identifier l'action qui doit être fait dans le but de mener à bien le processus de remplissage de formulaire.
  • Identifiez clairement les champs obligatoires: Combien de fois avez - vous visité un formulaire où vous avez entré certains champs et appuyé sur le bouton d' envoi pour constater que vous avez manqué quelques - uns des champs requis. Ne serait-il pas été utile si elle avait été dit de vous upfront qu'un domaine particulier ne peut pas être laissée en blanc et est nécessaire afin de remplir avec succès la forme? Ne faites pas cette erreur lors de la conception de votre formulaire. Assurez-vous que tous les champs obligatoires sont marqués correctement (en mentionnant -required ou en utilisant * en face de l'étiquette que la convention générale va).
  • Réduire le nombre de champs: Il est OK que chaque département de votre organisation a ses propres priorités et souhaite que le montant maximum d'informations que vous pouvez extraire de votre visiteur , mais il pourrait y avoir une chose comme - trop demander, ce qui peut considérablement affecter votre former les taux de remplissage et par voie de conséquence de saboter tous vos efforts de collecte de données. Il y a des études et des avis d'experts qui disent que forment les taux de remplissage-up baisse que nous augmentons les champs du formulaire. Donc, essayez de garder les champs du formulaire à un niveau minimal. Les moins de charges que vous mettez sur votre visiteur plus volontiers qu'il ou elle sera de fournir les données que vous voulez. Par exemple, tout en créant des formulaires d'abonnement à la newsletter, certains propriétaires de sites demandent le prénom, le nom et l'adresse e-mail, certains demandent prénom et adresse e-mail et il y a certains qui sont satisfaits de simplement demander l'e-mail du visiteur. Une simple étape comme demander un nom de famille pourrait diminuer votre bulletin tarifs d'abonnement. L'idée est de diminuer le nombre de champs, il n'y a pas besoin de nom sur un formulaire d'abonnement de bulletin d'email quand vous avez son prénom pour le bien de personnaliser les bulletins que vous allez lui envoyer.
  • Utilisez les boutons radio lorsque vous souhaitez qu'une seule option à sélectionner: Il existe de nombreux cas où un visiteur est présenté avec de nombreuses cases alors qu'il n'y a qu'une seule option qu'il doit choisir. Cela peut créer une confusion pour le visiteur et la collecte de données erronées à votre fin et forment des taux plus élevés de débarquement. Lorsque vous voulez que les visiteurs de choisir explicitement l'un des choix donnés utilisent des boutons radio. Cela signifie également que si vous voulez que les utilisateurs de choisir plusieurs options ne-pas utiliser les boutons radio, utiliser des cases à cocher à la place.
  • Toujours donner une option par défaut si vous en avez un: Cela permet à vos visiteurs de remplir des formulaires plus rapidement et maintient les taux d'abandon au large sur de longues formes à un niveau minimal. Par exemple, si la majorité de vos visiteurs sont des Etats-Unis gardent la valeur par défaut de la liste déroulante de sélection de pays dans votre formulaire d'inscription aux Etats-Unis et dans les pays voisins. Si vous avez un site de commerce électronique fournissant un produit et l'adresse de facturation et de livraison sont les mêmes pour le visiteur lui permettre de remplir le formulaire d'expédition en un seul clic quand il est entré ses informations de facturation.
  • Évitez les problèmes de double-clic: Plus le comportement années de visiteur a adapté pour doubler en cliquant sur les liens. Il en résulte souvent un double clic sur le bouton soumettre vos formulaires et autres éléments d'action. Cela peut créer des problèmes pour vous au cas où vous ne l'avez pas fourni pour les contrôles intégrés pour les actions des visiteurs. Mais les problèmes peuvent être graves et vous poser les questions complexes dans un scénario lorsque vous rencontrez un site e-commerce et l'utilisateur clique deux fois sur le bouton de commande et il obtient facturé deux fois. Il est toujours une bonne pratique et de nombreux fournisseurs de e-commerce le faire alors que leur processus de paiement est de mentionner clairement qu'une seule fois cliquez est nécessaire pour vérifier. Faire cela sera utile aussi bien pour les utilisateurs et votre site web réputation.

Top Form WordPress Plugins Création:

Wordpress Contact Form 7 plugin Outre Formulaire de contact 7, qui est l'un des plug-in Form le plus populaire pour WordPress, il y a quelques autres que nous aimerions vous de vérifier seulement à cause des caractéristiques impressionnantes et les fonctionnalités qu'ils offrent à un propriétaire de site Web WordPress. Ci-dessous sont quelques-uns des plugins WordPress les plus populaires utilisés pour créer des formulaires:

  • Breezing Forms: Si vous avez besoin d' un générateur de formulaire qui est Breezing formes puissantes et flexibles pourraient être le plugin ultime pour vous. Il peut créer des formes complexes qui sont sensibles. Cela signifie que leur adaptation à la résolution de votre écran et sont donc parfaits pour les ordinateurs de bureau, ordinateurs portables et appareils mobiles. Juste concevoir une fois et oublier la douleur de les ajuster pour divers écrans. forme Breezing le fait pour vous. formes Breezing viennent à la fois comme une version gratuite et une version pro. Inutile de dire que la version pro vous donne plus d'outils et de puissance.
  • Redoutable Pro: Cette glisser sous forme de gouttes builder plugin pour WordPress permet de créer des formes très complexes une partie de plaisir , même pour les débutants. Je ne sais pas HTML, CSS et trucs techniques? Aucun problème - Pro Redoutable vous permet de créer des formulaires qui vous donnent un contrôle granulaire sur qui a accès à ce contenu sur votre site. Vous pouvez utiliser Redoutable Pro pour créer des FAQs, Annonces, Annonces, Sondages, enquêtes etc et afficher votre formulaire en utilisant shortcode partout dans un poste ou une page.
  • Gravity Forms: Ce plugin vous permet de publier de grandes formes qui cherchent en quelques minutes. Il suffit de sélectionner les champs que vous souhaitez dans vos formulaires, configurer l'option de mise en page et l'intégrer dans votre site. La construction dans des outils dans les formes Gravity plugin vous permet de faire tout cela très facilement.
  • Form Maker: Cet outil moderne et avancé pour la création de formulaires WordPress vous donne un contrôle granulaire sur la conception de votre formulaire dès les polices aux couleurs à la disposition des champs. Tous peuvent être conçus à partir du plugin lui-même pour correspondre à l'aspect et la convivialité de votre site Web. Pas besoin pour les graphistes experts ou tout savoir-faire technique Le formulaire Maker génère tout le code et peut générer simple à des formes complexes en un tournemain. Le plugin sous forme de machine est livré dans une version gratuite et commerciale. Version commerciale vous permet également d'ajouter des fonctionnalités de Google Maps à votre forme et a beaucoup d'autres fonctionnalités.
  • Sécurisé rapide Formulaire de contact: Comme son nom l' indique ce plugin permet à un propriétaire de site Web pour ajouter un formulaire de contact sécurisé à un site Web d'une manière rapide. Le formulaire de contact rapide et sécurisée permettra à l'utilisateur d'envoyer des courriels à l'administrateur d'un site, et également envoyer une demande de réunion pour parler au téléphone ou vidéo. Le panneau d'administration permet au webmaster de surveiller et de vérifier les soumissions de formulaire ainsi que de créer de nouvelles formes.

Conclusion:

Les formulaires sont une partie essentielle de tout site Web et il y a peu que vous pouvez faire avec votre site WordPress (dans le marketing en ligne) à moins que vous fournissez l'interactivité, opt-in formes, de construire des listes de courriels, obtenir les commentaires des utilisateurs et de fournir simplement un moyen de vous contacter. Tout cela est fait facilement en utilisant des formes et comme vous avez appris ci-dessus, WordPress a de grands plugins pour vous aider à créer des formes merveilleuses avec facilité. A partir de maintenant il n'y a pas évitent désormais de créer de nouvelles opportunités d'interagir avec vos utilisateurs et faire plus d'argent juste parce que vous ne savez pas comment construire des formes. Espérons que ce poste vous aide à tirer le meilleur parti de votre site Web. Commentaires et suggestions sur le poste sont les bienvenus.