1
00:00:00,000 --> 00:00:01,860
Illumina mostra como reconstruir
 a

2
00:00:01,859 --> 00:00:05,279
página de contato
 usando o Elementor Pro. 

3
00:00:05,280 --> 00:00:06,840
E, especificamente,
 vamos trabalhar com

4
00:00:06,840 --> 00:00:10,070
o elemento elementar pro form. 

5
00:00:10,065 --> 00:00:11,595
Vou para o backend. 

6
00:00:11,595 --> 00:00:12,915
E antes de tudo,

7
00:00:12,915 --> 00:00:14,825
vou desativar

8
00:00:14,820 --> 00:00:18,450
o plug-in de formulários WP que não
 precisávamos mais. 

9
00:00:18,450 --> 00:00:20,460
Então, vou desativar. 

10
00:00:20,460 --> 00:00:24,180
E vamos voltar para
 a página de contato. 

11
00:00:24,180 --> 00:00:25,710
E, obviamente, quando eles vão

12
00:00:25,710 --> 00:00:27,710
dizer qualquer formulário de contato mais. 

13
00:00:27,705 --> 00:00:31,205
Mas vou para Editar
 com Elementor agora. 

14
00:00:31,200 --> 00:00:34,170
Como é claro que estamos
 usando elementos são profissionais,

15
00:00:34,169 --> 00:00:37,399
temos o elemento formulário,

16
00:00:37,395 --> 00:00:40,495
que é absolutamente fantástico. 

17
00:00:40,495 --> 00:00:42,215
Você vai encontrá-lo no profissional,

18
00:00:42,215 --> 00:00:44,215
você vê aqui mesmo formulário. 

19
00:00:44,210 --> 00:00:48,410
Vou me deixar
 clicar aqui e

20
00:00:48,410 --> 00:00:50,390
realmente remover esse bloco

21
00:00:50,390 --> 00:00:52,720
porque não tínhamos mais
 as formas lipídicas. 

22
00:00:52,715 --> 00:00:55,465
Mas não tome nenhum formulário
 e, em seguida, basta
 colocá-lo

23
00:00:55,460 --> 00:00:58,970
no título Fale Conosco. 

24
00:00:58,969 --> 00:01:02,989
Assim como com o plugin WP
 forms por padrão,

25
00:01:02,990 --> 00:01:04,250
você terá um formulário de contato
 muito,

26
00:01:04,250 --> 00:01:07,070
muito simples

27
00:01:07,070 --> 00:01:09,400
que terá
 três campos de nome,

28
00:01:09,395 --> 00:01:11,935
e-mail, mensagem, aqui mesmo. 

29
00:01:11,930 --> 00:01:14,320
Esses são os
 campos que você pode adicionar. 

30
00:01:14,315 --> 00:01:15,985
Outro campo como você clicar em

31
00:01:15,980 --> 00:01:19,040
Adicionar item aqui,
 onde você tem o tipo,

32
00:01:19,040 --> 00:01:20,750
você terá diferentes
 tipos de combustíveis. 

33
00:01:20,750 --> 00:01:22,610
Você pode adicionar hora do dia. 

34
00:01:22,610 --> 00:01:24,410
Ele pode até adicionar uploads de arquivos. 

35
00:01:24,410 --> 00:01:27,410
Portanto, se você quiser que seus
 possíveis assinantes

36
00:01:27,409 --> 00:01:30,019
ou clientes anexem
 arquivos para enviar para
 você,

37
00:01:30,020 --> 00:01:32,050
você tem esse campo. 

38
00:01:32,045 --> 00:01:36,775
Você também pode integrar
 elementar com a captura do Google. 

39
00:01:36,770 --> 00:01:38,870
E então você pode usar
 a versão recapture

40
00:01:38,870 --> 00:01:41,330
um e a versão três
 aqui para segurança. 

41
00:01:41,330 --> 00:01:44,890
E então você também tem como
 o honeypot e assim por diante,

42
00:01:44,885 --> 00:01:46,825
não adicionando campos
 adicionais. 

43
00:01:46,820 --> 00:01:48,790
Então, vou deixar esses três. 

44
00:01:48,785 --> 00:01:52,045
No entanto, isso é
 claro muito subjetivo,

45
00:01:52,040 --> 00:01:53,840
mas prefiro não
 ter os rótulos. 

46
00:01:53,840 --> 00:01:56,000
Eu prefiro que acabasse de
 colocar os detentores em vez de

47
00:01:56,000 --> 00:01:59,090
cada campo indicando que
 tipo de campo é esse. 

48
00:01:59,090 --> 00:02:02,540
Então, vou em frente
 e esconder o rótulo. 

49
00:02:02,540 --> 00:02:04,610
Então, basta ter uma mensagem de e-mail de nome. 

50
00:02:04,610 --> 00:02:07,340
Agora, para editar os
 combustíveis reais,

51
00:02:07,340 --> 00:02:09,770
você clica dentro de cada um nome de amostra
 específico. 

52
00:02:09,770 --> 00:02:11,420
Vou clicar em Nome e

53
00:02:11,415 --> 00:02:14,015
convidar aqui Eu posso alterar
 o rótulo em si,

54
00:02:14,014 --> 00:02:15,544
posso alterar o espaço reservado. 

55
00:02:15,545 --> 00:02:18,185
E é claro que
 vamos fazer com que seja necessário. 

56
00:02:18,185 --> 00:02:19,985
E então, sob avançado,

57
00:02:19,985 --> 00:02:22,645
você terá coisas
 como o ID, bem como

58
00:02:22,640 --> 00:02:25,930
o código curto que
 faremos uso muito, muito em breve. 

59
00:02:25,925 --> 00:02:28,405
O mesmo acontece com o e-mail aqui. 

60
00:02:28,400 --> 00:02:30,830
É necessário e, em seguida, a
 mensagem, é claro

61
00:02:30,830 --> 00:02:33,260
todos fazem a mensagem,
 se necessário, também. 

62
00:02:33,260 --> 00:02:35,970
Você pode fazer com que esse campo
 seja menor ou maior

63
00:02:35,974 --> 00:02:39,384
dependendo dos seus
 gostos, e é isso. 

64
00:02:39,380 --> 00:02:42,230
Certo? Aqui você
 tem o tamanho de entrada

65
00:02:42,229 --> 00:02:45,169
para a imputa real
 para cada campo. 

66
00:02:45,170 --> 00:02:46,820
Você pode torná-lo
 pequeno, médio, grande. 

67
00:02:46,820 --> 00:02:48,230
Cabe inteiramente a você. 

68
00:02:48,230 --> 00:02:49,280
Você tem botões. 

69
00:02:49,280 --> 00:02:51,940
Você quer fazer os
 botões de tamanho médio, tamanho
 grande,

70
00:02:51,940 --> 00:02:56,090
mas esse é apenas
 o botão de envio em si. 

71
00:02:56,090 --> 00:02:59,000
Você pode alterar o
 texto aqui para

72
00:02:59,000 --> 00:03:02,050
o
 próprio botão enviar, e assim por diante. 

73
00:03:02,045 --> 00:03:05,975
Agora, é aqui que as coisas
 ficam muito, muito picantes. 

74
00:03:05,975 --> 00:03:08,695
Ações após o
 envio, o que acontece

75
00:03:08,690 --> 00:03:12,220
depois que o usuário
 clicou em Enviar? 

76
00:03:12,215 --> 00:03:13,715
Bem aqui? 

77
00:03:13,715 --> 00:03:17,365
Por padrão, as ações
 já foram ativadas. 

78
00:03:17,360 --> 00:03:18,650
Colete envios,

79
00:03:18,650 --> 00:03:20,470
que mostrarei
 em apenas um segundo. 

80
00:03:20,465 --> 00:03:24,625
E, em seguida, envie um e-mail, porque esses
 dois estão ativos por padrão,

81
00:03:24,620 --> 00:03:25,640
você clicou em envios

82
00:03:25,640 --> 00:03:27,260
aqui e depois
 tem e-mail. 

83
00:03:27,260 --> 00:03:28,750
Agora coleta
 envios que você
 realmente veria

84
00:03:28,745 --> 00:03:30,415
no back-end. 

85
00:03:30,410 --> 00:03:31,880
Deixe-me mostrar-lhe rapidamente. 

86
00:03:31,880 --> 00:03:34,030
Você verá no back-end,

87
00:03:34,025 --> 00:03:35,845
assim que as pessoas começarem a enviar

88
00:03:35,840 --> 00:03:37,850
o formulário de contato
 aqui, onde você

89
00:03:37,850 --> 00:03:40,010
tem elementar
 em envios da
 UCI

90
00:03:40,009 --> 00:03:42,049
aqui, você pode
 ter envios. 

91
00:03:42,050 --> 00:03:43,880
E é aqui que você começa a

92
00:03:43,880 --> 00:03:46,310
ver o nome da pessoa e assim por diante,

93
00:03:46,310 --> 00:03:47,470
fato, realizará

94
00:03:47,465 --> 00:03:49,585
um experimento muito,
 muito, muito em breve. 

95
00:03:49,580 --> 00:03:52,240
Mas é isso para
 os envios. 

96
00:03:52,235 --> 00:03:56,165
Agora, envie um e-mail aqui. 

97
00:03:56,165 --> 00:03:58,915
Você deseja receber um
 e-mail informando que alguém

98
00:03:58,910 --> 00:04:01,820
enviou um
 formulário de contato em seu site. 

99
00:04:01,820 --> 00:04:04,000
Aqui, você pode escolher

100
00:04:03,995 --> 00:04:06,535
o endereço de e-mail para
 receber identificação. 

101
00:04:06,530 --> 00:04:09,400
Claro, vou colocar minha
 própria luz de e-mail de administrador lá. 

102
00:04:09,395 --> 00:04:11,545
E, claro, por
 padrão, você tem que submeter

103
00:04:11,540 --> 00:04:13,580
nova mensagem do nome do
 seu site. 

104
00:04:13,580 --> 00:04:15,290
Você pode personalizar
 isso, é claro. 

105
00:04:15,290 --> 00:04:17,890
Em seguida, a mensagem
 conterá todos os campos. 

106
00:04:17,885 --> 00:04:21,655
No entanto, aqui você
 tem o e-mail
 do,

107
00:04:21,650 --> 00:04:24,950
do nome que
 deseja usar ou escolher

108
00:04:24,950 --> 00:04:28,910
os dados fornecidos pelo usuário. 

109
00:04:28,910 --> 00:04:31,830
Basicamente, o e-mail do
 deve ser o e-mail,

110
00:04:31,834 --> 00:04:33,324
todo o usuário. 

111
00:04:33,320 --> 00:04:35,080
O que você quer fazer
 aqui é isso, ok? 

112
00:04:35,075 --> 00:04:38,045
Você iria para os campos do formulário,
 acessaria

113
00:04:38,045 --> 00:04:40,615
e-mail, vá para Avançado
 e,

114
00:04:40,610 --> 00:04:41,630
em seguida, convidaria aqui,

115
00:04:41,630 --> 00:04:43,300
pegaria o código curto. 

116
00:04:43,295 --> 00:04:44,785
Então copie o código curto,

117
00:04:44,780 --> 00:04:46,800
volte aqui para e-mail. 

118
00:04:46,804 --> 00:04:48,924
E qualquer pessoa aqui por e-mail. 

119
00:04:48,920 --> 00:04:50,420
Não era simplesmente colar

120
00:04:50,420 --> 00:04:53,750
o ID do e-mail para
 que você possa

121
00:04:53,750 --> 00:04:55,670
realmente
 ver o e-mail da pessoa

122
00:04:55,670 --> 00:04:57,170
e, em seguida, do nome também,

123
00:04:57,170 --> 00:05:00,500
fazer exatamente a mesma coisa, ir
 para o campo Nome Avançado
 e,

124
00:05:00,500 --> 00:05:03,610
em seguida, simplesmente pegue o
 atalho para o campo de nome. 

125
00:05:03,605 --> 00:05:07,825
Volte para o e-mail e, em seguida,
 forneça aqui do nome. 

126
00:05:07,820 --> 00:05:09,640
Basta colar isso. 

127
00:05:09,635 --> 00:05:13,255
E então eles respondem para
 serem definidos para o e-mail,

128
00:05:13,250 --> 00:05:15,020
é
 claro, porque você
 gostaria de responder
 ao

129
00:05:15,020 --> 00:05:17,080
endereço de e-mail da pessoa. 

130
00:05:17,075 --> 00:05:18,035
E é isso. 

131
00:05:18,035 --> 00:05:20,375
Você pode adicionar seu
 CC, você é cego,

132
00:05:20,375 --> 00:05:22,855
cego, cópia e assim por diante. 

133
00:05:22,850 --> 00:05:25,190
Você também pode adicionar os
 metadados aqui,
 como

134
00:05:25,190 --> 00:05:27,650
a página que você é
 uma pessoa real visitada,

135
00:05:27,650 --> 00:05:29,800
a data, a hora e assim por diante. 

136
00:05:29,795 --> 00:05:31,445
Sin como HTML ou plano. 

137
00:05:31,445 --> 00:05:32,885
Isso é muito, muito,
 muito subjetivo. 

138
00:05:32,885 --> 00:05:36,905
Isso dependerá do provedor de serviços de
 e-mail. 

139
00:05:36,905 --> 00:05:38,785
Se também tiver passos frase

140
00:05:38,780 --> 00:05:40,430
lambda squiggly, mostre o
 que é isso. 

141
00:05:40,430 --> 00:05:41,960
Se você voltar para
 seus campos de formulário,

142
00:05:41,960 --> 00:05:43,100
talvez você queira criar

143
00:05:43,100 --> 00:05:46,190
como se talvez você formará
 é realmente
 muito,

144
00:05:46,190 --> 00:05:48,770
muito longo por algum motivo e
 você queira dividi-lo. 

145
00:05:48,770 --> 00:05:51,370
Quando você estiver adicionando
 seu item no tipo,

146
00:05:51,365 --> 00:05:53,045
você terá uma etapa. 

147
00:05:53,045 --> 00:05:55,565
Depois de ter o passo
 agora, você tem o próximo. 

148
00:05:55,564 --> 00:05:57,534
Então, após a etapa,
 você pode começar

149
00:05:57,530 --> 00:05:59,450
a adicionar mais campos novamente. 

150
00:05:59,450 --> 00:06:01,240
Então, o que acontece é
 quando eles preenchem

151
00:06:01,235 --> 00:06:04,925
os combustíveis falsos na primeira
 seção e clicam em Avançar. 

152
00:06:04,925 --> 00:06:07,715
Ele os levará para a
 próxima seção para o formulário,

153
00:06:07,715 --> 00:06:09,805
isso é basicamente o que as etapas,

154
00:06:09,800 --> 00:06:12,010
como você pode ver, este é o
 primeiro passo aqui. 

155
00:06:12,005 --> 00:06:14,635
E então você pode ver o passo
 dois lá à direita. 

156
00:06:14,630 --> 00:06:16,340
É para isso que é usado. 

157
00:06:16,340 --> 00:06:18,580
as etapas que são Configurações. 

158
00:06:18,575 --> 00:06:22,255
E então você também tem as opções
 adicionais como Ei,

159
00:06:22,250 --> 00:06:25,370
você
 quer personalizar
 mensagens como, ok,

160
00:06:25,370 --> 00:06:26,570
o senso térmico com sucesso,

161
00:06:26,570 --> 00:06:28,670
você entrará em contato com você em
 24 horas, coisas assim. 

162
00:06:28,670 --> 00:06:30,520
Você tem essa opção aqui. 

163
00:06:30,515 --> 00:06:33,475
Mas eles me deixarão
 esquecer de voltar para

164
00:06:33,470 --> 00:06:37,490
as ações após o
 envio, você tem muitos,

165
00:06:37,490 --> 00:06:40,050
além de
 envios clicados, e-mail,

166
00:06:40,054 --> 00:06:42,414
você pode ter e-mail para você

167
00:06:42,410 --> 00:06:43,820
pode redirecioná-los para

168
00:06:43,820 --> 00:06:45,620
um página separada. 
Você tem um webhook. 

169
00:06:45,620 --> 00:06:47,140
E, claro, se você estiver usando

170
00:06:47,135 --> 00:06:50,095
um software de gerenciamento de e-mail
 como nosso Mailchimp,

171
00:06:50,090 --> 00:06:54,370
campanha
 ativa, você também pode
 conectá-los aqui. 

172
00:06:54,365 --> 00:06:57,095
Você pode conectá-los
 ao Slack Discord,

173
00:06:57,095 --> 00:06:59,455
abrir também fornecer uma
 mensagem pop-up. 

174
00:06:59,450 --> 00:07:03,980
Então você tem muitas
 opções para configurar. 

175
00:07:03,980 --> 00:07:05,990
Turno alternativo. O que
 acontece depois que

176
00:07:05,990 --> 00:07:09,590
o usuário enviar o formulário? 

177
00:07:09,590 --> 00:07:13,040
É basicamente isso. 

178
00:07:13,040 --> 00:07:15,350
Vamos ir em frente e
 fechar esse. 

179
00:07:15,350 --> 00:07:18,730
E isso é, vou seguir
 em frente agora e simplesmente atualizar. 

180
00:07:18,725 --> 00:07:20,665
E, claro, vamos
 dar uma olhada
 na

181
00:07:20,660 --> 00:07:22,760
nova página aqui. 

182
00:07:22,760 --> 00:07:25,930
Opa, minha internet
 está se comportando mal. 

183
00:07:25,925 --> 00:07:27,235
Mais uma vez. 

184
00:07:27,230 --> 00:07:28,600
Minhas desculpas. Certo. 

185
00:07:28,595 --> 00:07:29,995
Isso agora você pode ver

186
00:07:29,990 --> 00:07:32,000
o novo Formulário de Contato

187
00:07:32,000 --> 00:07:34,280
construído com elementos
 de limão Pro Arte. 

188
00:07:34,280 --> 00:07:36,830
Vou mostrar um exemplo
 dos envios. 

189
00:07:36,830 --> 00:07:38,720
Vou pausar o
 vídeo e simplesmente

190
00:07:38,720 --> 00:07:40,430
enviar uma mensagem e então

191
00:07:40,430 --> 00:07:42,320
você verá os
 resultados aqui. 

192
00:07:42,320 --> 00:07:43,190
Bem-vindo de volta. 

193
00:07:43,190 --> 00:07:44,350
E como você pode ver agora,

194
00:07:44,345 --> 00:07:47,635
eu realmente enviei
 para formulários de contato,

195
00:07:47,630 --> 00:07:49,910
preenchidos para entrar em contato de
 um a sete navegadores. 

196
00:07:49,910 --> 00:07:51,860
Um de John James e depois um

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

198
00:07:54,050 --> 00:07:57,380
Agora, eu deveria ter apontado
 isso anteriormente. 

199
00:07:57,380 --> 00:07:59,090
Para o formulário de contato,

200
00:07:59,090 --> 00:08:00,170
você pode alterar o nome

201
00:08:00,170 --> 00:08:02,080
aqui, onde você
 tem o nome do formulário. 

202
00:08:02,075 --> 00:08:03,445
Então você pode ver que eu
 só vou ter que
 mudar o

203
00:08:03,440 --> 00:08:05,320
meu para o formulário de contato. 

204
00:08:05,315 --> 00:08:07,495
E notei isso quando envio

205
00:08:07,490 --> 00:08:10,310
o primeiro formulário das academias John. 

206
00:08:10,310 --> 00:08:12,800
Você pode ver o
 formulário correto, a nova forma de Nemo. 

207
00:08:12,800 --> 00:08:17,170
É por isso que o novo formulário porque não
 alteramos o nome. 

208
00:08:17,165 --> 00:08:20,005
Então, na segunda vez que mudei
 o nome para formulário de contato,

209
00:08:20,000 --> 00:08:22,550
enviei um novo formulário
 da mobilidade e

210
00:08:22,550 --> 00:08:23,720
é aí
 que agora pode
 dizer que o outono agora

211
00:08:23,720 --> 00:08:25,100
diz nosso formulário de contato. 

212
00:08:25,100 --> 00:08:26,450
Então é basicamente isso. 

213
00:08:26,450 --> 00:08:28,220
Você tem as IDs, você tem

214
00:08:28,220 --> 00:08:30,970
a página que o
 formal enviou. 

215
00:08:30,965 --> 00:08:35,605
E, claro, você pode ver
 a mensagem real em si. 

216
00:08:35,600 --> 00:08:37,330
Então você clica em ver aqui. 

217
00:08:37,325 --> 00:08:40,015
Você pode ver o
 nome completo, o e-mail
 e,

218
00:08:40,010 --> 00:08:44,900
em seguida, a mensagem real
 do usuário e convidado. 

219
00:08:44,900 --> 00:08:47,510
Você tem as informações de
 metadados adicionais

220
00:08:47,510 --> 00:08:49,490
quando a mensagem foi enviada,

221
00:08:49,490 --> 00:08:53,140
qual navegador foi
 usado e assim por diante. 

222
00:08:53,135 --> 00:08:56,575
É basicamente assim que
 o formulário de contato

223
00:08:56,570 --> 00:08:59,200
com o Elementor Pro Walks. 
Obrigado por assistir. 

224
00:08:59,195 --> 00:09:01,595
Vejo você
 na próxima aula.