1 00:00:00,000 --> 00:00:01,860 Illumina te muestra cómo reconstruir 2 00:00:01,859 --> 00:00:05,279 la página de contacto usando Elementor Pro. 3 00:00:05,280 --> 00:00:06,840 Y específicamente vamos a estar trabajando con 4 00:00:06,840 --> 00:00:10,070 el elemento elemental pro forma. 5 00:00:10,065 --> 00:00:11,595 Voy a ir al backend. 6 00:00:11,595 --> 00:00:12,915 Y en primer lugar, 7 00:00:12,915 --> 00:00:14,825 voy a desactivar 8 00:00:14,820 --> 00:00:18,450 el plug-in de formularios WP que ya no necesitábamos. 9 00:00:18,450 --> 00:00:20,460 Entonces voy a desactivar. 10 00:00:20,460 --> 00:00:24,180 Y volvamos a la página de contacto. 11 00:00:24,180 --> 00:00:25,710 Y obviamente cuando van a 12 00:00:25,710 --> 00:00:27,710 decir cualquier formulario de contacto más. 13 00:00:27,705 --> 00:00:31,205 Pero voy a ir a Editar con Elementor ahora mismo. 14 00:00:31,200 --> 00:00:34,170 Ya que por supuesto estamos utilizando elementos son pro, 15 00:00:34,169 --> 00:00:37,399 sí tenemos el elemento de forma, 16 00:00:37,395 --> 00:00:40,495 que es absolutamente fantástico. 17 00:00:40,495 --> 00:00:42,215 Lo encontrarás en el pro, 18 00:00:42,215 --> 00:00:44,215 ves aquí mismo formulario. 19 00:00:44,210 --> 00:00:48,410 Voy a dejarme hacer clic aquí adentro y 20 00:00:48,410 --> 00:00:50,390 en realidad eliminar este bloque 21 00:00:50,390 --> 00:00:52,720 porque ya no teníamos las formas lípidas. 22 00:00:52,715 --> 00:00:55,465 Pero no tome ninguna forma y luego simplemente déjelo caer 23 00:00:55,460 --> 00:00:58,970 en el título Contáctenos. 24 00:00:58,969 --> 00:01:02,989 Al igual que con el plugin de formularios WP por defecto, 25 00:01:02,990 --> 00:01:04,250 tendrás un formulario de contacto muy, 26 00:01:04,250 --> 00:01:07,070 muy sencillo 27 00:01:07,070 --> 00:01:09,400 que tendrá tres campos de nombre, 28 00:01:09,395 --> 00:01:11,935 correo electrónico, mensaje, aquí mismo. 29 00:01:11,930 --> 00:01:14,320 Estos son los campos que puedes agregar. 30 00:01:14,315 --> 00:01:15,985 Otro campo como tú da click en 31 00:01:15,980 --> 00:01:19,040 Agregar Artículo aquí donde tengas tipo, 32 00:01:19,040 --> 00:01:20,750 tendrás diferentes tipos de combustibles. 33 00:01:20,750 --> 00:01:22,610 Se puede añadir la hora del día. 34 00:01:22,610 --> 00:01:24,410 Incluso puede agregar cargas de archivos. 35 00:01:24,410 --> 00:01:27,410 Entonces si quieres que tus suscriptores o clientes potenciales 36 00:01:27,409 --> 00:01:30,019 adjunten archivos para enviarte, 37 00:01:30,020 --> 00:01:32,050 sí tienes ese campo. 38 00:01:32,045 --> 00:01:36,775 También puedes integrar elemental con la captura de Google. 39 00:01:36,770 --> 00:01:38,870 Y luego puedes usar la versión de recaptura 40 00:01:38,870 --> 00:01:41,330 uno y la versión tres aquí para seguridad. 41 00:01:41,330 --> 00:01:44,890 Y luego también tienes como el honeypot y así sucesivamente, 42 00:01:44,885 --> 00:01:46,825 no agregando ningún campo adicional. 43 00:01:46,820 --> 00:01:48,790 Así que voy a dejar estos tres. 44 00:01:48,785 --> 00:01:52,045 No obstante, esto es por supuesto muy subjetivo, 45 00:01:52,040 --> 00:01:53,840 pero prefiero no tener las etiquetas. 46 00:01:53,840 --> 00:01:56,000 Prefiero que acaba de pasar a colocar titulares en lugar de 47 00:01:56,000 --> 00:01:59,090 cada campo indicando qué tipo de campo es ese. 48 00:01:59,090 --> 00:02:02,540 Así que voy a seguir adelante y esconder la etiqueta. 49 00:02:02,540 --> 00:02:04,610 Por lo que sólo tiene mensaje de correo electrónico de nombre. 50 00:02:04,610 --> 00:02:07,340 Ahora para editar los propios combustibles reales, se 51 00:02:07,340 --> 00:02:09,770 hace clic dentro de cada nombre de muestra específico. 52 00:02:09,770 --> 00:02:11,420 Voy a hacer click en Nombre e 53 00:02:11,415 --> 00:02:14,015 invitar aquí puedo cambiar la etiqueta misma, 54 00:02:14,014 --> 00:02:15,544 puedo cambiar el placeholder. 55 00:02:15,545 --> 00:02:18,185 Y por supuesto que vamos a hacer que sea necesario. 56 00:02:18,185 --> 00:02:19,985 Y luego bajo avanzado, 57 00:02:19,985 --> 00:02:22,645 tendrás cosas como el ID así como 58 00:02:22,640 --> 00:02:25,930 el código corto que haremos uso muy, muy pronto. 59 00:02:25,925 --> 00:02:28,405 Lo mismo va con el correo electrónico aquí. 60 00:02:28,400 --> 00:02:30,830 Se requiere y luego mensaje por supuesto 61 00:02:30,830 --> 00:02:33,260 todos hacen el mensaje si así lo requiere. 62 00:02:33,260 --> 00:02:35,970 Puedes hacer que este campo sea más pequeño o más grande 63 00:02:35,974 --> 00:02:39,384 dependiendo de tus gustos, y eso es todo. 64 00:02:39,380 --> 00:02:42,230 ¿ De acuerdo? Aquí tienes el tamaño de entrada 65 00:02:42,229 --> 00:02:45,169 para el impute real para cada campo. 66 00:02:45,170 --> 00:02:46,820 Puedes hacerlo pequeño, mediano, grande. 67 00:02:46,820 --> 00:02:48,230 Depende enteramente de ti. 68 00:02:48,230 --> 00:02:49,280 Tienes botones. 69 00:02:49,280 --> 00:02:51,940 ¿ Quieres hacer los botones de tamaño mediano, 70 00:02:51,940 --> 00:02:56,090 gran tamaño, pero eso es sólo el botón de envío en sí. 71 00:02:56,090 --> 00:02:59,000 Puedes cambiar el texto aquí mismo para 72 00:02:59,000 --> 00:03:02,050 el propio botón de enviar, y así sucesivamente. 73 00:03:02,045 --> 00:03:05,975 Ahora, aquí es donde las cosas se ponen muy, muy picantes. 74 00:03:05,975 --> 00:03:08,695 Acciones después de enviar, ¿qué sucede 75 00:03:08,690 --> 00:03:12,220 una vez que el usuario ha hecho clic en Enviar? 76 00:03:12,215 --> 00:03:13,715 ¿ Justo aquí? 77 00:03:13,715 --> 00:03:17,365 Por defecto, ya se han habilitado las acciones. 78 00:03:17,360 --> 00:03:18,650 Recoge presentaciones, 79 00:03:18,650 --> 00:03:20,470 que te mostraré en tan solo un segundo. 80 00:03:20,465 --> 00:03:24,625 Y luego por correo electrónico, debido a que estos dos están activos por defecto, 81 00:03:24,620 --> 00:03:25,640 has hecho clic aquí mismo en los envíos 82 00:03:25,640 --> 00:03:27,260 y luego tienes correo electrónico. 83 00:03:27,260 --> 00:03:28,750 Ahora recoge las presentaciones que realmente verías 84 00:03:28,745 --> 00:03:30,415 en el backend. 85 00:03:30,410 --> 00:03:31,880 Déjame simplemente mostrarte rápidamente. 86 00:03:31,880 --> 00:03:34,030 Verás en el backend, 87 00:03:34,025 --> 00:03:35,845 una vez que las personas comiencen a enviar 88 00:03:35,840 --> 00:03:37,850 el formulario de contacto aquí mismo donde tienes 89 00:03:37,850 --> 00:03:40,010 elemental en presentaciones de UCI 90 00:03:40,009 --> 00:03:42,049 aquí podrías tener presentaciones. 91 00:03:42,050 --> 00:03:43,880 Y es aquí donde se empieza a 92 00:03:43,880 --> 00:03:46,310 ver el nombre de la persona y así sucesivamente, 93 00:03:46,310 --> 00:03:47,470 hecho, realizará 94 00:03:47,465 --> 00:03:49,585 un experimento muy, muy, muy pronto. 95 00:03:49,580 --> 00:03:52,240 Pero eso es todo por las presentaciones. 96 00:03:52,235 --> 00:03:56,165 Ahora, correo electrónico aquí mismo. 97 00:03:56,165 --> 00:03:58,915 Desea recibir un correo electrónico de que alguien 98 00:03:58,910 --> 00:04:01,820 ha enviado un formulario de contacto en su página web. 99 00:04:01,820 --> 00:04:04,000 Aquí mismo, puede elegir 100 00:04:03,995 --> 00:04:06,535 la dirección de correo electrónico para recibir identificación. 101 00:04:06,530 --> 00:04:09,400 Por supuesto, voy a poner mi propia luz de correo electrónico admin ahí. 102 00:04:09,395 --> 00:04:11,545 Y luego por supuesto por defecto tienes que someter 103 00:04:11,540 --> 00:04:13,580 nuevo mensaje desde y luego el nombre de tu sitio web. 104 00:04:13,580 --> 00:04:15,290 Puedes personalizar esto por supuesto. 105 00:04:15,290 --> 00:04:17,890 Entonces el mensaje contendrá todos los campos. 106 00:04:17,885 --> 00:04:21,655 No obstante, aquí tienes el desde el correo electrónico, 107 00:04:21,650 --> 00:04:24,950 del nombre que deseas utilizar o elegir 108 00:04:24,950 --> 00:04:28,910 los datos proporcionados por el usuario. 109 00:04:28,910 --> 00:04:31,830 Básicamente el de correo electrónico debe ser el correo electrónico, 110 00:04:31,834 --> 00:04:33,324 todo el usuario. 111 00:04:33,320 --> 00:04:35,080 Lo que quieres hacer aquí es esto, ¿de acuerdo? 112 00:04:35,075 --> 00:04:38,045 Irías a los campos del formulario, 113 00:04:38,045 --> 00:04:40,615 ir al correo electrónico, ir a Avanzado, 114 00:04:40,610 --> 00:04:41,630 y luego invitar aquí, 115 00:04:41,630 --> 00:04:43,300 agarrar el código corto. 116 00:04:43,295 --> 00:04:44,785 Así que copia el código corto, 117 00:04:44,780 --> 00:04:46,800 vuelve aquí abajo para enviar un correo electrónico. 118 00:04:46,804 --> 00:04:48,924 Y cualquiera aquí desde el correo electrónico. 119 00:04:48,920 --> 00:04:50,420 No fue simplemente pegar 120 00:04:50,420 --> 00:04:53,750 el ID de correo electrónico para 121 00:04:53,750 --> 00:04:55,670 que en realidad se pueda ver el correo electrónico de la persona 122 00:04:55,670 --> 00:04:57,170 y luego por nombre también, 123 00:04:57,170 --> 00:05:00,500 hacer exactamente lo mismo, ir al campo Nombre Avanzado, 124 00:05:00,500 --> 00:05:03,610 y luego simplemente agarrar el atajo para el campo de nombre. 125 00:05:03,605 --> 00:05:07,825 Volver al correo electrónico y luego proporcionar aquí desde el nombre. 126 00:05:07,820 --> 00:05:09,640 Simplemente pega eso. 127 00:05:09,635 --> 00:05:13,255 Y luego responden para estar configurados al correo electrónico, 128 00:05:13,250 --> 00:05:15,020 por supuesto, porque te gustaría responder a 129 00:05:15,020 --> 00:05:17,080 la dirección de correo electrónico de la persona. 130 00:05:17,075 --> 00:05:18,035 Y eso es todo. 131 00:05:18,035 --> 00:05:20,375 Puedes agregar tu CC, estás ciego, 132 00:05:20,375 --> 00:05:22,855 estás ciego, copia, etc. 133 00:05:22,850 --> 00:05:25,190 También puedes agregar los metadatos aquí, como 134 00:05:25,190 --> 00:05:27,650 la página que eres una persona real visitada, 135 00:05:27,650 --> 00:05:29,800 la fecha, hora, etc. 136 00:05:29,795 --> 00:05:31,445 Pecado como HTML o avión. 137 00:05:31,445 --> 00:05:32,885 Esto es muy, muy, muy subjetivo. 138 00:05:32,885 --> 00:05:36,905 Dependerá de su proveedor de servicios de correo electrónico. 139 00:05:36,905 --> 00:05:38,785 Si también consiguió pasos frase 140 00:05:38,780 --> 00:05:40,430 lambda squiggly, muéstrale lo que es esto. 141 00:05:40,430 --> 00:05:41,960 Si vuelves a tus campos de formulario, 142 00:05:41,960 --> 00:05:43,100 tal vez quieras crear 143 00:05:43,100 --> 00:05:46,190 como tal vez vas a formar es en realidad muy, 144 00:05:46,190 --> 00:05:48,770 muy largo por alguna razón y quieres descomponerlo. 145 00:05:48,770 --> 00:05:51,370 Cuando estés agregando tu artículo en el tipo, 146 00:05:51,365 --> 00:05:53,045 tendrás paso. 147 00:05:53,045 --> 00:05:55,565 Una vez que tengas paso ahora tienes el siguiente. 148 00:05:55,564 --> 00:05:57,534 Entonces después del paso podrás entonces comenzar 149 00:05:57,530 --> 00:05:59,450 a agregar más campos de nuevo. 150 00:05:59,450 --> 00:06:01,240 Entonces lo que sucede es una vez que llenan 151 00:06:01,235 --> 00:06:04,925 los falsos combustibles en la primera sección y dan clic en Siguiente. 152 00:06:04,925 --> 00:06:07,715 Se los llevará a la siguiente sección para el formulario, 153 00:06:07,715 --> 00:06:09,805 eso es básicamente lo que los pasos, 154 00:06:09,800 --> 00:06:12,010 como se puede ver, este es el paso uno aquí mismo. 155 00:06:12,005 --> 00:06:14,635 Y luego se puede ver el paso dos ahí a la derecha. 156 00:06:14,630 --> 00:06:16,340 Eso es para lo que se usa. 157 00:06:16,340 --> 00:06:18,580 Esos son tus pasos son Ajustes. 158 00:06:18,575 --> 00:06:22,255 Y luego también tienes las opciones adicionales como Hey, 159 00:06:22,250 --> 00:06:25,370 ¿quieres personalizar mensajes como, bueno, 160 00:06:25,370 --> 00:06:26,570 el sentido termo con éxito, 161 00:06:26,570 --> 00:06:28,670 te responderás en 24 horas, cosas así. 162 00:06:28,670 --> 00:06:30,520 Tienes esa opción aquí. 163 00:06:30,515 --> 00:06:33,475 Pero me dejarán olvidar volver a 164 00:06:33,470 --> 00:06:37,490 las acciones después de enviar, tienes muchas, 165 00:06:37,490 --> 00:06:40,050 Aparte de envíos clicados, e-mail, 166 00:06:40,054 --> 00:06:42,414 puedes tener e-mail para que 167 00:06:42,410 --> 00:06:43,820 puedas redirigirlas a 168 00:06:43,820 --> 00:06:45,620 un página separada. Tienes un webhook. 169 00:06:45,620 --> 00:06:47,140 Y por supuesto, si estás utilizando 170 00:06:47,135 --> 00:06:50,095 software de gestión de correo electrónico como nuestro Mailchimp, 171 00:06:50,090 --> 00:06:54,370 campaña activa, puedes conectarlos aquí también. 172 00:06:54,365 --> 00:06:57,095 Puedes conectarlos a Slack Discord, 173 00:06:57,095 --> 00:06:59,455 abrir proporcionar un mensaje emergente también. 174 00:06:59,450 --> 00:07:03,980 Por lo que tienes muchas opciones para configurar. 175 00:07:03,980 --> 00:07:05,990 Turno alterno. ¿Qué sucede una vez que el usuario 176 00:07:05,990 --> 00:07:09,590 ha enviado el formulario? 177 00:07:09,590 --> 00:07:13,040 Eso es básicamente todo. 178 00:07:13,040 --> 00:07:15,350 Sigamos adelante y cerremos esa. 179 00:07:15,350 --> 00:07:18,730 Y eso es, voy a seguir adelante ahora y simplemente actualizaciones. 180 00:07:18,725 --> 00:07:20,665 Y por supuesto, echemos un vistazo a 181 00:07:20,660 --> 00:07:22,760 la nueva página aquí mismo. 182 00:07:22,760 --> 00:07:25,930 Vaya, mi internet se está comportando mal. 183 00:07:25,925 --> 00:07:27,235 Una vez más. 184 00:07:27,230 --> 00:07:28,600 Mis disculpas. Ok. 185 00:07:28,595 --> 00:07:29,995 Así es Ahora puedes ver 186 00:07:29,990 --> 00:07:32,000 el nuevo Formulario de Contacto 187 00:07:32,000 --> 00:07:34,280 construido con elementos de Pro Arte limón. 188 00:07:34,280 --> 00:07:36,830 Te mostraré un ejemplo de las presentaciones. 189 00:07:36,830 --> 00:07:38,720 Voy a pausar el video y simplemente 190 00:07:38,720 --> 00:07:40,430 enviar un mensaje y luego 191 00:07:40,430 --> 00:07:42,320 verá los resultados aquí. 192 00:07:42,320 --> 00:07:43,190 Bienvenido de nuevo. 193 00:07:43,190 --> 00:07:44,350 Y como puedes ver en este momento, 194 00:07:44,345 --> 00:07:47,635 en realidad he enviado a formularios de contacto, 195 00:07:47,630 --> 00:07:49,910 rellenados para contactar de uno a siete navegadores. 196 00:07:49,910 --> 00:07:51,860 Uno de John James y luego uno 197 00:07:51,860 --> 00:07:54,050 de Bob Billy en yahoo.com. 198 00:07:54,050 --> 00:07:57,380 Ahora, debería haber señalado esto con anterioridad. 199 00:07:57,380 --> 00:07:59,090 Para el formulario de contacto, 200 00:07:59,090 --> 00:08:00,170 puedes cambiar el nombre 201 00:08:00,170 --> 00:08:02,080 aquí mismo donde tienes el nombre del formulario. 202 00:08:02,075 --> 00:08:03,445 Para que veas que sólo voy a tener que 203 00:08:03,440 --> 00:08:05,320 cambiar el mío a formulario de contacto. 204 00:08:05,315 --> 00:08:07,495 Y me di cuenta de esto cuando envío 205 00:08:07,490 --> 00:08:10,310 el primer formulario de John gimnasios. 206 00:08:10,310 --> 00:08:12,800 Se puede ver derechizado el formulario, la nueva forma de Nemo. 207 00:08:12,800 --> 00:08:17,170 Por eso nueva forma porque no cambiamos el nombre. 208 00:08:17,165 --> 00:08:20,005 Por lo que la segunda vez que cambié el nombre por formulario de contacto, 209 00:08:20,000 --> 00:08:22,550 envié un nuevo formulario desde la movilidad y 210 00:08:22,550 --> 00:08:23,720 ahí es donde ahora se puede decir que la caída ahora 211 00:08:23,720 --> 00:08:25,100 dice nuestro formulario de contacto. 212 00:08:25,100 --> 00:08:26,450 Entonces eso es básicamente todo. 213 00:08:26,450 --> 00:08:28,220 Tienes los identificadores, tienes 214 00:08:28,220 --> 00:08:30,970 la página en la que presentó el formal. 215 00:08:30,965 --> 00:08:35,605 Y por supuesto se puede ver el mensaje en sí mismo. 216 00:08:35,600 --> 00:08:37,330 Por lo que hace clic en ver aquí mismo. 217 00:08:37,325 --> 00:08:40,015 Se puede ver el nombre completo, el correo electrónico, 218 00:08:40,010 --> 00:08:44,900 y luego el mensaje real del usuario e invitado. 219 00:08:44,900 --> 00:08:47,510 Tienes la información adicional de metadatos 220 00:08:47,510 --> 00:08:49,490 cuando se envió el mensaje, 221 00:08:49,490 --> 00:08:53,140 qué navegador se usó, etc. 222 00:08:53,135 --> 00:08:56,575 Así es básicamente como el formulario de contacto 223 00:08:56,570 --> 00:08:59,200 con Elementor Pro Walks. Gracias por mirar. 224 00:08:59,195 --> 00:09:01,595 Te veré en la próxima clase.