Illumina vous montre comment reconstruire
la page de contact à l'aide d'Elementor Pro.
Et plus précisément, nous allons travailler avec
l'élément élémentaire pro form.
Je vais aller au backend.
Et tout d'abord,
je vais désactiver
le plug-in WP Forms dont nous n'avons plus besoin.
Je vais donc désactiver.
Revenons à la page de contact.
Et évidemment, quand ils vont
dire n'importe quel formulaire de contact.
Mais je vais passer à Edit avec Elementor maintenant.
Puisque nous utilisons bien sûr les éléments sont pro,
nous avons l'élément de formulaire,
ce qui est absolument fantastique.
Vous le trouverez sur le pro,
vous voyez ici le formulaire.
Je vais me laisser cliquer ici et
supprimer ce bloc
parce que nous n'avions plus les formes lipidiques.
Mais ne prenez aucune forme, puis déposez-la simplement
sur le titre Contactez-nous.
Tout comme avec le plugin WP Forms par défaut,
vous aurez un formulaire de contact très,
très simple
qui comportera trois champs de nom,
e-mail, message, ici.
Ce sont les champs que vous pouvez ajouter.
Un autre champ comme vous cliquez sur
Ajouter un article juste là où vous avez le type,
vous aurez différents types de carburants.
Vous pouvez ajouter l'heure du jour.
Il peut même ajouter des téléchargements de fichiers.
Par conséquent, si vous souhaitez que vos abonnés ou clients potentiels
joignent des fichiers à vous envoyer,
vous disposez de ce champ.
Vous pouvez également intégrer Elemental à Google Capture.
Ensuite, vous pouvez utiliser la version de recapture
1 et la version trois ici pour plus de sécurité.
Et puis vous avez aussi comme le pot de miel et ainsi de suite,
sans ajouter de champs supplémentaires.
Donc, je vais juste laisser ces trois.
Cependant, c'est bien sûr très subjectif,
mais je préfère ne pas avoir les étiquettes.
Je préfère juste arriver aux détenteurs de places au lieu de
chaque champ indiquant de quel type de champ il s'agit.
Je vais donc cacher l'étiquette.
Donc, il suffit d'avoir un message électronique de nom.
Maintenant, pour modifier eux-mêmes les combustibles réels,
vous cliquez à l'intérieur de chaque nom d'échantillon spécifique.
Je vais cliquer sur Nom et
inviter ici je peux changer l'étiquette elle-même,
changer l'espace réservé.
Et bien sûr, nous allons le rendre nécessaire.
Et puis, sous avancé,
vous aurez des choses comme l'ID ainsi que
le code court que nous utiliserons très, très bientôt.
Il en va de même pour les e-mails ici.
C'est obligatoire, puis, bien sûr
tous envoient le message si nécessaire.
Vous pouvez faire en sorte que ce champ soit plus petit ou plus grand
selon vos goûts, et c'est tout.
D'accord ? Ici, vous avez la taille d'entrée
l'impute réelle pour chaque champ.
Vous pouvez le rendre petit, moyen, grand.
C'est entièrement à vous de choisir.
Vous avez des boutons.
Voulez-vous faire des boutons de taille moyenne,
grande taille, mais ce n'est que le bouton d'envoi lui-même.
Vous pouvez modifier le texte ici même pour
le bouton Soumettre lui-même, etc.
Maintenant, c'est là que les choses deviennent très, très épicées.
Actions après l' envoi, que se passe-t-il
une fois que l'utilisateur a cliqué sur Envoyer ?
Juste ici ?
Par défaut, les actions ont déjà été activées.
Collectez les soumissions,
que je vous montrerai dans une seconde.
Ensuite, par e-mail, comme ces deux éléments sont actifs par défaut,
vous avez cliqué ici sur les soumissions
, puis vous avez reçu un e-mail.
Collecte maintenant les soumissions que vous verriez
réellement dans le backend.
Permettez-moi de vous montrer rapidement.
Vous verrez dans le backend,
une fois que les gens commenceront à soumettre
le formulaire de contact ici où vous avez
des soumissions élémentaires à UCI
ici, vous pourriez avoir des soumissions.
Et c'est là que vous commencez à
voir le nom de la personne et ainsi de suite,
en fait, effectuera
une expérience très, très, très bientôt.
Mais c'est tout pour les soumissions.
Maintenant, envoyez un e-mail ici.
Vous souhaitez recevoir un e-mail indiquant que quelqu'un
a soumis un formulaire de contact sur votre site Web.
Ici, vous pouvez choisir
l'adresse e-mail pour recevoir une pièce d'identité.
Bien sûr, je vais mettre mon propre e-mail d'administrateur là.
Et bien sûr, par défaut, vous devez envoyer un
nouveau message à partir du nom de votre site Web.
Vous pouvez bien sûr personnaliser cela.
Le message contiendra alors tous les champs.
Cependant, vous avez ici l'e-mail de formulaire,
le nom que vous souhaitez utiliser ou choisissez
les données fournies par l'utilisateur.
Fondamentalement, le courrier électronique doit être l'e-mail,
tout l'utilisateur.
Ce que vous voulez faire ici, c'est ça, d'accord ?
Vous allez dans les champs du formulaire,
accédez à l'e-mail, accédez à Avancé,
puis invitez ici,
saisissez le code court.
Alors copiez le code court,
revenez ici pour envoyer un e-mail.
Et n'importe qui ici, par e-mail.
Il ne s'agissait pas simplement de coller
l'ID de messagerie afin que vous puissiez
réellement voir l'e-mail de la personne
, puis le nom,
faire exactement la même chose, aller dans le champ Nom Avancé,
puis simplement saisissez le raccourci correspondant au champ de nom.
Retournez à l'e-mail, puis indiquez ici à partir du nom.
Il suffit de coller ça.
Ils répondent ensuite à l'e-mail, bien sûr,
parce que vous souhaitez répondre à
l'adresse e-mail de la personne.
Et c'est tout.
Vous pouvez ajouter votre CC, vous êtes aveugle,
vous êtes aveugle, copie, etc.
Vous pouvez également ajouter les métadonnées ici,
telles que la page visitée,
la date, l'heure, etc.
Sin en HTML ou en plan.
C'est très, très, très subjectif.
Cela dépendra de votre fournisseur de services de messagerie.
Si vous avez aussi des étapes phrase
lambda squiggly, montrez-vous ce que c'est.
Si vous revenez à vos champs de formulaire,
peut-être voulez-vous créer
comme si vous alliez créer un formulaire très,
très long pour une raison quelconque et vous voulez le décomposer.
Lorsque vous ajoutez votre article sur le type,
vous aurez une étape.
Une fois que vous avez le pas maintenant, vous avez le prochain.
Ainsi, après l'étape, vous pouvez recommencer
à ajouter d'autres champs.
Ce qui se passe donc, c'est une fois qu'ils ont rempli
les faux carburants dans la première section et qu'ils cliquent sur Suivant.
Il les amènera à la section suivante du formulaire,
c'est essentiellement ce que les étapes,
comme vous pouvez le voir, c'est la première étape ici.
Ensuite, vous pouvez voir la deuxième étape sur la droite.
C'est à cela que cela sert.
Vos étapes sont Settings.
Et puis vous avez également les options supplémentaires comme Hey,
voulez-vous personnaliser les messages comme, ok,
le thermo sense avec succès,
vous reviendrez vers vous dans 24 heures, des choses comme ça.
Vous avez cette option ici.
Mais ils me laisseront oublier de revenir aux
actions après la soumission, vous en avez beaucoup,
En dehors des soumissions cliquées, des e-mails,
vous pouvez avoir un e-mail, vous
pouvez les rediriger vers
un page séparée. Vous avez un webhook.
Et bien sûr, si vous utilisez
un logiciel de gestion des e-mails comme notre campagne active Mailchimp,
vous pouvez également les connecter ici.
Vous pouvez les connecter à Slack Discord,
ouvrir également un message contextuel.
Vous avez donc de nombreuses options à configurer.
Virage alternatif. Que se passe-t-il une fois que l'utilisateur
a soumis le formulaire ?
C'est essentiellement ça.
Allons de l'avant et fermons celui-là.
Et c'est que je vais aller de l'avant maintenant et simplement mettre à jour.
Et bien sûr, jetons un coup d'œil à
la nouvelle page ici.
Oups, mon Internet se comporte mal.
Encore une fois.
Mes excuses. D'accord.
C'est maintenant que vous pouvez voir
le nouveau formulaire de contact
construit avec des éléments de citron Pro Arte.
Je vais vous montrer un exemple des soumissions.
Je vais mettre en pause la vidéo et simplement
envoyer un message, puis
vous verrez les résultats ici.
Bienvenue de retour.
Et comme vous pouvez le constater en ce moment,
j'ai envoyé des formulaires de contact,
remplis pour contacter d' un à sept navigateurs.
Un de John James, puis un
de Bob Billy sur yahoo.com.
Maintenant, j'aurais dû le signaler précédemment.
Pour le formulaire de contact,
vous pouvez modifier le nom
ici où vous avez le nom du formulaire.
Vous pouvez voir que je vais devoir
changer le mien en formulaire de contact.
Et je l'ai remarqué lorsque j'ai envoyé
le premier formulaire des gymnases John.
Vous pouvez voir le formulaire redressé, le nouveau formulaire de Nemo.
C'est pourquoi un nouveau formulaire parce que nous n'avons pas changé le nom.
Donc, la deuxième fois que j'ai changé le nom en formulaire de contact,
j'ai envoyé un nouveau formulaire de mobilité et
c'est là que l'automne indique maintenant
notre formulaire de contact.
C'est donc essentiellement ça.
Vous avez les identifiants, vous avez
la page dans laquelle le formel a été envoyé.
Et bien sûr, vous pouvez voir le message lui-même.
Vous cliquez donc sur Voir ici.
Vous pouvez voir le nom complet, l'e-mail,
puis le message réel de l'utilisateur et de l'invité.
Vous disposez des informations de métadonnées supplémentaires
lorsque le message a été envoyé,
quel navigateur a été utilisé, etc.
C'est essentiellement comme ça que le formulaire de contact
avec Elementor Pro se promène. Merci d'avoir regardé.
Je vous verrai dans le prochain cours.