Add Comment ajouter un contact à WordPress (YouTube Video)

Gagnants chanceux de thèmes Mojo pour WordPress Giveaway

Presque tous les sites Web ont besoin d'une page de contact. Cela ne doit pas être trop compliqué, mais il doit au moins inclure un formulaire de contact (de préférence un qui à la fois a fière allure et fonctionne parfaitement). Le problème est que WordPress n’a pas de tels formulaires intégrés. Alors, que faites-vous? Comment allez-vous exactement ajouter un formulaire de contact à une page WordPress (ou publier)? Eh bien, comme d'habitude, c'est en fait assez facile quand on sait comment faire!

Voici tout ce que vous devez savoir:

Comment ajouter un formulaire de contact de base à WordPress

– (note: crédits vidéo à Topher DeRosia – créateur de HeroPress)

Transcription de la vidéo:

Salut! Ceci est Topher avec Jaredritchey. Dans cette vidéo, je vais vous montrer comment mettre un formulaire de contact sur votre site WordPress. Si vous suivez chaque étape à la fin de la vidéo, vous aurez un formulaire de contact entièrement fonctionnel. Le plugin que j'ai choisi d'utiliser s'appelle Caldera Forms et je l'ai choisi pour plusieurs raisons. L'une est que c'est gratuit. Une autre raison que j'ai choisie est que le résultat final est très attrayant et réactif. Donc, si le Web mobile est important pour vous, cela s'intègrera parfaitement. Il s'agit du site Web Caldera Forms, mais vous pouvez également le voir ici sur WordPress.org. Alors, commençons. Nous allons commencer ici dans votre zone d'administration. Nous allons dans les plugins → Ajouter un nouveau et sous les plugins de recherche tapez "caldera" et le voici en haut. Nous cliquons donc sur Installer maintenant et ensuite sur Activer. Nous y sommes. Caldera Forms est installé. Donc, la prochaine chose que nous allons faire est d'aller à l'élément de menu Caldera Forms ici et de cliquer sur Formulaires en haut de la liste. En haut de la page, vous verrez le bouton Nouveau formulaire et il est bleu. Nous allons cliquer dessus. Ensuite, nous avons un tas d'options ici pour différents types de formulaires. Il existe un formulaire vierge, un formulaire de tarification variable, un formulaire de réservation simple; mais celui que nous voulons est en haut à gauche, un formulaire de contact. Je vais donc cliquer dessus. Nous allons donner un nom à notre formulaire, rien de plus simple que Contact Form et cliquez sur create form. Nous avons maintenant un formulaire. Je vais vous en faire un petit tour. Ici, dans la zone d'administration, le champ de forme supérieur est en fait un champ HTML simple et contient simplement ce texte. Si nous voulions nous en débarrasser, nous pourrions cliquer sur ce X en haut à gauche. Si nous voulions le déplacer, nous pourrions cliquer sur ces trois barres en haut à droite. Si nous voulions y ajouter, nous pourrions cliquer sur le signe plus en bas ici. Et si nous voulions le diviser et en faire deux colonnes, nous pourrions cliquer sur cette icône en haut. La même chose vaut pour tous ces champs, ils ont tous les mêmes petites icônes. Celui-ci a été divisé en trois et il y a trois champs là-bas. Il y a un autre champ HTML, puis il y a une zone de commentaires et de questions, puis il y a une boîte d'envoi de messages. Et si vous cliquez sur l'un de ceux-ci, dans chacun de ceux-ci se trouve un petit crayon sur lequel vous pouvez cliquer et éditer des informations ici à droite. Heureusement, vous n'en avez pas vraiment besoin. Ce formulaire de contact est complet. Nous avons besoin de configurer où il va être envoyé par e-mail quand quelqu'un le remplit, alors ici nous allons cliquer sur email. Voici l'e-mail “De”. Maintenant, si vous voulez le changer pour que votre email indique réellement l'adresse de la personne qui a rempli le formulaire, vous pouvez cliquer dans le champ de réponse au courrier électronique, ce sont les tags magiques. Je vais cliquer sur "adresse e-mail" et ce champ sera automatiquement renseigné à partir du champ dans votre formulaire où le remplisseur de formulaire insérera son adresse e-mail. Et vous pouvez laisser le reste de ces champs à leurs valeurs par défaut. Alors maintenant, nous allons cliquer sur "Enregistrer le formulaire" en haut. Maintenant que nous avons un formulaire que nous voulons mettre sur une page, je vais aller dans ma section de pages, en créer un nouveau appelé contact, puis un bouton Caldera Form en haut de la zone de contenu. Alors cliquons sur le bouton Caldera Form. Nous pouvons choisir notre formulaire et si nous choisissons de le définir comme modal, il suffirait de créer un lien et de cliquer dessus pour afficher le formulaire, mais nous voulons l’intégrer directement dans la page. laisser cette case non cochée. Et je clique sur Insérer un formulaire et il y a notre formulaire, alors maintenant nous enregistrons notre page et la visualisons. Et voici notre formulaire de contact. Tout compte fait, il y a très peu de travail pour réunir ce formulaire. Caldera Forms est venu avec un formulaire de contact. Tout ce que nous avions à faire était de le choisir, de le nommer, de lui donner une adresse e-mail et de sauvegarder. Ensuite, nous pourrions l'intégrer directement dans cette page. Revoyons donc très vite. Nous avons obtenu Caldera Forms en allant dans Plugins → Ajouter nouveau et en recherchant Caldera. Nous l'avons installé et activé, puis dans le menu d'administration, nous sommes passés à Caldera Forms, nous avons cliqué sur un nouveau formulaire, choisi le modèle de formulaire de contact, l'avons nommé et cliqué sur Créer un formulaire. Ensuite, nous l'avons configuré en cliquant sur l'onglet e-mail, en ajoutant une adresse e-mail, puis en l'enregistrant. Ensuite, la dernière étape consistait à créer une page ou à modifier une page si vous deviez cliquer sur le bouton Formulaire Caldera pour sélectionner notre formulaire de contact et cliquer sur Insérer un formulaire. Ensuite, enregistrez simplement votre page et affichez-la. Si vous souhaitez en savoir plus sur WordPress, consultez jaredritchey.com.

Voir plus de vidéos…

Quelque chose à ajouter?

Voir la vidéo: SUR TESTE NOTRE CHANCE AU PIXEL AVENTURE QUE VA T-ON GAGNER?

Like this post? Please share to your friends:
Laisser un commentaire

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: