1
00:00:01,070 --> 00:00:02,870
‫Instructor: En este video, usaremos

2
00:00:02,870 --> 00:00:07,100
‫el poder de Pug para crear una plantilla de correo electrónico realmente agradable

3
00:00:07,100 --> 00:00:10,893
‫y luego enviaremos un correo electrónico de bienvenida basado en esa plantilla.

4
00:00:12,680 --> 00:00:16,710
‫Y esa plantilla es bienvenida. pug aquí.

5
00:00:16,710 --> 00:00:21,410
‫Bien, ahora como antes, ya tengo una plantilla aquí en

6
00:00:21,410 --> 00:00:23,973
‫plantillas de datos de desarrollo.

7
00:00:25,050 --> 00:00:29,240
‫Entonces, la plantilla de correo electrónico y todo este

8
00:00:29,240 --> 00:00:32,990
‫código aquí con el CSS también está alineado.

9
00:00:32,990 --> 00:00:34,403
‫Así que un montón de CSS.

10
00:00:36,140 --> 00:00:40,563
‫Copiemos todo eso aquí como bienvenido. doguillo.

11
00:00:41,570 --> 00:00:45,200
‫De acuerdo, y aquí arriba, en la parte inferior, verá esta

12
00:00:45,200 --> 00:00:48,850
‫nota donde digo que en realidad adaptó esta plantilla de correo

13
00:00:48,850 --> 00:00:50,053
‫electrónico de esta.

14
00:00:51,780 --> 00:00:53,483
‫Así que abramos eso muy rápidamente.

15
00:00:54,511 --> 00:00:55,344
‫Está bien.

16
00:00:55,344 --> 00:00:58,813
‫Entonces, nuestro correo electrónico se parecerá un poco a este.

17
00:00:59,990 --> 00:01:03,590
‫Ahora, por supuesto, adapté un poco el diseño a nuestra marca.

18
00:01:03,590 --> 00:01:05,430
‫Entonces, para este botón

19
00:01:05,430 --> 00:01:07,783
‫aquí, usé nuestro color verde, por ejemplo.

20
00:01:09,848 --> 00:01:13,600
‫Pero algo de lo que usé es esta plantilla HTML.

21
00:01:16,210 --> 00:01:20,820
‫Luego, de hecho, convertí ese HTML con esta herramienta.

22
00:01:20,820 --> 00:01:22,763
‫Entonces HTML a Pug.

23
00:01:23,640 --> 00:01:25,950
‫De nuevo, echemos un vistazo rápido a eso.

24
00:01:25,950 --> 00:01:28,260
‫Y entonces, básicamente, lo que esto

25
00:01:28,260 --> 00:01:31,030
‫le permite hacer es pegar algo de HTML

26
00:01:31,030 --> 00:01:35,660
‫aquí, luego hacer clic en Convertir y generará el código Pug para usted.

27
00:01:35,660 --> 00:01:38,170
‫Eso puede ser muy útil cuando

28
00:01:38,170 --> 00:01:42,263
‫intentas convertir algunas páginas existentes que ya tienes un HTML a Pug.

29
00:01:45,010 --> 00:01:47,810
‫De todos modos, cuando estamos creando un correo electrónico

30
00:01:47,810 --> 00:01:50,350
‫HTML, siempre necesitamos integrar todos los estilos.

31
00:01:50,350 --> 00:01:53,290
‫Y es por eso que tienes esta tonelada de CSS

32
00:01:53,290 --> 00:01:55,240
‫aquí dentro de este archivo.

33
00:01:55,240 --> 00:01:58,000
‫Pero, por supuesto, esto hace que este archivo

34
00:01:58,000 --> 00:02:01,213
‫sea un poco ruidoso, así que tomemos todo eso y exportémoslo.

35
00:02:02,350 --> 00:02:04,810
‫Está bien, entonces, sí.

36
00:02:04,810 --> 00:02:05,703
‫Eso es todo.

37
00:02:06,610 --> 00:02:07,443
‫Así que

38
00:02:08,380 --> 00:02:10,720
‫córtelo, y aquí cree un nuevo archivo, y

39
00:02:10,720 --> 00:02:14,520
‫luego, como antes, con los archivos que voy a incluir, uso el guión

40
00:02:14,520 --> 00:02:17,827
‫bajo y luego el estilo. doguillo.

41
00:02:20,980 --> 00:02:22,710
‫Así que pega eso aquí.

42
00:02:22,710 --> 00:02:26,450
‫Y ahora también tenemos que ajustar todo este recuadro aquí

43
00:02:26,450 --> 00:02:29,210
‫y otra vez, Comando + Mayús +

44
00:02:29,210 --> 00:02:32,820
‫P o probablemente en Windows, Ctrl + Mayús + P.

45
00:02:32,820 --> 00:02:35,823
‫Y luego simplemente escribe pug para embellecer pug.

46
00:02:36,890 --> 00:02:39,053
‫Y eso hace que nuestro código sea agradable.

47
00:02:40,090 --> 00:02:41,623
‫Cierra ese de aquí,

48
00:02:42,770 --> 00:02:43,973
‫y ahora include_style.

49
00:02:49,060 --> 00:02:52,730
‫Bien, y ahora ves todos estos códigos aquí abajo, lo que parece

50
00:02:52,730 --> 00:02:55,750
‫realmente confuso y esa es en realidad la razón

51
00:02:55,750 --> 00:02:59,400
‫por la que copié esta plantilla de ese repositorio de GitHub que

52
00:02:59,400 --> 00:03:00,680
‫te mostré antes.

53
00:03:00,680 --> 00:03:03,160
‫Así que hay muchas tablas en marcha y

54
00:03:03,160 --> 00:03:05,080
‫eso se debe a que muchos

55
00:03:05,080 --> 00:03:08,410
‫clientes de correo electrónico en realidad solo entienden las tablas para formatear.

56
00:03:08,410 --> 00:03:11,800
‫Entonces tenemos todas estas cosas aquí que no son realmente

57
00:03:11,800 --> 00:03:15,350
‫significativas con filas de tablas dentro de tablas dentro de tablas.

58
00:03:15,350 --> 00:03:16,600
‫Estoy en lo cierto?

59
00:03:16,600 --> 00:03:20,720
‫Pero lo que importa aquí es esta área de contenido.

60
00:03:20,720 --> 00:03:22,440
‫Y esta es la

61
00:03:22,440 --> 00:03:25,340
‫parte de la plantilla donde colocaremos todo nuestro contenido.

62
00:03:25,340 --> 00:03:27,370
‫Ahora bien, la cosa es que, por

63
00:03:27,370 --> 00:03:29,370
‫supuesto, tendremos muchas plantillas diferentes.

64
00:03:29,370 --> 00:03:30,600
‫En el caso

65
00:03:30,600 --> 00:03:32,930
‫de este proyecto, en realidad solo crearemos

66
00:03:32,930 --> 00:03:36,410
‫dos nosotros mismos, pero puede haber muchos correos electrónicos para muchas

67
00:03:36,410 --> 00:03:39,610
‫situaciones y, por lo tanto, por supuesto, necesitaremos una forma

68
00:03:39,610 --> 00:03:42,840
‫de reutilizar todo este código que está fuera de este contenido.

69
00:03:42,840 --> 00:03:46,200
‫Entonces, básicamente, todos estos aquí deberían ser reutilizables y, de

70
00:03:46,200 --> 00:03:49,050
‫hecho, eso es exactamente lo que hicimos antes

71
00:03:49,050 --> 00:03:50,853
‫con nuestra plantilla base aquí.

72
00:03:52,352 --> 00:03:53,185
‫Está bien.

73
00:03:53,185 --> 00:03:56,450
‫Así que colocamos todo lo que es reutilizable para

74
00:03:56,450 --> 00:04:00,540
‫todas las plantillas dentro de esta base, luego tenemos nuestro bloque allí

75
00:04:00,540 --> 00:04:02,150
‫y todas las demás

76
00:04:02,150 --> 00:04:04,200
‫plantillas, luego simplemente extendimos este bloque.

77
00:04:04,200 --> 00:04:07,280
‫Y eso es exactamente lo que haremos ahora.

78
00:04:07,280 --> 00:04:12,240
‫Así que vayamos y cortemos todos estos desde aquí, creemos

79
00:04:12,240 --> 00:04:15,517
‫una nueva plantilla llamada baseEmail y luego

80
00:04:20,400 --> 00:04:21,623
‫colóquela aquí.

81
00:04:23,530 --> 00:04:27,550
‫Y ahora, para el contenido en sí, por supuesto,

82
00:04:27,550 --> 00:04:30,100
‫lo eliminamos de la base.

83
00:04:30,100 --> 00:04:31,773
‫Así que corte ese de

84
00:04:32,760 --> 00:04:34,550
‫aquí, y aquí creemos un bloque

85
00:04:35,920 --> 00:04:37,423
‫llamado contenido, nuevamente.

86
00:04:39,101 --> 00:04:39,934
‫Está bien.

87
00:04:39,934 --> 00:04:43,900
‫Y ahora aquí, en nuestra plantilla de bienvenida, colocamos ese

88
00:04:43,900 --> 00:04:45,600
‫contenido dentro de ese

89
00:04:48,260 --> 00:04:49,883
‫bloque de contenido.

90
00:04:50,880 --> 00:04:51,870
‫Bueno.

91
00:04:51,870 --> 00:04:54,750
‫Y ahora, para terminar, tenemos que decir que se

92
00:04:54,750 --> 00:04:57,190
‫extiende, de modo que esta plantilla aquí

93
00:04:58,070 --> 00:05:00,187
‫extiende el correo electrónico base.

94
00:05:04,160 --> 00:05:08,470
‫Formateemos esto nuevamente con este comando y

95
00:05:08,470 --> 00:05:10,670
‫eso es hermoso.

96
00:05:10,670 --> 00:05:11,503
‫Excelente.

97
00:05:12,450 --> 00:05:14,830
‫Ahora, aquí en nuestra

98
00:05:14,830 --> 00:05:18,620
‫plantilla base, ahora tenemos el tema como título.

99
00:05:18,620 --> 00:05:20,780
‫Y esa es la razón por

100
00:05:20,780 --> 00:05:23,023
‫la que pasé eso a la plantilla.

101
00:05:23,920 --> 00:05:27,030
‫Así que eso es aquí mismo, ¿recuerdas?

102
00:05:27,030 --> 00:05:29,829
‫Entonces, en la plantilla, pasamos el asunto,

103
00:05:29,829 --> 00:05:32,140
‫la URL y el nombre.

104
00:05:32,140 --> 00:05:35,980
‫Y ahora sigamos adelante y usemos esto en nuestra plantilla.

105
00:05:35,980 --> 00:05:39,470
‫Entonces, el tema ya lo usamos aquí en la base,

106
00:05:39,470 --> 00:05:42,120
‫pero eso es todo para este archivo, así

107
00:05:42,120 --> 00:05:44,363
‫que no lo volveremos a tocar.

108
00:05:45,230 --> 00:05:48,540
‫Y ahora aquí está nuestra plantilla real.

109
00:05:48,540 --> 00:05:53,540
‫Así que tenemos aquí el nombre y, por lo tanto, lo reemplazamos

110
00:05:53,670 --> 00:05:55,893
‫con la variable de nombre.

111
00:05:59,210 --> 00:06:03,840
‫Así que firstName aquí, luego tenemos todos estos buenos textos aquí.

112
00:06:03,840 --> 00:06:07,550
‫Bienvenidos a la familia, todas esas cosas.

113
00:06:07,550 --> 00:06:10,150
‫Y luego aquí tenemos ese botón verde

114
00:06:10,150 --> 00:06:13,370
‫del que hablé cuando les mostré la plantilla en

115
00:06:13,370 --> 00:06:17,220
‫GitHub y así sucesivamente ese botón, decimos subir foto de usuario.

116
00:06:17,220 --> 00:06:22,043
‫Y aquí necesitamos especificar esa URL que pasamos.

117
00:06:27,760 --> 00:06:31,380
‫Muy bien, entonces se llama URL, correcto.

118
00:06:31,380 --> 00:06:35,290
‫Y entonces, ahora ponemos eso en este botón aquí y

119
00:06:35,290 --> 00:06:36,720
‫eso es todo.

120
00:06:36,720 --> 00:06:39,440
‫Todo el resto aquí es solo

121
00:06:39,440 --> 00:06:43,130
‫contenido estático que no necesitamos cambiar en absoluto, ¿de acuerdo?

122
00:06:43,130 --> 00:06:47,470
‫Entonces, esta plantilla de bienvenida aquí ahora se usará cada

123
00:06:47,470 --> 00:06:49,790
‫vez que llamemos a sendWelcome.

124
00:06:49,790 --> 00:06:53,130
‫Y ahora, de hecho, sigamos adelante y hagamos eso.

125
00:06:53,130 --> 00:06:57,190
‫Entonces, ¿desde dónde queremos enviar el correo electrónico de bienvenida?

126
00:06:57,190 --> 00:07:00,540
‫Bueno, eso está en el authController y creo

127
00:07:00,540 --> 00:07:03,800
‫que hay una función de registro o registro

128
00:07:03,800 --> 00:07:05,663
‫o algo así, y está

129
00:07:07,140 --> 00:07:08,430
‫aquí mismo.

130
00:07:08,430 --> 00:07:10,240
‫Así que regístrate.

131
00:07:10,240 --> 00:07:13,130
‫Y entonces, en esto, necesitamos importar el correo electrónico y

132
00:07:13,130 --> 00:07:14,093
‫luego usarlo.

133
00:07:15,000 --> 00:07:18,760
‫Y, de hecho, ya tenemos sendEmail, pero ahora recuerda

134
00:07:18,760 --> 00:07:21,990
‫que se llama Email, así que con

135
00:07:21,990 --> 00:07:24,533
‫una E mayúscula como esta.

136
00:07:26,400 --> 00:07:29,980
‫Ahora usamos esa variable antes en algún lugar de aquí, así

137
00:07:29,980 --> 00:07:30,973
‫que vayamos allí.

138
00:07:33,438 --> 00:07:35,750
‫Muy bien, y este código aquí en

139
00:07:35,750 --> 00:07:39,520
‫este punto ya no funciona, pero lo arreglaremos en el siguiente video.

140
00:07:39,520 --> 00:07:41,440
‫Entonces, por ahora, comentémoslo

141
00:07:44,030 --> 00:07:45,983
‫para que no cause ningún daño.

142
00:07:48,409 --> 00:07:51,960
‫Pero de todos modos, ahora usemos esta clase de correo electrónico aquí.

143
00:07:59,060 --> 00:08:04,060
‫Entonces, el nuevo correo electrónico, y luego recuerde, primero es el usuario y, en realidad,

144
00:08:05,260 --> 00:08:08,700
‫el código VS lo sabe y muestra que aquí

145
00:08:08,700 --> 00:08:12,890
‫y, por lo tanto, el usuario es el nuevo usuario que tenemos aquí

146
00:08:15,810 --> 00:08:19,803
‫y luego la URL que vamos a crear aquí en un segundo.

147
00:08:22,150 --> 00:08:27,150
‫Así que const url es igual, pongámoslo a cero, por ahora.

148
00:08:30,315 --> 00:08:32,565
‫De acuerdo, y luego envíaBienvenido.

149
00:08:36,230 --> 00:08:39,050
‫Y ahora todo lo que tenemos que hacer es

150
00:08:39,050 --> 00:08:40,783
‫esperar esta función sendWelcome.

151
00:08:42,860 --> 00:08:45,980
‫Muy bien, hacemos eso, que solo avanzamos aquí

152
00:08:45,980 --> 00:08:49,923
‫al siguiente paso después de que el correo electrónico haya sido enviado.

153
00:08:50,880 --> 00:08:52,910
‫Y podemos hacer eso,

154
00:08:52,910 --> 00:08:57,233
‫por supuesto, porque sendWelcome es una función asincrónica, recuérdalo.

155
00:08:58,100 --> 00:08:59,750
‫Entonces, cuando realmente

156
00:08:59,750 --> 00:09:02,163
‫lo usamos, esperamos hasta que termine.

157
00:09:03,580 --> 00:09:05,960
‫Está bien, y esto es todo

158
00:09:05,960 --> 00:09:08,170
‫lo que necesitamos hacer para

159
00:09:08,170 --> 00:09:12,270
‫enviar correos electrónicos ahora, pero aún necesitamos especificar nuestra URL aquí.

160
00:09:12,270 --> 00:09:15,110
‫Ahora, ¿qué URL queremos realmente aquí?

161
00:09:15,110 --> 00:09:17,200
‫Bueno, recuerda que

162
00:09:17,200 --> 00:09:20,910
‫aquí en el botón, dice Upload_user_photo, ¿verdad?

163
00:09:20,910 --> 00:09:22,540
‫Básicamente, queremos apuntar a

164
00:09:22,540 --> 00:09:24,603
‫esa página de cuenta de usuario.

165
00:09:25,600 --> 00:09:29,600
‫Entonces, básicamente, aquí mismo.

166
00:09:29,600 --> 00:09:33,833
‫Entonces, por ahora, copiemos, pero luego lo cambiaremos.

167
00:09:35,630 --> 00:09:37,100
‫Y podríamos dejarlo

168
00:09:37,100 --> 00:09:39,640
‫así, pero entonces solo funcionaría en

169
00:09:39,640 --> 00:09:42,510
‫desarrollo y no en producción, porque, por supuesto,

170
00:09:42,510 --> 00:09:45,720
‫esto aquí no existe cuando estamos en producción.

171
00:09:45,720 --> 00:09:49,140
‫Entonces, en lugar de codificarlo básicamente de esta manera, obtendremos

172
00:09:49,140 --> 00:09:51,373
‫estos datos de la solicitud.

173
00:09:53,050 --> 00:09:56,830
‫Entonces, básicamente, obtendremos qué protocolo estamos usando,

174
00:09:56,830 --> 00:10:01,830
‫si usamos HTTP o HTTPS, y luego también este host.

175
00:10:03,440 --> 00:10:06,920
‫De acuerdo, y ambos podemos obtener de la solicitud.

176
00:10:06,920 --> 00:10:09,350
‫Así que reemplacemos todos estos aquí y hagamos

177
00:10:11,237 --> 00:10:12,830
‫de esto una cadena

178
00:10:14,310 --> 00:10:18,590
‫de plantilla y luego podemos decir solicitud. protocolo, luego dos

179
00:10:22,000 --> 00:10:24,193
‫puntos, barra, barra y

180
00:10:26,850 --> 00:10:30,580
‫luego solicitar. obtener.

181
00:10:30,580 --> 00:10:32,710
‫Entonces necesitamos usar esta función

182
00:10:32,710 --> 00:10:35,653
‫getter y lo que queremos obtener es el host.

183
00:10:36,710 --> 00:10:38,670
‫Entonces, cuando estemos en desarrollo,

184
00:10:38,670 --> 00:10:41,750
‫por supuesto, este será el host local en

185
00:10:41,750 --> 00:10:43,263
‫el puerto 3000.

186
00:10:46,160 --> 00:10:47,790
‫Bien, consolémoslo solo para

187
00:10:51,700 --> 00:10:52,703
‫asegurarnos.

188
00:10:54,020 --> 00:10:57,460
‫Bien, y ahora, probémoslo.

189
00:10:57,460 --> 00:11:00,723
‫Y todo lo que tenemos que hacer para eso es simplemente crear un nuevo usuario.

190
00:11:02,170 --> 00:11:04,543
‫Así que hagámoslo aquí en Postman.

191
00:11:06,550 --> 00:11:07,943
‫Así que Regístrese, y

192
00:11:09,980 --> 00:11:13,860
‫ahora en nuestro Cuerpo, creemos un nuevo nombre, digamos

193
00:11:13,860 --> 00:11:15,223
‫Test User.

194
00:11:17,700 --> 00:11:20,280
‫Y aquí, todo esto realmente no importa, así que

195
00:11:20,280 --> 00:11:22,767
‫digamos test @ natours. io y

196
00:11:26,310 --> 00:11:28,110
‫con la misma contraseña estándar.

197
00:11:28,990 --> 00:11:31,600
‫Y ahora, cuando creamos este nuevo usuario, deberíamos

198
00:11:31,600 --> 00:11:34,850
‫obtener un nuevo correo electrónico en nuestro Mailtrap, para que

199
00:11:34,850 --> 00:11:36,513
‫podamos echarle un vistazo.

200
00:11:37,470 --> 00:11:41,583
‫Intentémoslo y tenemos un buen error aquí.

201
00:11:42,420 --> 00:11:44,560
‫Así que echemos un vistazo a eso.

202
00:11:44,560 --> 00:11:48,200
‫Y dice que no pudo encontrar este archivo.

203
00:11:48,200 --> 00:11:52,373
‫Entonces, hay algún error en nuestro controlador de correo electrónico aquí.

204
00:11:53,460 --> 00:11:56,353
‫Así que intentemos encontrar dónde está eso.

205
00:11:57,794 --> 00:11:59,003
‫Ah, está aquí abajo.

206
00:11:59,910 --> 00:12:02,160
‫Entonces, el problema es que la carpeta

207
00:12:02,160 --> 00:12:05,113
‫aquí se llama correo electrónico y aquí la llamé correos electrónicos.

208
00:12:07,130 --> 00:12:09,340
‫Así que digamos correo electrónico,

209
00:12:09,340 --> 00:12:10,850
‫prefiero ese.

210
00:12:10,850 --> 00:12:12,263
‫Y ahora debería funcionar.

211
00:12:13,480 --> 00:12:15,400
‫Ah, y ahora recibimos el

212
00:12:15,400 --> 00:12:18,160
‫siguiente error, porque este correo electrónico aquí ya existe.

213
00:12:18,160 --> 00:12:20,210
‫Y eso se debe a que en

214
00:12:20,210 --> 00:12:22,900
‫el paso anterior creamos el error, el único problema

215
00:12:22,900 --> 00:12:24,740
‫fue enviar el correo electrónico.

216
00:12:24,740 --> 00:12:27,303
‫Así que hagámoslo de nuevo aquí, prueba dos.

217
00:12:30,100 --> 00:12:31,500
‫Y un error más.

218
00:12:31,500 --> 00:12:35,220
‫Esta vez viniendo directamente de Pug.

219
00:12:35,220 --> 00:12:39,320
‫Por lo tanto, solo los bloques con nombre y los mixins pueden aparecer en el nivel superior

220
00:12:39,320 --> 00:12:40,763
‫de una plantilla de extensión.

221
00:12:42,440 --> 00:12:44,203
‫Y entonces algo anda

222
00:12:45,170 --> 00:12:47,490
‫mal aquí, y de hecho lo está.

223
00:12:47,490 --> 00:12:49,573
‫Así que ese es exactamente

224
00:12:49,573 --> 00:12:53,630
‫el error que nos dijo que teníamos y que solo podemos tener

225
00:12:53,630 --> 00:12:56,020
‫extensiones y bloques, pero aquí tenemos

226
00:12:56,020 --> 00:12:58,540
‫este párrafo también en el nivel superior.

227
00:12:58,540 --> 00:12:59,920
‫Entonces eso no está permitido.

228
00:12:59,920 --> 00:13:03,503
‫Así que pongámoslo donde pertenece, que es aquí mismo.

229
00:13:05,300 --> 00:13:09,020
‫Guarde eso, inténtelo una vez más y, por supuesto,

230
00:13:09,020 --> 00:13:11,300
‫ahora obtenemos este error.

231
00:13:11,300 --> 00:13:12,873
‫Así que digamos la prueba tres.

232
00:13:18,011 --> 00:13:20,310
‫Bien, ahora estamos listos para irnos.

233
00:13:20,310 --> 00:13:22,670
‫Así que creamos con éxito el nuevo usuario,

234
00:13:22,670 --> 00:13:23,980
‫ha iniciado sesión.

235
00:13:23,980 --> 00:13:26,480
‫Y ahora echemos un vistazo a Mailtrap para

236
00:13:26,480 --> 00:13:28,823
‫ver si realmente recibimos nuestro correo electrónico.

237
00:13:30,460 --> 00:13:31,473
‫Entonces Mailtrap.

238
00:13:34,310 --> 00:13:35,963
‫Déjame iniciar sesión aquí muy rápido.

239
00:13:37,320 --> 00:13:40,030
‫Y aquí está nuestra bandeja de entrada de

240
00:13:40,030 --> 00:13:43,450
‫Natours, y de hecho, aquí está este nuevo correo electrónico de hace

241
00:13:43,450 --> 00:13:46,300
‫un minuto que dice bienvenido a la familia de Natours.

242
00:13:46,300 --> 00:13:47,170
‫Excelente.

243
00:13:47,170 --> 00:13:50,560
‫Y realmente se ve muy bien, ¿verdad?

244
00:13:50,560 --> 00:13:53,630
‫Así que esos son todos los textos que teníamos en nuestra plantilla.

245
00:13:53,630 --> 00:13:56,313
‫También podemos ver el HTML completo aquí.

246
00:13:59,160 --> 00:14:01,330
‫También aquí tenemos el texto.

247
00:14:01,330 --> 00:14:03,940
‫Y recuerde que creamos este aquí desde

248
00:14:03,940 --> 00:14:06,130
‫el HTML al paquete de

249
00:14:06,130 --> 00:14:09,443
‫texto y así podemos confirmar que también funciona bien.

250
00:14:10,330 --> 00:14:12,850
‫Y, uh, sí.

251
00:14:12,850 --> 00:14:15,333
‫Intentemos hacer clic aquí en este botón

252
00:14:16,590 --> 00:14:20,450
‫y, de hecho, nos lleva a la página de nuestra cuenta.

253
00:14:20,450 --> 00:14:23,740
‫Ahora, en este momento estamos realmente conectados como Aarav

254
00:14:23,740 --> 00:14:27,010
‫porque ya estábamos conectados como ese usuario, pero ese

255
00:14:27,010 --> 00:14:28,680
‫no es realmente

256
00:14:28,680 --> 00:14:31,200
‫el punto porque este correo electrónico aquí

257
00:14:31,200 --> 00:14:34,560
‫supone que te estás registrando desde el sitio web, ¿verdad?

258
00:14:34,560 --> 00:14:36,420
‫Ahora, eso no funciona en este

259
00:14:36,420 --> 00:14:39,510
‫punto, por lo que no tenemos ningún formulario de registro

260
00:14:39,510 --> 00:14:41,850
‫en nuestro sitio web, pero la parte

261
00:14:41,850 --> 00:14:45,980
‫realmente importante aquí es que nuestro correo electrónico aquí ahora funciona bien, el

262
00:14:45,980 --> 00:14:47,800
‫botón aquí también funciona.

263
00:14:47,800 --> 00:14:49,620
‫Y ese gran controlador de correo

264
00:14:49,620 --> 00:14:52,710
‫electrónico que creamos en la última conferencia está haciendo su trabajo

265
00:14:52,710 --> 00:14:54,860
‫tan bien como la plantilla de correo electrónico

266
00:14:54,860 --> 00:14:56,660
‫que creamos en este video.

267
00:14:56,660 --> 00:14:59,090
‫Entonces, estoy muy contento con este resultado.

268
00:14:59,090 --> 00:15:01,300
‫A continuación, hagamos algo similar para los

269
00:15:01,300 --> 00:15:03,223
‫correos electrónicos de restablecimiento de contraseña.