1
00:00:00,000 --> 00:00:01,860
Illumina vous montre comment reconstruire

2
00:00:01,859 --> 00:00:05,279
la page de contact à
 l'aide d'Elementor Pro. 

3
00:00:05,280 --> 00:00:06,840
Et plus précisément, nous
 allons travailler avec

4
00:00:06,840 --> 00:00:10,070
l'élément élémentaire pro form. 

5
00:00:10,065 --> 00:00:11,595
Je vais aller au backend. 

6
00:00:11,595 --> 00:00:12,915
Et tout d'abord,

7
00:00:12,915 --> 00:00:14,825
je vais désactiver

8
00:00:14,820 --> 00:00:18,450
le plug-in WP Forms dont
 nous n'avons plus besoin. 

9
00:00:18,450 --> 00:00:20,460
Je vais donc désactiver. 

10
00:00:20,460 --> 00:00:24,180
Revenons à
 la page de contact. 

11
00:00:24,180 --> 00:00:25,710
Et évidemment, quand ils vont

12
00:00:25,710 --> 00:00:27,710
dire n'importe quel formulaire de contact. 

13
00:00:27,705 --> 00:00:31,205
Mais je vais passer à Edit
 avec Elementor maintenant. 

14
00:00:31,200 --> 00:00:34,170
Puisque
 nous utilisons bien sûr les éléments sont pro,

15
00:00:34,169 --> 00:00:37,399
nous avons l'élément de formulaire,

16
00:00:37,395 --> 00:00:40,495
ce qui est absolument fantastique. 

17
00:00:40,495 --> 00:00:42,215
Vous le trouverez sur le pro,

18
00:00:42,215 --> 00:00:44,215
vous voyez ici le formulaire. 

19
00:00:44,210 --> 00:00:48,410
Je vais me laisser
 cliquer ici et

20
00:00:48,410 --> 00:00:50,390
supprimer ce bloc

21
00:00:50,390 --> 00:00:52,720
parce que nous n'avions plus
 les formes lipidiques. 

22
00:00:52,715 --> 00:00:55,465
Mais ne prenez aucune forme,
 puis
 déposez-la simplement

23
00:00:55,460 --> 00:00:58,970
sur le titre Contactez-nous. 

24
00:00:58,969 --> 00:01:02,989
Tout comme avec le plugin WP
 Forms par défaut,

25
00:01:02,990 --> 00:01:04,250
vous aurez un formulaire de contact
 très,

26
00:01:04,250 --> 00:01:07,070
très simple

27
00:01:07,070 --> 00:01:09,400
qui comportera
 trois champs de nom,

28
00:01:09,395 --> 00:01:11,935
e-mail, message, ici. 

29
00:01:11,930 --> 00:01:14,320
Ce sont les
 champs que vous pouvez ajouter. 

30
00:01:14,315 --> 00:01:15,985
Un autre champ comme vous cliquez sur

31
00:01:15,980 --> 00:01:19,040
Ajouter un article juste là
 où vous avez le type,

32
00:01:19,040 --> 00:01:20,750
vous aurez différents
 types de carburants. 

33
00:01:20,750 --> 00:01:22,610
Vous pouvez ajouter l'heure du jour. 

34
00:01:22,610 --> 00:01:24,410
Il peut même ajouter des téléchargements de fichiers. 

35
00:01:24,410 --> 00:01:27,410
Par conséquent, si vous souhaitez que vos abonnés
 ou clients
 potentiels

36
00:01:27,409 --> 00:01:30,019
joignent des fichiers à vous envoyer,

37
00:01:30,020 --> 00:01:32,050
vous disposez de ce champ. 

38
00:01:32,045 --> 00:01:36,775
Vous pouvez également intégrer
 Elemental à Google Capture. 

39
00:01:36,770 --> 00:01:38,870
Ensuite, vous pouvez utiliser
 la version de recapture

40
00:01:38,870 --> 00:01:41,330
1 et la version trois
 ici pour plus de sécurité. 

41
00:01:41,330 --> 00:01:44,890
Et puis vous avez aussi comme
 le pot de miel et ainsi de suite,

42
00:01:44,885 --> 00:01:46,825
sans ajouter de champs
 supplémentaires. 

43
00:01:46,820 --> 00:01:48,790
Donc, je vais juste laisser ces trois. 

44
00:01:48,785 --> 00:01:52,045
Cependant, c'est
 bien sûr très subjectif,

45
00:01:52,040 --> 00:01:53,840
mais je préfère ne pas
 avoir les étiquettes. 

46
00:01:53,840 --> 00:01:56,000
Je préfère juste arriver aux détenteurs de
 places au lieu de

47
00:01:56,000 --> 00:01:59,090
chaque champ indiquant de quel
 type de champ il s'agit. 

48
00:01:59,090 --> 00:02:02,540
Je vais donc cacher
 l'étiquette. 

49
00:02:02,540 --> 00:02:04,610
Donc, il suffit d'avoir un message électronique de nom. 

50
00:02:04,610 --> 00:02:07,340
Maintenant, pour modifier eux-mêmes les
 combustibles réels,

51
00:02:07,340 --> 00:02:09,770
vous cliquez à l'intérieur de chaque nom d'échantillon
 spécifique. 

52
00:02:09,770 --> 00:02:11,420
Je vais cliquer sur Nom et

53
00:02:11,415 --> 00:02:14,015
inviter ici je peux changer
 l'étiquette elle-même,

54
00:02:14,014 --> 00:02:15,544
changer l'espace réservé. 

55
00:02:15,545 --> 00:02:18,185
Et bien sûr, nous
 allons le rendre nécessaire. 

56
00:02:18,185 --> 00:02:19,985
Et puis, sous avancé,

57
00:02:19,985 --> 00:02:22,645
vous aurez des choses
 comme l'ID ainsi que

58
00:02:22,640 --> 00:02:25,930
le code court que
 nous utiliserons très, très bientôt. 

59
00:02:25,925 --> 00:02:28,405
Il en va de même pour les e-mails ici. 

60
00:02:28,400 --> 00:02:30,830
C'est obligatoire, puis,
 bien sûr

61
00:02:30,830 --> 00:02:33,260
tous envoient le message
 si nécessaire. 

62
00:02:33,260 --> 00:02:35,970
Vous pouvez faire en sorte que ce champ
 soit plus petit ou plus grand

63
00:02:35,974 --> 00:02:39,384
selon vos
 goûts, et c'est tout. 

64
00:02:39,380 --> 00:02:42,230
D'accord ? Ici, vous
 avez la taille
 d'entrée

65
00:02:42,229 --> 00:02:45,169
l'impute réelle
 pour chaque champ. 

66
00:02:45,170 --> 00:02:46,820
Vous pouvez le rendre
 petit, moyen, grand. 

67
00:02:46,820 --> 00:02:48,230
C'est entièrement à vous de choisir. 

68
00:02:48,230 --> 00:02:49,280
Vous avez des boutons. 

69
00:02:49,280 --> 00:02:51,940
Voulez-vous faire des
 boutons de taille moyenne,

70
00:02:51,940 --> 00:02:56,090
grande taille, mais ce n'est que
 le bouton d'envoi lui-même. 

71
00:02:56,090 --> 00:02:59,000
Vous pouvez modifier le
 texte ici même pour

72
00:02:59,000 --> 00:03:02,050
le bouton Soumettre
 lui-même, etc. 

73
00:03:02,045 --> 00:03:05,975
Maintenant, c'est là que les choses
 deviennent très, très épicées. 

74
00:03:05,975 --> 00:03:08,695
Actions après l'
envoi, que se passe-t-il

75
00:03:08,690 --> 00:03:12,220
une fois que l'utilisateur a
 cliqué sur Envoyer ? 

76
00:03:12,215 --> 00:03:13,715
Juste ici ? 

77
00:03:13,715 --> 00:03:17,365
Par défaut, les actions ont
 déjà été activées. 

78
00:03:17,360 --> 00:03:18,650
Collectez les soumissions,

79
00:03:18,650 --> 00:03:20,470
que je vous montrerai
 dans une seconde. 

80
00:03:20,465 --> 00:03:24,625
Ensuite, par e-mail, comme ces
 deux éléments sont actifs par défaut,

81
00:03:24,620 --> 00:03:25,640
vous avez cliqué
 ici sur les soumissions

82
00:03:25,640 --> 00:03:27,260
, puis
 vous avez reçu un e-mail. 

83
00:03:27,260 --> 00:03:28,750
Collecte maintenant les
 soumissions que vous verriez

84
00:03:28,745 --> 00:03:30,415
réellement dans le backend. 

85
00:03:30,410 --> 00:03:31,880
Permettez-moi de vous montrer rapidement. 

86
00:03:31,880 --> 00:03:34,030
Vous verrez dans le backend,

87
00:03:34,025 --> 00:03:35,845
une fois que les gens commenceront à soumettre

88
00:03:35,840 --> 00:03:37,850
le formulaire de contact
 ici où vous
 avez

89
00:03:37,850 --> 00:03:40,010
des soumissions
 élémentaires à
 UCI

90
00:03:40,009 --> 00:03:42,049
ici, vous pourriez
 avoir des soumissions. 

91
00:03:42,050 --> 00:03:43,880
Et c'est là que vous commencez à

92
00:03:43,880 --> 00:03:46,310
voir le nom de la personne et ainsi de suite,

93
00:03:46,310 --> 00:03:47,470
en fait, effectuera

94
00:03:47,465 --> 00:03:49,585
une expérience très,
 très, très bientôt. 

95
00:03:49,580 --> 00:03:52,240
Mais c'est tout pour
 les soumissions. 

96
00:03:52,235 --> 00:03:56,165
Maintenant, envoyez un e-mail ici. 

97
00:03:56,165 --> 00:03:58,915
Vous souhaitez recevoir un
 e-mail indiquant que quelqu'un

98
00:03:58,910 --> 00:04:01,820
a soumis un
 formulaire de contact sur votre site Web. 

99
00:04:01,820 --> 00:04:04,000
Ici, vous pouvez choisir

100
00:04:03,995 --> 00:04:06,535
l'adresse e-mail pour
 recevoir une pièce d'identité. 

101
00:04:06,530 --> 00:04:09,400
Bien sûr, je vais mettre mon
 propre e-mail d'administrateur là. 

102
00:04:09,395 --> 00:04:11,545
Et bien sûr, par
 défaut, vous devez envoyer un

103
00:04:11,540 --> 00:04:13,580
nouveau message à partir du nom de
 votre site Web. 

104
00:04:13,580 --> 00:04:15,290
Vous pouvez bien sûr personnaliser
 cela. 

105
00:04:15,290 --> 00:04:17,890
Le message
 contiendra alors tous les champs. 

106
00:04:17,885 --> 00:04:21,655
Cependant, vous
 avez ici l'e-mail
 de formulaire,

107
00:04:21,650 --> 00:04:24,950
le nom que vous
 souhaitez utiliser ou choisissez

108
00:04:24,950 --> 00:04:28,910
les données fournies par l'utilisateur. 

109
00:04:28,910 --> 00:04:31,830
Fondamentalement, le courrier électronique
 doit être l'e-mail,

110
00:04:31,834 --> 00:04:33,324
tout l'utilisateur. 

111
00:04:33,320 --> 00:04:35,080
Ce que vous voulez faire
 ici, c'est ça, d'accord ? 

112
00:04:35,075 --> 00:04:38,045
Vous allez dans les champs du formulaire,

113
00:04:38,045 --> 00:04:40,615
accédez à l'e-mail, accédez à Avancé,

114
00:04:40,610 --> 00:04:41,630
puis invitez ici,

115
00:04:41,630 --> 00:04:43,300
saisissez le code court. 

116
00:04:43,295 --> 00:04:44,785
Alors copiez le code court,

117
00:04:44,780 --> 00:04:46,800
revenez ici pour envoyer un e-mail. 

118
00:04:46,804 --> 00:04:48,924
Et n'importe qui ici, par e-mail. 

119
00:04:48,920 --> 00:04:50,420
Il ne s'agissait pas simplement de coller

120
00:04:50,420 --> 00:04:53,750
l'ID de messagerie afin
 que vous puissiez

121
00:04:53,750 --> 00:04:55,670
réellement
 voir l'e-mail de la personne

122
00:04:55,670 --> 00:04:57,170
,
 puis le nom,

123
00:04:57,170 --> 00:05:00,500
faire exactement la même chose,
 aller dans le champ Nom Avancé,

124
00:05:00,500 --> 00:05:03,610
puis simplement saisissez le
 raccourci correspondant au champ de nom. 

125
00:05:03,605 --> 00:05:07,825
Retournez à l'e-mail, puis
 indiquez ici à partir du nom. 

126
00:05:07,820 --> 00:05:09,640
Il suffit de coller ça. 

127
00:05:09,635 --> 00:05:13,255
Ils répondent ensuite
 à l'e-mail, bien
 sûr,

128
00:05:13,250 --> 00:05:15,020
parce que vous
 souhaitez répondre à

129
00:05:15,020 --> 00:05:17,080
l'adresse e-mail de la personne. 

130
00:05:17,075 --> 00:05:18,035
Et c'est tout. 

131
00:05:18,035 --> 00:05:20,375
Vous pouvez ajouter votre
 CC, vous êtes aveugle,

132
00:05:20,375 --> 00:05:22,855
vous êtes aveugle, copie, etc. 

133
00:05:22,850 --> 00:05:25,190
Vous pouvez également ajouter les métadonnées
 ici,

134
00:05:25,190 --> 00:05:27,650
telles que la page visitée,

135
00:05:27,650 --> 00:05:29,800
la date, l'heure, etc.
 

136
00:05:29,795 --> 00:05:31,445
Sin en HTML ou en plan. 

137
00:05:31,445 --> 00:05:32,885
C'est très, très,
 très subjectif. 

138
00:05:32,885 --> 00:05:36,905
Cela dépendra de votre fournisseur de services de
 messagerie. 

139
00:05:36,905 --> 00:05:38,785
Si vous avez aussi des étapes phrase

140
00:05:38,780 --> 00:05:40,430
lambda squiggly,
 montrez-vous ce que c'est. 

141
00:05:40,430 --> 00:05:41,960
Si vous revenez à
 vos champs de formulaire,

142
00:05:41,960 --> 00:05:43,100
peut-être voulez-vous créer

143
00:05:43,100 --> 00:05:46,190
comme si vous alliez créer un formulaire
 très,

144
00:05:46,190 --> 00:05:48,770
très long pour une raison quelconque et
 vous voulez le décomposer. 

145
00:05:48,770 --> 00:05:51,370
Lorsque vous ajoutez
 votre article sur le type,

146
00:05:51,365 --> 00:05:53,045
vous aurez une étape. 

147
00:05:53,045 --> 00:05:55,565
Une fois que vous avez le pas
 maintenant, vous avez le prochain. 

148
00:05:55,564 --> 00:05:57,534
Ainsi, après l'étape,
 vous pouvez recommencer

149
00:05:57,530 --> 00:05:59,450
à ajouter d'autres champs. 

150
00:05:59,450 --> 00:06:01,240
Ce qui se passe donc, c'est
 une fois qu'ils ont rempli

151
00:06:01,235 --> 00:06:04,925
les faux carburants dans la première
 section et qu'ils cliquent sur Suivant. 

152
00:06:04,925 --> 00:06:07,715
Il les amènera à la section
 suivante du formulaire,

153
00:06:07,715 --> 00:06:09,805
c'est essentiellement ce
 que les étapes,

154
00:06:09,800 --> 00:06:12,010
comme vous pouvez le voir, c'est la
 première étape ici. 

155
00:06:12,005 --> 00:06:14,635
Ensuite, vous pouvez voir la
 deuxième étape sur la droite. 

156
00:06:14,630 --> 00:06:16,340
C'est à cela que cela sert. 

157
00:06:16,340 --> 00:06:18,580
Vos étapes sont Settings. 

158
00:06:18,575 --> 00:06:22,255
Et puis vous avez également les options
 supplémentaires comme Hey,

159
00:06:22,250 --> 00:06:25,370
voulez-vous personnaliser les
 messages comme, ok,

160
00:06:25,370 --> 00:06:26,570
le thermo sense avec succès,

161
00:06:26,570 --> 00:06:28,670
vous reviendrez vers vous dans
 24 heures, des choses comme ça. 

162
00:06:28,670 --> 00:06:30,520
Vous avez cette option ici. 

163
00:06:30,515 --> 00:06:33,475
Mais ils me laisseront
 oublier de revenir aux

164
00:06:33,470 --> 00:06:37,490
actions après
 la
 soumission, vous en avez beaucoup,

165
00:06:37,490 --> 00:06:40,050
En dehors des
 soumissions cliquées, des e-mails,

166
00:06:40,054 --> 00:06:42,414
vous pouvez avoir un e-mail, vous

167
00:06:42,410 --> 00:06:43,820
pouvez les rediriger vers

168
00:06:43,820 --> 00:06:45,620
un page séparée. 
Vous avez un webhook. 

169
00:06:45,620 --> 00:06:47,140
Et bien sûr, si vous utilisez

170
00:06:47,135 --> 00:06:50,095
un logiciel de gestion des e-mails
 comme notre campagne
 active Mailchimp,

171
00:06:50,090 --> 00:06:54,370
vous pouvez également les
 connecter ici. 

172
00:06:54,365 --> 00:06:57,095
Vous pouvez les connecter
 à Slack Discord,

173
00:06:57,095 --> 00:06:59,455
ouvrir également un
 message contextuel. 

174
00:06:59,450 --> 00:07:03,980
Vous avez donc de nombreuses
 options à configurer. 

175
00:07:03,980 --> 00:07:05,990
Virage alternatif. Que
 se passe-t-il une fois que l'utilisateur

176
00:07:05,990 --> 00:07:09,590
a soumis le formulaire ? 

177
00:07:09,590 --> 00:07:13,040
C'est essentiellement ça. 

178
00:07:13,040 --> 00:07:15,350
Allons de l'avant et
 fermons celui-là. 

179
00:07:15,350 --> 00:07:18,730
Et c'est que je vais aller de
 l'avant maintenant et simplement mettre à jour. 

180
00:07:18,725 --> 00:07:20,665
Et bien sûr, jetons un
 coup d'œil à

181
00:07:20,660 --> 00:07:22,760
la nouvelle page ici. 

182
00:07:22,760 --> 00:07:25,930
Oups, mon Internet
 se comporte mal. 

183
00:07:25,925 --> 00:07:27,235
Encore une fois. 

184
00:07:27,230 --> 00:07:28,600
Mes excuses. D'accord. 

185
00:07:28,595 --> 00:07:29,995
C'est maintenant que vous pouvez voir

186
00:07:29,990 --> 00:07:32,000
le nouveau formulaire de contact

187
00:07:32,000 --> 00:07:34,280
construit avec
 des éléments de citron Pro Arte. 

188
00:07:34,280 --> 00:07:36,830
Je vais vous montrer un exemple
 des soumissions. 

189
00:07:36,830 --> 00:07:38,720
Je vais mettre en pause la
 vidéo et simplement

190
00:07:38,720 --> 00:07:40,430
envoyer un message, puis

191
00:07:40,430 --> 00:07:42,320
vous verrez les
 résultats ici. 

192
00:07:42,320 --> 00:07:43,190
Bienvenue de retour. 

193
00:07:43,190 --> 00:07:44,350
Et comme vous pouvez le constater en ce moment,

194
00:07:44,345 --> 00:07:47,635
j'ai
 envoyé des formulaires de contact,

195
00:07:47,630 --> 00:07:49,910
remplis pour contacter d'
un à sept navigateurs. 

196
00:07:49,910 --> 00:07:51,860
Un de John James, puis un

197
00:07:51,860 --> 00:07:54,050
de Bob Billy sur yahoo.com. 

198
00:07:54,050 --> 00:07:57,380
Maintenant, j'aurais dû
 le signaler précédemment. 

199
00:07:57,380 --> 00:07:59,090
Pour le formulaire de contact,

200
00:07:59,090 --> 00:08:00,170
vous pouvez modifier le nom

201
00:08:00,170 --> 00:08:02,080
ici où vous
 avez le nom du formulaire. 

202
00:08:02,075 --> 00:08:03,445
Vous pouvez voir que je
 vais devoir

203
00:08:03,440 --> 00:08:05,320
changer le mien en formulaire de contact. 

204
00:08:05,315 --> 00:08:07,495
Et je l'ai remarqué lorsque j'ai envoyé

205
00:08:07,490 --> 00:08:10,310
le premier formulaire des gymnases John. 

206
00:08:10,310 --> 00:08:12,800
Vous pouvez voir le
 formulaire redressé, le nouveau formulaire de Nemo. 

207
00:08:12,800 --> 00:08:17,170
C'est pourquoi un nouveau formulaire parce que
 nous n'avons pas changé le nom. 

208
00:08:17,165 --> 00:08:20,005
Donc, la deuxième fois que j'ai changé
 le nom en formulaire
 de contact,

209
00:08:20,000 --> 00:08:22,550
j'ai
 envoyé un nouveau formulaire de mobilité et

210
00:08:22,550 --> 00:08:23,720
c'est là
 que l'automne
 indique maintenant

211
00:08:23,720 --> 00:08:25,100
notre formulaire de contact. 

212
00:08:25,100 --> 00:08:26,450
C'est donc essentiellement ça. 

213
00:08:26,450 --> 00:08:28,220
Vous avez les identifiants, vous avez

214
00:08:28,220 --> 00:08:30,970
la page dans laquelle le
 formel a été envoyé. 

215
00:08:30,965 --> 00:08:35,605
Et bien sûr, vous pouvez voir
 le message lui-même. 

216
00:08:35,600 --> 00:08:37,330
Vous cliquez donc sur Voir ici. 

217
00:08:37,325 --> 00:08:40,015
Vous pouvez voir le
 nom complet, l'e-mail,

218
00:08:40,010 --> 00:08:44,900
puis le message réel
 de l'utilisateur et de l'invité. 

219
00:08:44,900 --> 00:08:47,510
Vous disposez des informations de
 métadonnées supplémentaires

220
00:08:47,510 --> 00:08:49,490
lorsque le message a été envoyé,

221
00:08:49,490 --> 00:08:53,140
quel navigateur a été
 utilisé, etc. 

222
00:08:53,135 --> 00:08:56,575
C'est essentiellement comme ça que
 le formulaire de contact

223
00:08:56,570 --> 00:08:59,200
avec Elementor Pro se promène. 
Merci d'avoir regardé. 

224
00:08:59,195 --> 00:09:01,595
Je vous verrai dans
 le prochain cours.