Illumina te muestra cómo reconstruir
la página de contacto usando Elementor Pro.
Y específicamente vamos a estar trabajando con
el elemento elemental pro forma.
Voy a ir al backend.
Y en primer lugar,
voy a desactivar
el plug-in de formularios WP que ya no necesitábamos.
Entonces voy a desactivar.
Y volvamos a la página de contacto.
Y obviamente cuando van a
decir cualquier formulario de contacto más.
Pero voy a ir a Editar con Elementor ahora mismo.
Ya que por supuesto estamos utilizando elementos son pro,
sí tenemos el elemento de forma,
que es absolutamente fantástico.
Lo encontrarás en el pro,
ves aquí mismo formulario.
Voy a dejarme hacer clic aquí adentro y
en realidad eliminar este bloque
porque ya no teníamos las formas lípidas.
Pero no tome ninguna forma y luego simplemente déjelo caer
en el título Contáctenos.
Al igual que con el plugin de formularios WP por defecto,
tendrás un formulario de contacto muy,
muy sencillo
que tendrá tres campos de nombre,
correo electrónico, mensaje, aquí mismo.
Estos son los campos que puedes agregar.
Otro campo como tú da click en
Agregar Artículo aquí donde tengas tipo,
tendrás diferentes tipos de combustibles.
Se puede añadir la hora del día.
Incluso puede agregar cargas de archivos.
Entonces si quieres que tus suscriptores o clientes potenciales
adjunten archivos para enviarte,
sí tienes ese campo.
También puedes integrar elemental con la captura de Google.
Y luego puedes usar la versión de recaptura
uno y la versión tres aquí para seguridad.
Y luego también tienes como el honeypot y así sucesivamente,
no agregando ningún campo adicional.
Así que voy a dejar estos tres.
No obstante, esto es por supuesto muy subjetivo,
pero prefiero no tener las etiquetas.
Prefiero que acaba de pasar a colocar titulares en lugar de
cada campo indicando qué tipo de campo es ese.
Así que voy a seguir adelante y esconder la etiqueta.
Por lo que sólo tiene mensaje de correo electrónico de nombre.
Ahora para editar los propios combustibles reales, se
hace clic dentro de cada nombre de muestra específico.
Voy a hacer click en Nombre e
invitar aquí puedo cambiar la etiqueta misma,
puedo cambiar el placeholder.
Y por supuesto que vamos a hacer que sea necesario.
Y luego bajo avanzado,
tendrás cosas como el ID así como
el código corto que haremos uso muy, muy pronto.
Lo mismo va con el correo electrónico aquí.
Se requiere y luego mensaje por supuesto
todos hacen el mensaje si así lo requiere.
Puedes hacer que este campo sea más pequeño o más grande
dependiendo de tus gustos, y eso es todo.
¿ De acuerdo? Aquí tienes el tamaño de entrada
para el impute real para cada campo.
Puedes hacerlo pequeño, mediano, grande.
Depende enteramente de ti.
Tienes botones.
¿ Quieres hacer los botones de tamaño mediano,
gran tamaño, pero eso es sólo el botón de envío en sí.
Puedes cambiar el texto aquí mismo para
el propio botón de enviar, y así sucesivamente.
Ahora, aquí es donde las cosas se ponen muy, muy picantes.
Acciones después de enviar, ¿qué sucede
una vez que el usuario ha hecho clic en Enviar?
¿ Justo aquí?
Por defecto, ya se han habilitado las acciones.
Recoge presentaciones,
que te mostraré en tan solo un segundo.
Y luego por correo electrónico, debido a que estos dos están activos por defecto,
has hecho clic aquí mismo en los envíos
y luego tienes correo electrónico.
Ahora recoge las presentaciones que realmente verías
en el backend.
Déjame simplemente mostrarte rápidamente.
Verás en el backend,
una vez que las personas comiencen a enviar
el formulario de contacto aquí mismo donde tienes
elemental en presentaciones de UCI
aquí podrías tener presentaciones.
Y es aquí donde se empieza a
ver el nombre de la persona y así sucesivamente,
hecho, realizará
un experimento muy, muy, muy pronto.
Pero eso es todo por las presentaciones.
Ahora, correo electrónico aquí mismo.
Desea recibir un correo electrónico de que alguien
ha enviado un formulario de contacto en su página web.
Aquí mismo, puede elegir
la dirección de correo electrónico para recibir identificación.
Por supuesto, voy a poner mi propia luz de correo electrónico admin ahí.
Y luego por supuesto por defecto tienes que someter
nuevo mensaje desde y luego el nombre de tu sitio web.
Puedes personalizar esto por supuesto.
Entonces el mensaje contendrá todos los campos.
No obstante, aquí tienes el desde el correo electrónico,
del nombre que deseas utilizar o elegir
los datos proporcionados por el usuario.
Básicamente el de correo electrónico debe ser el correo electrónico,
todo el usuario.
Lo que quieres hacer aquí es esto, ¿de acuerdo?
Irías a los campos del formulario,
ir al correo electrónico, ir a Avanzado,
y luego invitar aquí,
agarrar el código corto.
Así que copia el código corto,
vuelve aquí abajo para enviar un correo electrónico.
Y cualquiera aquí desde el correo electrónico.
No fue simplemente pegar
el ID de correo electrónico para
que en realidad se pueda ver el correo electrónico de la persona
y luego por nombre también,
hacer exactamente lo mismo, ir al campo Nombre Avanzado,
y luego simplemente agarrar el atajo para el campo de nombre.
Volver al correo electrónico y luego proporcionar aquí desde el nombre.
Simplemente pega eso.
Y luego responden para estar configurados al correo electrónico,
por supuesto, porque te gustaría responder a
la dirección de correo electrónico de la persona.
Y eso es todo.
Puedes agregar tu CC, estás ciego,
estás ciego, copia, etc.
También puedes agregar los metadatos aquí, como
la página que eres una persona real visitada,
la fecha, hora, etc.
Pecado como HTML o avión.
Esto es muy, muy, muy subjetivo.
Dependerá de su proveedor de servicios de correo electrónico.
Si también consiguió pasos frase
lambda squiggly, muéstrale lo que es esto.
Si vuelves a tus campos de formulario,
tal vez quieras crear
como tal vez vas a formar es en realidad muy,
muy largo por alguna razón y quieres descomponerlo.
Cuando estés agregando tu artículo en el tipo,
tendrás paso.
Una vez que tengas paso ahora tienes el siguiente.
Entonces después del paso podrás entonces comenzar
a agregar más campos de nuevo.
Entonces lo que sucede es una vez que llenan
los falsos combustibles en la primera sección y dan clic en Siguiente.
Se los llevará a la siguiente sección para el formulario,
eso es básicamente lo que los pasos,
como se puede ver, este es el paso uno aquí mismo.
Y luego se puede ver el paso dos ahí a la derecha.
Eso es para lo que se usa.
Esos son tus pasos son Ajustes.
Y luego también tienes las opciones adicionales como Hey,
¿quieres personalizar mensajes como, bueno,
el sentido termo con éxito,
te responderás en 24 horas, cosas así.
Tienes esa opción aquí.
Pero me dejarán olvidar volver a
las acciones después de enviar, tienes muchas,
Aparte de envíos clicados, e-mail,
puedes tener e-mail para que
puedas redirigirlas a
un página separada. Tienes un webhook.
Y por supuesto, si estás utilizando
software de gestión de correo electrónico como nuestro Mailchimp,
campaña activa, puedes conectarlos aquí también.
Puedes conectarlos a Slack Discord,
abrir proporcionar un mensaje emergente también.
Por lo que tienes muchas opciones para configurar.
Turno alterno. ¿Qué sucede una vez que el usuario
ha enviado el formulario?
Eso es básicamente todo.
Sigamos adelante y cerremos esa.
Y eso es, voy a seguir adelante ahora y simplemente actualizaciones.
Y por supuesto, echemos un vistazo a
la nueva página aquí mismo.
Vaya, mi internet se está comportando mal.
Una vez más.
Mis disculpas. Ok.
Así es Ahora puedes ver
el nuevo Formulario de Contacto
construido con elementos de Pro Arte limón.
Te mostraré un ejemplo de las presentaciones.
Voy a pausar el video y simplemente
enviar un mensaje y luego
verá los resultados aquí.
Bienvenido de nuevo.
Y como puedes ver en este momento,
en realidad he enviado a formularios de contacto,
rellenados para contactar de uno a siete navegadores.
Uno de John James y luego uno
de Bob Billy en yahoo.com.
Ahora, debería haber señalado esto con anterioridad.
Para el formulario de contacto,
puedes cambiar el nombre
aquí mismo donde tienes el nombre del formulario.
Para que veas que sólo voy a tener que
cambiar el mío a formulario de contacto.
Y me di cuenta de esto cuando envío
el primer formulario de John gimnasios.
Se puede ver derechizado el formulario, la nueva forma de Nemo.
Por eso nueva forma porque no cambiamos el nombre.
Por lo que la segunda vez que cambié el nombre por formulario de contacto,
envié un nuevo formulario desde la movilidad y
ahí es donde ahora se puede decir que la caída ahora
dice nuestro formulario de contacto.
Entonces eso es básicamente todo.
Tienes los identificadores, tienes
la página en la que presentó el formal.
Y por supuesto se puede ver el mensaje en sí mismo.
Por lo que hace clic en ver aquí mismo.
Se puede ver el nombre completo, el correo electrónico,
y luego el mensaje real del usuario e invitado.
Tienes la información adicional de metadatos
cuando se envió el mensaje,
qué navegador se usó, etc.
Así es básicamente como el formulario de contacto
con Elementor Pro Walks. Gracias por mirar.
Te veré en la próxima clase.