1
00:00:00,000 --> 00:00:02,910
Eu apenas criei
 a página do blog e agora

2
00:00:02,910 --> 00:00:05,400
deixei construir outra página
 muito importante,

3
00:00:05,400 --> 00:00:08,300
e essa
 será a página de contato. 

4
00:00:08,295 --> 00:00:10,565
Agora, idealmente, é claro, na
 sua página de contato você quer

5
00:00:10,560 --> 00:00:13,300
ter algum tipo de formulário de contato,

6
00:00:13,304 --> 00:00:15,224
talvez até algum mapa do Google. 

7
00:00:15,225 --> 00:00:17,645
Se você tiver uma localização física. 

8
00:00:17,640 --> 00:00:19,140
Ou não temos uma localização
 física,

9
00:00:19,140 --> 00:00:21,510
mas vamos
 adicionar um formulário de contato. 

10
00:00:21,510 --> 00:00:24,810
Agora, existem vários plugins

11
00:00:24,810 --> 00:00:26,820
por
 aí para criar formulários de
 contato. 

12
00:00:26,820 --> 00:00:28,440
E, de fato, se você estiver usando

13
00:00:28,440 --> 00:00:30,360
a versão paga do elemental,

14
00:00:30,360 --> 00:00:33,360
você terá o elemento do formulário. 

15
00:00:33,355 --> 00:00:35,575
Mas estamos usando a versão
 gratuita do elemental. 

16
00:00:35,570 --> 00:00:38,140
Então, vamos
 instalar outro plugin. 

17
00:00:38,135 --> 00:00:42,985
E esse plugin é chamado de plugins
 do WP Forms. 

18
00:00:42,980 --> 00:00:45,820
Então deixe-me digitar formulários WP. 

19
00:00:45,815 --> 00:00:47,735
E é o único aqui. 

20
00:00:47,735 --> 00:00:50,035
Tudo bem, então
 vamos em frente, instalar. 

21
00:00:50,030 --> 00:00:54,510
E agora vamos
 ativar o plugin. 

22
00:00:54,610 --> 00:00:58,520
Tudo bem, então
 vamos seguir em frente e clicar

23
00:00:58,520 --> 00:01:02,200
em criar seu primeiro
 formulário aqui. 

24
00:01:02,195 --> 00:01:05,095
O bom deste plugin
 em particular é que ele se

25
00:01:05,090 --> 00:01:07,970
integra muito bem
 com o elementar. 

26
00:01:07,969 --> 00:01:10,999
Vou digitar
 um nome aqui. 

27
00:01:11,000 --> 00:01:13,460
Então esse
 será o formulário de contato. 

28
00:01:13,460 --> 00:01:15,460
Esse será o
 nome deste formulário. 

29
00:01:15,455 --> 00:01:19,295
Formulário de contato está aqui. 

30
00:01:19,295 --> 00:01:21,785
Você tem nossos
 diferentes modelos,

31
00:01:21,784 --> 00:01:24,324
escolherão o fator de forma de
 contato simples. 

32
00:01:24,320 --> 00:01:26,300
Podemos ver a demonstração aqui. 

33
00:01:26,300 --> 00:01:27,940
Você pode ver que esta é
 a demonstração aqui. 

34
00:01:27,935 --> 00:01:28,795
Muito, muito simples. 

35
00:01:28,790 --> 00:01:31,690
Você terá o nome, e-mail
 e, em seguida, campos de mensagem. 

36
00:01:31,685 --> 00:01:34,625
Então isso deve se adequar
 aos nossos propósitos,

37
00:01:34,625 --> 00:01:37,865
vou seguir em frente e simplesmente
 clicar em Usar modelo. 

38
00:01:38,110 --> 00:01:40,280
Isso é por si
 só, mas só vai fazer

39
00:01:40,280 --> 00:01:43,010
algumas alterações

40
00:01:43,010 --> 00:01:44,420
na
 forma
 como o plug-in funciona como estão aqui,

41
00:01:44,420 --> 00:01:46,010
você tem os campos disponíveis

42
00:01:46,010 --> 00:01:47,600
para você com a versão gratuita,

43
00:01:47,600 --> 00:01:50,150
há uma versão paga
 onde você tem acesso a

44
00:01:50,150 --> 00:01:51,800
esses campos extravagantes e

45
00:01:51,800 --> 00:01:54,040
aos campos de pagamento e assim por
 diante, mas não precisamos deles. 

46
00:01:54,035 --> 00:01:56,125
Então o gengibre que vou
 fazer aqui seria

47
00:01:56,120 --> 00:01:57,970
editar o campo de nome. 

48
00:01:57,965 --> 00:02:01,145
Então, vou simplesmente
 clicar no interior. 

49
00:02:01,145 --> 00:02:04,435
E aqui
 você tem o formato. 

50
00:02:04,430 --> 00:02:06,560
Eu prefiro o
 formato simples em que você
 tem apenas

51
00:02:06,560 --> 00:02:09,190
uma única
 linha para o nome. 

52
00:02:09,185 --> 00:02:11,605
Mas você forçou o meio,

53
00:02:11,600 --> 00:02:14,290
último e o primeiro, o
 último, e assim por diante. 

54
00:02:14,285 --> 00:02:16,135
No Avançado, você pode alterar

55
00:02:16,130 --> 00:02:19,450
o tamanho do campo para
 lançar dois pequenos,

56
00:02:19,445 --> 00:02:22,465
dependendo do seu gosto
 e do que você preferir. 

57
00:02:22,460 --> 00:02:24,710
Você pode adicionar seus
 óculos CSS aqui. 

58
00:02:24,710 --> 00:02:26,030
Você também tem lógica inteligente,

59
00:02:26,030 --> 00:02:27,260
que, opa,
 sinto muito por isso. 

60
00:02:27,260 --> 00:02:28,010
Esqueci. 

61
00:02:28,010 --> 00:02:31,790
Isso só está disponível com
 a versão paga de qualquer maneira,

62
00:02:31,790 --> 00:02:33,640
para as opções de campo. 

63
00:02:33,635 --> 00:02:35,545
É isso. Assim, você pode
 voltar aqui e adicionar

64
00:02:35,540 --> 00:02:38,930
campos
 adicionais, como caixas
 de seleção suspensas. 

65
00:02:38,930 --> 00:02:41,110
Se você quisesse. 

66
00:02:41,105 --> 00:02:43,625
Em configuração aqui,

67
00:02:43,625 --> 00:02:45,215
sinto muito, nas configurações,

68
00:02:45,215 --> 00:02:47,365
seja aqui, é
 aqui que você pode

69
00:02:47,360 --> 00:02:49,510
alterar coisas como o
 próprio nome do formulário. 

70
00:02:49,505 --> 00:02:50,875
Você pode alterar o texto

71
00:02:50,870 --> 00:02:53,770
do botão e
 influenciar aplicativos. 

72
00:02:53,765 --> 00:02:55,675
É aqui que você pode

73
00:02:55,670 --> 00:02:57,620
configurar os tipos de
 notificações que deseja

74
00:02:57,620 --> 00:03:00,520
receber sempre que alguém enviar

75
00:03:00,515 --> 00:03:02,725
o formulário de contato. 

76
00:03:02,720 --> 00:03:05,330
Queremos ser
 notificados aqui por padrão,

77
00:03:05,330 --> 00:03:06,980
o e-mail do administrador
 associado ao

78
00:03:06,980 --> 00:03:08,600
seu
 site WordPress estará aqui,

79
00:03:08,600 --> 00:03:11,510
mas você pode adicionar seus próprios elementos de e-mail
 personalizados. 

80
00:03:11,510 --> 00:03:13,480
Mostre uma coisa,
 ok, bem aqui,

81
00:03:13,475 --> 00:03:15,485
onde você tem do nome. 

82
00:03:15,485 --> 00:03:19,025
Por padrão, ele será definido como
 o nome do seu site,

83
00:03:19,025 --> 00:03:22,075
mas fará muito mais
 sentido configurá-los para

84
00:03:22,070 --> 00:03:26,210
o nome real da
 pessoa que envia a mensagem. 

85
00:03:26,210 --> 00:03:28,510
Então, aqui, clico
 em Mostrar tags inteligentes. 

86
00:03:28,505 --> 00:03:30,905
Basta escolher o campo nome,

87
00:03:30,905 --> 00:03:32,305
ou seu FirstName, LastName,

88
00:03:32,300 --> 00:03:34,810
dependendo do tipo de sensação
 que você tem para o nome. 

89
00:03:34,805 --> 00:03:37,555
E, em seguida, o mesmo para
 o e-mail também. 

90
00:03:37,550 --> 00:03:40,300
Simplesmente escolheremos
 o campo de e-mail. 

91
00:03:40,295 --> 00:03:45,235
E vou seguir em frente
 e simplesmente salvar. 

92
00:03:45,230 --> 00:03:48,260
Você tem as conformações
 aqui, bem como tudo bem,

93
00:03:48,260 --> 00:03:51,280
o que acontece depois que eles
 preenchem o formulário de contato? 

94
00:03:51,275 --> 00:03:52,865
Eles recebem uma mensagem? Em caso afirmativo,

95
00:03:52,865 --> 00:03:54,565
é aqui que você pode
 editar a mensagem. 

96
00:03:54,560 --> 00:03:56,900
Você pode mostrá-los em uma página
 específica e
 será

97
00:03:56,900 --> 00:03:59,770
uma beleza especial
 de todos criados. 

98
00:03:59,765 --> 00:04:01,315
Você pode simplesmente redirecioná-los para

99
00:04:01,310 --> 00:04:04,340
um URL externo se
 quiser ir. 

100
00:04:04,340 --> 00:04:05,570
Não vamos fazer nada disso. 

101
00:04:05,570 --> 00:04:06,860
Vamos em frente agora simplesmente PARA

102
00:04:06,860 --> 00:04:09,530
economizar mais uma vez, feche isso. 

103
00:04:09,530 --> 00:04:14,890
Agora vamos
 para a página de contato. 

104
00:04:14,885 --> 00:04:17,155
Vamos em frente e editar a página

105
00:04:17,150 --> 00:04:20,400
de
 tudo a partir do backend do
 WordPress. 

106
00:04:20,410 --> 00:04:23,480
Então, a partir daqui,
 vou
 clicar em editar

107
00:04:23,480 --> 00:04:25,810
com o Elementor
 para que agora possamos

108
00:04:25,805 --> 00:04:31,565
usar a interface Elementor
 e verificar isso. 

109
00:04:31,565 --> 00:04:35,605
Tudo bem, opa,
 esqueci de fazer uma magra. 

110
00:04:35,600 --> 00:04:36,680
Minhas desculpas. 

111
00:04:36,680 --> 00:04:38,680
Precisamos habilitar

112
00:04:38,675 --> 00:04:43,675
os formulários WP são complementares para
 os plugins de itens essenciais. 

113
00:04:43,670 --> 00:04:44,840
Então, vamos fazer isso rapidamente. 

114
00:04:44,840 --> 00:04:47,580
Vou para átomos
 essenciais aqui. 

115
00:04:48,070 --> 00:04:50,470
Vamos para os elementos. 

116
00:04:50,465 --> 00:04:55,465
E então aqui você tem
 os elementos de estilo do formulário. 

117
00:04:55,460 --> 00:04:57,110
Você verá o WP Forms. 

118
00:04:57,110 --> 00:04:59,510
Vamos em frente e
 agora ativá-lo. 

119
00:04:59,510 --> 00:05:01,040
Você pode ver que você tem acesso a

120
00:05:01,040 --> 00:05:02,930
outros tipos de formas,
 como formas fluentes,

121
00:05:02,930 --> 00:05:04,250
Gravity Forms, que na verdade
 é muito,
 muito

122
00:05:04,250 --> 00:05:05,570
bom Ninja Forms e assim por diante. 

123
00:05:05,570 --> 00:05:09,650
De qualquer forma, vamos seguir em frente
 e salvar nossas configurações. 

124
00:05:09,650 --> 00:05:12,440
E vou fechar isso. 

125
00:05:12,440 --> 00:05:15,180
Vamos atualizar esta
 página mais uma vez. 

126
00:05:15,670 --> 00:05:18,410
Ok, então a coisa
 sobre os formulários WE

127
00:05:18,410 --> 00:05:20,570
é que, mesmo com a
 versão gratuita do elementar,

128
00:05:20,570 --> 00:05:23,420
você terá acesso
 ao elemento. 

129
00:05:23,420 --> 00:05:26,120
Depois de instalar e
 ativar o plugin,

130
00:05:26,120 --> 00:05:28,400
você pode vê-lo
 aqui no básico,

131
00:05:28,400 --> 00:05:31,330
você tem formulários WP por Elemental. 

132
00:05:31,325 --> 00:05:34,345
Vou clicar em
 arrastar para dentro aqui. 

133
00:05:34,340 --> 00:05:36,950
E mostrarei a
 diferença entre
 este

134
00:05:36,950 --> 00:05:39,440
e o fornecido
 por complementos essenciais. 

135
00:05:39,440 --> 00:05:42,430
Vamos voltar, rolar
 todo o caminho até aqui. 

136
00:05:42,425 --> 00:05:44,845
Vamos adicionar o dos

137
00:05:44,840 --> 00:05:48,580
complementos
 essenciais em
 uma seção diferente. 

138
00:05:48,575 --> 00:05:51,685
Agora você vai ver
 a principal diferença, ok? 

139
00:05:51,680 --> 00:05:53,770
Este é o único para
 os átomos essenciais. 

140
00:05:53,765 --> 00:05:55,435
Vou escolher o contato para
 a

141
00:05:55,430 --> 00:05:57,250
taxa de
 mortalidade. Ele
 diz selecionar formulário. 

142
00:05:57,245 --> 00:06:00,235
Vamos escolher isso. 
Agora, aqui. 

143
00:06:00,230 --> 00:06:02,750
Compare este com
 o aqui em cima. 

144
00:06:02,750 --> 00:06:04,820
Vamos com o dos
 elementos do primeiro. 

145
00:06:04,820 --> 00:06:06,880
Vamos escolher o formulário de
 contato também. 

146
00:06:06,875 --> 00:06:09,895
O problema é que você só

147
00:06:09,890 --> 00:06:13,190
tem acesso ao tipo
 de formulário a ser escolhido. 

148
00:06:13,190 --> 00:06:14,660
As opções de exibição são boas. 

149
00:06:14,660 --> 00:06:15,800
Você quer filmar o nome do formulário,

150
00:06:15,800 --> 00:06:18,150
descrição e depois avançado. 

151
00:06:18,154 --> 00:06:20,344
Não há nada mais nisso. 

152
00:06:20,345 --> 00:06:24,145
No entanto, para aquele
 com complementos essenciais,

153
00:06:24,140 --> 00:06:27,050
você tem acesso a muito mais. 

154
00:06:27,050 --> 00:06:30,460
Você pode mostrar os
 rótulos da descrição, por favor, segure-a. 

155
00:06:30,455 --> 00:06:32,455
Você ainda tem nossas mensagens
 de erro. 

156
00:06:32,450 --> 00:06:33,560
Você quer mostrar mensagens de erro

157
00:06:33,560 --> 00:06:34,790
ou deseja ocultá-las? 

158
00:06:34,790 --> 00:06:36,140
Por exemplo, se alguém

159
00:06:36,140 --> 00:06:37,640
não preencheu o campo de
 nome e, em seguida,

160
00:06:37,640 --> 00:06:39,020
pressionar Enviar, você deseja

161
00:06:39,020 --> 00:06:40,940
exibir a
 mensagem de erro ou não. 

162
00:06:40,940 --> 00:06:44,570
Você tem acesso a muitas opções
 de estilo. 

163
00:06:44,570 --> 00:06:46,580
Você pode adicionar uma cor de
 fundo do formulário. 

164
00:06:46,580 --> 00:06:49,610
Você pode alinhar o formulário
 em suas margens de largura. 

165
00:06:49,610 --> 00:06:51,860
Você tem todos os tipos de opções de
 estilo para

166
00:06:51,860 --> 00:06:54,190
os
 rótulos de título e descrição e assim por diante. 

167
00:06:54,185 --> 00:06:55,435
Todas essas opções de tempo,

168
00:06:55,430 --> 00:06:58,000
você não as obtém

169
00:06:57,995 --> 00:06:59,515
com o elemento fornecido
 pela

170
00:06:59,510 --> 00:07:01,070
versão gratuita do elemental. 

171
00:07:01,070 --> 00:07:02,150
É por isso que prefiro
 usar

172
00:07:02,150 --> 00:07:05,030
o fornecido
 por átomos essenciais. 

173
00:07:05,030 --> 00:07:08,210
Então vou seguir em frente e
 fechar este pelo Elemental. 

174
00:07:08,209 --> 00:07:10,059
Vamos caminhar sobre este. 

175
00:07:10,055 --> 00:07:11,995
Muito, muito simples. 

176
00:07:11,990 --> 00:07:15,740
Não vamos fazer
 grandes mudanças aqui, exceto

177
00:07:15,740 --> 00:07:19,870
que simplesmente esconderemos o
 título da lista telefônica. 

178
00:07:19,865 --> 00:07:21,445
Todo mundo sabe que é
 um formulário de contato,

179
00:07:21,440 --> 00:07:24,460
então não há necessidade de
 mudar nada aqui. 

180
00:07:24,455 --> 00:07:25,945
Uma coisa que faremos, porém,

181
00:07:25,940 --> 00:07:28,580
é ocultar o título da página. 

182
00:07:28,580 --> 00:07:31,270
E depois adicionaremos
 nosso próprio título. 

183
00:07:31,265 --> 00:07:33,175
Tudo bem, e vamos
 simplesmente escolher este aqui como uma

184
00:07:33,170 --> 00:07:34,700
tipografia de estilo H1 ir para

185
00:07:34,700 --> 00:07:38,650
o
 estilo,
 que é principal.
 

186
00:07:38,645 --> 00:07:44,165
E vamos simplesmente mais frio
 Cisne nosso Fale Conosco. 

187
00:07:44,165 --> 00:07:45,715
É isso. 

188
00:07:45,710 --> 00:07:51,480
Adicionaremos algum preenchimento aos valores
 do link da seção. 

189
00:07:51,484 --> 00:07:57,514
Vamos com 50 no
 topo e depois 50 abaixo. 

190
00:07:57,514 --> 00:08:00,024
Na verdade, pense nisso. 

191
00:08:00,020 --> 00:08:03,100
O Fale Conosco é realmente
 um livro muito, muito grande. 

192
00:08:03,095 --> 00:08:05,815
Tudo bem, vamos apenas alinhar
 este para o meio. 

193
00:08:05,810 --> 00:08:07,960
E vamos apenas adicionar
 algum padrão para

194
00:08:07,955 --> 00:08:10,055
o formulário real em si. 

195
00:08:10,055 --> 00:08:11,585
Vou clicar
 no elemento do formulário. 

196
00:08:11,585 --> 00:08:12,895
Vamos para Avançado. 

197
00:08:12,890 --> 00:08:15,400
E também adicionaremos
 algum preenchimento também. 

198
00:08:15,395 --> 00:08:17,305
Basta dar-lhe alguma
 distância entre

199
00:08:17,300 --> 00:08:20,540
o título real e
 o próprio formulário. 

200
00:08:20,540 --> 00:08:23,360
Então vá em frente e atualize. 

201
00:08:23,360 --> 00:08:27,650
Isso é o que vou seguir
 em frente agora e ver a página. 

202
00:08:27,650 --> 00:08:32,280
E é isso para
 a página Fale Conosco. 

203
00:08:32,275 --> 00:08:35,725
Agora, novamente, você pode tornar
 isso um pouco mais emocionante. 

204
00:08:35,720 --> 00:08:37,610
Você pode ir com
 talvez duas colunas

205
00:08:37,610 --> 00:08:39,380
oposição à seção. 

206
00:08:39,380 --> 00:08:41,620
A primeira coluna você pode adicionar
 uma

207
00:08:41,615 --> 00:08:43,705
imagem de alguém
 que talvez ligue ou

208
00:08:43,700 --> 00:08:46,190
alguém envie um
 e-mail, coisas assim. 

209
00:08:46,190 --> 00:08:48,020
Portanto, existem diferentes
 maneiras de modificar

210
00:08:48,020 --> 00:08:49,670
a página Fale Conosco
 e torná-la mais

211
00:08:49,670 --> 00:08:51,740
emocionante se você quiser. 

212
00:08:51,740 --> 00:08:53,960
Mas isso é muito, muito simples,

213
00:08:53,959 --> 00:08:57,649
muito simples, e
 atende aos nossos propósitos. 

214
00:08:57,650 --> 00:08:59,150
Então, obrigado por assistir e

215
00:08:59,150 --> 00:09:01,410
verei você
 na próxima aula.