1
00:00:00,000 --> 00:00:02,910
Simplemente construí
la página del blog y ahora

2
00:00:02,910 --> 00:00:05,400
vamos a construir otra página
muy importante,

3
00:00:05,400 --> 00:00:08,300
y esa va a
ser la página de Contacto. 

4
00:00:08,295 --> 00:00:10,565
Ahora idealmente, por supuesto, en
tu página de contacto quieres
tener

5
00:00:10,560 --> 00:00:13,300
algún tipo de formulario de contacto,

6
00:00:13,304 --> 00:00:15,224
tal vez incluso algún mapa de Google. 

7
00:00:15,225 --> 00:00:17,645
Si tienes una ubicación física. 

8
00:00:17,640 --> 00:00:19,140
O no tenemos una ubicación
física,

9
00:00:19,140 --> 00:00:21,510
pero vamos a
agregar un formulario de contacto. 

10
00:00:21,510 --> 00:00:24,810
Ahora, hay varios plugins

11
00:00:24,810 --> 00:00:26,820
por
ahí para crear formularios de
contacto. 

12
00:00:26,820 --> 00:00:28,440
Y de hecho, si estás usando

13
00:00:28,440 --> 00:00:30,360
la versión pagada de elemental,

14
00:00:30,360 --> 00:00:33,360
tendrás el elemento de formulario. 

15
00:00:33,355 --> 00:00:35,575
Pero estamos usando la, la versión
gratuita de elemental. 

16
00:00:35,570 --> 00:00:38,140
Entonces vamos a
instalar otro plugin. 

17
00:00:38,135 --> 00:00:42,985
Y a este plugin se le llama
los complementos WP Forms. 

18
00:00:42,980 --> 00:00:45,820
Entonces déjame escribir formularios WP. 

19
00:00:45,815 --> 00:00:47,735
Y es el de aquí mismo. 

20
00:00:47,735 --> 00:00:50,035
Muy bien, así que vamos
adelante instalemos. 

21
00:00:50,030 --> 00:00:54,510
Y ahora vamos a
activar el plugin. 

22
00:00:54,610 --> 00:00:58,520
Muy bien, así que sólo
vamos a seguir adelante y hacer clic

23
00:00:58,520 --> 00:01:02,200
en crear tu primer
formulario aquí mismo. 

24
00:01:02,195 --> 00:01:05,095
Lo bueno de este plugin
en particular es que se

25
00:01:05,090 --> 00:01:07,970
integra muy bien
con elemental. 

26
00:01:07,969 --> 00:01:10,999
Voy a escribir
un nombre aquí mismo. 

27
00:01:11,000 --> 00:01:13,460
Entonces ese va a
ser el formulario de contacto. 

28
00:01:13,460 --> 00:01:15,460
Ese será el
nombre de esta forma. 

29
00:01:15,455 --> 00:01:19,295
Formulario de contacto están aquí. 

30
00:01:19,295 --> 00:01:21,785
Usted sí tiene nuestras
diferentes plantillas,

31
00:01:21,784 --> 00:01:24,324
van a elegir el factor de formulario de
contacto simple. 

32
00:01:24,320 --> 00:01:26,300
Podemos ver la demo aquí. 

33
00:01:26,300 --> 00:01:27,940
Se puede ver esta es
la demo aquí mismo. 

34
00:01:27,935 --> 00:01:28,795
Muy, muy simple. 

35
00:01:28,790 --> 00:01:31,690
Tendrás los campos de nombre, correo electrónico
y luego mensaje. 

36
00:01:31,685 --> 00:01:34,625
Para que eso se adapte a
nuestros propósitos en,

37
00:01:34,625 --> 00:01:37,865
voy a seguir adelante y simplemente
haga clic en Usar plantilla. 

38
00:01:38,110 --> 00:01:40,280
Eso es en sí, pero
sólo va
a hacer

39
00:01:40,280 --> 00:01:43,010
algunos cambios de la

40
00:01:43,010 --> 00:01:44,420
forma en que funciona el plug-in
como están aquí mismo,

41
00:01:44,420 --> 00:01:46,010
tienes los campos disponibles

42
00:01:46,010 --> 00:01:47,600
para ti con la versión gratuita,

43
00:01:47,600 --> 00:01:50,150
hay una versión de pago
 donde tienes acceso a

44
00:01:50,150 --> 00:01:51,800
estos campos de lujo y

45
00:01:51,800 --> 00:01:54,040
los campos de pago y así
sucesivamente, pero no los necesitamos. 

46
00:01:54,035 --> 00:01:56,125
Entonces el jengibre que voy a
hacer aquí sería

47
00:01:56,120 --> 00:01:57,970
editar el campo de nombre. 

48
00:01:57,965 --> 00:02:01,145
Así que simplemente voy a
hacer click en el interior. 

49
00:02:01,145 --> 00:02:04,435
Y aquí mismo
sí tienes el formato. 

50
00:02:04,430 --> 00:02:06,560
Prefiero el
formato sencillo donde solo
tienes

51
00:02:06,560 --> 00:02:09,190
una sola
línea para el nombre. 

52
00:02:09,185 --> 00:02:11,605
Pero te has forzado medio,

53
00:02:11,600 --> 00:02:14,290
último, y primero,
último, y así sucesivamente. 

54
00:02:14,285 --> 00:02:16,135
En el Avanzado, puedes cambiar

55
00:02:16,130 --> 00:02:19,450
el tamaño del campo para
lanzar dos pequeños,

56
00:02:19,445 --> 00:02:22,465
dependiendo de tu gusto
y de lo que prefieras. 

57
00:02:22,460 --> 00:02:24,710
Puedes añadir tus
gafas CSS aquí. 

58
00:02:24,710 --> 00:02:26,030
También tienes lógica inteligente,

59
00:02:26,030 --> 00:02:27,260
que, oops,
lo siento por eso. 

60
00:02:27,260 --> 00:02:28,010
Lo olvidé. 

61
00:02:28,010 --> 00:02:31,790
Esto solo está disponible con
la versión de pago de todos modos,

62
00:02:31,790 --> 00:02:33,640
para las opciones de campo. 

63
00:02:33,635 --> 00:02:35,545
Eso es todo. Para que puedas
volver aquí y agregar

64
00:02:35,540 --> 00:02:38,930
campos
adicionales como casillas
de verificación desplegables. 

65
00:02:38,930 --> 00:02:41,110
Si quisieras. 

66
00:02:41,105 --> 00:02:43,625
Bajo configuración aquí,

67
00:02:43,625 --> 00:02:45,215
lo
siento, bajo ajustes,
ya sea aquí,

68
00:02:45,215 --> 00:02:47,365
aquí
es donde se pueden
cambiar

69
00:02:47,360 --> 00:02:49,510
cosas como el nombre del formulario
real en sí. 

70
00:02:49,505 --> 00:02:50,875
Puede cambiar el texto para

71
00:02:50,870 --> 00:02:53,770
el botón e
influir en las aplicaciones. 

72
00:02:53,765 --> 00:02:55,675
Aquí es donde puedes

73
00:02:55,670 --> 00:02:57,620
configurar el tipo de
notificaciones que quieras
recibir

74
00:02:57,620 --> 00:03:00,520
cada vez que alguien envíe

75
00:03:00,515 --> 00:03:02,725
el rellena el formulario de contacto. 

76
00:03:02,720 --> 00:03:05,330
Queremos que nos
notifiquen aquí por defecto,

77
00:03:05,330 --> 00:03:06,980
el correo de administración
asociado a

78
00:03:06,980 --> 00:03:08,600
tu
sitio web de WordPress estará aquí,

79
00:03:08,600 --> 00:03:11,510
pero puedes agregar tus propios elementos de correo electrónico
personalizados. 

80
00:03:11,510 --> 00:03:13,480
Muéstrale algo,
vale, aquí mismo,

81
00:03:13,475 --> 00:03:15,485
donde tienes de nombre. 

82
00:03:15,485 --> 00:03:19,025
Por defecto, se
establecerá en el nombre de su sitio web,

83
00:03:19,025 --> 00:03:22,075
pero tendrá mucho más
sentido establecer estos

84
00:03:22,070 --> 00:03:26,210
el nombre real de la
persona que envía el mensaje. 

85
00:03:26,210 --> 00:03:28,510
Por lo que aquí mismo hago click
en Mostrar etiquetas inteligentes. 

86
00:03:28,505 --> 00:03:30,905
Simplemente elija el campo de nombre,

87
00:03:30,905 --> 00:03:32,305
o su nombre, LastName,

88
00:03:32,300 --> 00:03:34,810
dependiendo del tipo de sensación
que tenga para el nombre. 

89
00:03:34,805 --> 00:03:37,555
Y luego lo mismo para
de correo electrónico también. 

90
00:03:37,550 --> 00:03:40,300
Simplemente elegiremos
el campo de correo electrónico. 

91
00:03:40,295 --> 00:03:45,235
Y voy a seguir adelante
y simplemente ahorrar. 

92
00:03:45,230 --> 00:03:48,260
Tienes las conformaciones
aquí también como bien, ¿

93
00:03:48,260 --> 00:03:51,280
qué pasa una vez que
llenaron el formulario de contacto? 

94
00:03:51,275 --> 00:03:52,865
¿ Reciben un mensaje? Si

95
00:03:52,865 --> 00:03:54,565
es
así, aquí es donde se puede
editar el mensaje. 

96
00:03:54,560 --> 00:03:56,900
Puedes mostrarlos en una página
particular y
será

97
00:03:56,900 --> 00:03:59,770
una belleza especial
de todo creado. 

98
00:03:59,765 --> 00:04:01,315
Simplemente puedes redirigirlos a

99
00:04:01,310 --> 00:04:04,340
una URL externa
si querías ir. 

100
00:04:04,340 --> 00:04:05,570
No vamos a hacer nada de eso. 

101
00:04:05,570 --> 00:04:06,860
Vamos a seguir adelante ahora simplemente PARA

102
00:04:06,860 --> 00:04:09,530
ahorrar una vez más, cierra esto. 

103
00:04:09,530 --> 00:04:14,890
Ahora vamos a ir
a la página de contacto. 

104
00:04:14,885 --> 00:04:17,155
Vamos a seguir adelante y editar la página

105
00:04:17,150 --> 00:04:20,400
primer lugar desde el backend de
WordPress. 

106
00:04:20,410 --> 00:04:23,480
Entonces desde aquí
voy a hacer click

107
00:04:23,480 --> 00:04:25,810
en editar con Elementor para que ahora
podamos

108
00:04:25,805 --> 00:04:31,565
usar la interfaz Elementor
y echar un vistazo a esto. 

109
00:04:31,565 --> 00:04:35,605
Muy bien, oops, me
olvidé de hacer una delgada. 

110
00:04:35,600 --> 00:04:36,680
Mis disculpas. 

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

112
00:04:38,675 --> 00:04:43,675
los formularios WP son add-on para
los complementos de elementos esenciales. 

113
00:04:43,670 --> 00:04:44,840
Entonces hagamos esto rápidamente. 

114
00:04:44,840 --> 00:04:47,580
Voy a ir a átomos
esenciales aquí. 

115
00:04:48,070 --> 00:04:50,470
Vamos a los elementos. 

116
00:04:50,465 --> 00:04:55,465
Y luego aquí abajo tienes
los elementos de estilo de forma. 

117
00:04:55,460 --> 00:04:57,110
Verás Formularios WP. 

118
00:04:57,110 --> 00:04:59,510
Vamos a seguir adelante y
ahora activar eso. 

119
00:04:59,510 --> 00:05:01,040
Se puede ver que tiene acceso a

120
00:05:01,040 --> 00:05:02,930
otro tipo de formas
como formas fluidas, Formas

121
00:05:02,930 --> 00:05:04,250
Gravedad, que en realidad
es muy,

122
00:05:04,250 --> 00:05:05,570
muy bueno Ninja Forms y así sucesivamente. 

123
00:05:05,570 --> 00:05:09,650
De todos modos, sigamos adelante
y guardemos nuestra configuración. 

124
00:05:09,650 --> 00:05:12,440
Y voy a cerrar esto. 

125
00:05:12,440 --> 00:05:15,180
Actualicemos esta
página una vez más. 

126
00:05:15,670 --> 00:05:18,410
De acuerdo, entonces lo que
pasa con las formas WE

127
00:05:18,410 --> 00:05:20,570
es que incluso con la
versión gratuita de elemental,

128
00:05:20,570 --> 00:05:23,420
tendrás acceso
al elemento. 

129
00:05:23,420 --> 00:05:26,120
Una vez que hayas instalado y
activado el plugin,

130
00:05:26,120 --> 00:05:28,400
puedes verlo
aquí mismo en lo básico,

131
00:05:28,400 --> 00:05:31,330
tienes formularios WP de Elemental. 

132
00:05:31,325 --> 00:05:34,345
Voy a hacer clic
arrastrar por dentro aquí. 

133
00:05:34,340 --> 00:05:36,950
Y te mostraré la
diferencia entre
éste

134
00:05:36,950 --> 00:05:39,440
y el que proporcionan
los complementos esenciales. 

135
00:05:39,440 --> 00:05:42,430
Volvamos, desplázate
hasta aquí abajo. 

136
00:05:42,425 --> 00:05:44,845
Agreguemos el de

137
00:05:44,840 --> 00:05:48,580
complementos
esenciales en
una sección diferente. 

138
00:05:48,575 --> 00:05:51,685
Ahora vas a ver
la diferencia principal, ¿de acuerdo? 

139
00:05:51,680 --> 00:05:53,770
Este es el de
los átomos esenciales. 

140
00:05:53,765 --> 00:05:55,435
Voy a elegir
el contacto para la

141
00:05:55,430 --> 00:05:57,250
tasa de
mortalidad. 
Dice selecto formulario. 

142
00:05:57,245 --> 00:06:00,235
Vamos a elegir eso. 
Ahora justo aquí. 

143
00:06:00,230 --> 00:06:02,750
Compara éste con
el de aquí arriba. 

144
00:06:02,750 --> 00:06:04,820
Vamos con el de elementos
de primera. 

145
00:06:04,820 --> 00:06:06,880
Vamos a elegir también el formulario de
contacto. 

146
00:06:06,875 --> 00:06:09,895
El caso es que solo

147
00:06:09,890 --> 00:06:13,190
tienes acceso al tipo
de formulario a elegir. 

148
00:06:13,190 --> 00:06:14,660
Las opciones de visualización son buenas. 

149
00:06:14,660 --> 00:06:15,800
Quieres disparar el nombre del formulario,

150
00:06:15,800 --> 00:06:18,150
descripción y luego avanzado. 

151
00:06:18,154 --> 00:06:20,344
No hay nada más. 

152
00:06:20,345 --> 00:06:24,145
No obstante, para el que
tiene complementos esenciales,

153
00:06:24,140 --> 00:06:27,050
se tiene acceso a mucho más. 

154
00:06:27,050 --> 00:06:30,460
Puedes mostrar las
etiquetas de descripción, por favor sostenla. 

155
00:06:30,455 --> 00:06:32,455
Incluso tienes nuestros mensajes
de error. 

156
00:06:32,450 --> 00:06:33,560
¿ Quieres mostrar mensajes de error

157
00:06:33,560 --> 00:06:34,790
o quieres ocultarlos? 

158
00:06:34,790 --> 00:06:36,140
Entonces, por ejemplo, si alguien

159
00:06:36,140 --> 00:06:37,640
no llenaba el campo de
nombre y luego la

160
00:06:37,640 --> 00:06:39,020
prensa Enviar querías
mostrar

161
00:06:39,020 --> 00:06:40,940
el
mensaje de error o no. 

162
00:06:40,940 --> 00:06:44,570
Tienes acceso a muchas opciones
de estilo. 

163
00:06:44,570 --> 00:06:46,580
Puede agregar un color de
fondo del formulario. 

164
00:06:46,580 --> 00:06:49,610
Puedes alinear el formulario
a tus márgenes de ancho. 

165
00:06:49,610 --> 00:06:51,860
Tienes todo tipo de opciones de
estilo para
las

166
00:06:51,860 --> 00:06:54,190
etiquetas de título y descripción y así sucesivamente. 

167
00:06:54,185 --> 00:06:55,435
Todas estas opciones de tiempo,

168
00:06:55,430 --> 00:06:58,000
no las consigues con la que tiene

169
00:06:57,995 --> 00:06:59,515
el elemento proporcionado por

170
00:06:59,510 --> 00:07:01,070
la versión gratuita de elemental. 

171
00:07:01,070 --> 00:07:02,150
Por eso prefiero
usar

172
00:07:02,150 --> 00:07:05,030
el que proporcionan
los átomos esenciales. 

173
00:07:05,030 --> 00:07:08,210
Así que voy a seguir adelante y
cerrar éste por Elemental. 

174
00:07:08,209 --> 00:07:10,059
Caminemos sobre éste. 

175
00:07:10,055 --> 00:07:11,995
Muy, muy simple. 

176
00:07:11,990 --> 00:07:15,740
No vamos a hacer ningún cambio
enorme aquí excepto

177
00:07:15,740 --> 00:07:19,870
que simplemente ocultaremos el
título de la agenda telefónica. 

178
00:07:19,865 --> 00:07:21,445
Todo el mundo sabe que es
un formulario de contacto,

179
00:07:21,440 --> 00:07:24,460
por lo que no hay necesidad de
cambiar nada aquí. 

180
00:07:24,455 --> 00:07:25,945
Una cosa que vamos a hacer sin embargo,

181
00:07:25,940 --> 00:07:28,580
es ocultar el título de la página. 

182
00:07:28,580 --> 00:07:31,270
Y luego agregaremos
nuestro propio rubro. 

183
00:07:31,265 --> 00:07:33,175
Muy bien, y
simplemente elegiremos esta

184
00:07:33,170 --> 00:07:34,700
en ella como un H1 ir a

185
00:07:34,700 --> 00:07:38,650
tipografía de
estilo,
que es primaria. 

186
00:07:38,645 --> 00:07:44,165
Y sencillamente vamos a
cisne más frío nuestro Contáctenos. 

187
00:07:44,165 --> 00:07:45,715
Eso es todo. 

188
00:07:45,710 --> 00:07:51,480
Agregaremos algún relleno a
los valores de enlace de sección. 

189
00:07:51,484 --> 00:07:57,514
Vamos a ir con 50 en la
parte superior y luego 50 abajo. 

190
00:07:57,514 --> 00:08:00,024
En realidad vienen a pensarlo. 

191
00:08:00,020 --> 00:08:03,100
El Contáctanos es en realidad libro
muy, muy grande. 

192
00:08:03,095 --> 00:08:05,815
Está bien, vamos a alinear
este al medio. 

193
00:08:05,810 --> 00:08:07,960
Y solo agregaremos
algún patrón para

194
00:08:07,955 --> 00:08:10,055
la forma real en sí. 

195
00:08:10,055 --> 00:08:11,585
Voy a hacer click
en el elemento de formulario. 

196
00:08:11,585 --> 00:08:12,895
Vamos a Avanzado. 

197
00:08:12,890 --> 00:08:15,400
Y también agregaremos
algún relleno también. 

198
00:08:15,395 --> 00:08:17,305
Simplemente dale cierta
distancia entre

199
00:08:17,300 --> 00:08:20,540
el título real y
la forma misma. 

200
00:08:20,540 --> 00:08:23,360
Así que adelante y actualízate. 

201
00:08:23,360 --> 00:08:27,650
Eso es lo que voy a
seguir adelante ahora y ver la página. 

202
00:08:27,650 --> 00:08:32,280
Y eso es todo para
la página Contáctenos. 

203
00:08:32,275 --> 00:08:35,725
Ahora de nuevo, puedes hacer
esto un poco más emocionante. 

204
00:08:35,720 --> 00:08:37,610
Se puede ir con
tal vez dos columnas

205
00:08:37,610 --> 00:08:39,380
a diferencia de en sección. 

206
00:08:39,380 --> 00:08:41,620
La primera columna se puede agregar una,

207
00:08:41,615 --> 00:08:43,705
una imagen de
alguien que tal vez llame o

208
00:08:43,700 --> 00:08:46,190
alguien envíe en un
correo electrónico, cosas así. 

209
00:08:46,190 --> 00:08:48,020
Por lo que hay diferentes
formas de modificar

210
00:08:48,020 --> 00:08:49,670
la página Contáctenos
y hacerla más

211
00:08:49,670 --> 00:08:51,740
emocionante si lo quisieras. 

212
00:08:51,740 --> 00:08:53,960
Pero esto es muy, muy simple,

213
00:08:53,959 --> 00:08:57,649
muy sencillo, y
se adapta a nuestros propósitos. 

214
00:08:57,650 --> 00:08:59,150
Así que gracias por mirarte y

215
00:08:59,150 --> 00:09:01,410
te
veré en
la próxima clase.