Simplemente construí la página del blog y ahora
vamos a construir otra página muy importante,
y esa va a ser la página de Contacto.
Ahora idealmente, por supuesto, en tu página de contacto quieres tener
algún tipo de formulario de contacto,
tal vez incluso algún mapa de Google.
Si tienes una ubicación física.
O no tenemos una ubicación física,
pero vamos a agregar un formulario de contacto.
Ahora, hay varios plugins
por ahí para crear formularios de contacto.
Y de hecho, si estás usando
la versión pagada de elemental,
tendrás el elemento de formulario.
Pero estamos usando la, la versión gratuita de elemental.
Entonces vamos a instalar otro plugin.
Y a este plugin se le llama los complementos WP Forms.
Entonces déjame escribir formularios WP.
Y es el de aquí mismo.
Muy bien, así que vamos adelante instalemos.
Y ahora vamos a activar el plugin.
Muy bien, así que sólo vamos a seguir adelante y hacer clic
en crear tu primer formulario aquí mismo.
Lo bueno de este plugin en particular es que se
integra muy bien con elemental.
Voy a escribir un nombre aquí mismo.
Entonces ese va a ser el formulario de contacto.
Ese será el nombre de esta forma.
Formulario de contacto están aquí.
Usted sí tiene nuestras diferentes plantillas,
van a elegir el factor de formulario de contacto simple.
Podemos ver la demo aquí.
Se puede ver esta es la demo aquí mismo.
Muy, muy simple.
Tendrás los campos de nombre, correo electrónico y luego mensaje.
Para que eso se adapte a nuestros propósitos en,
voy a seguir adelante y simplemente haga clic en Usar plantilla.
Eso es en sí, pero sólo va a hacer
algunos cambios de la
forma en que funciona el plug-in como están aquí mismo,
tienes los campos disponibles
para ti con la versión gratuita,
hay una versión de pago donde tienes acceso a
estos campos de lujo y
los campos de pago y así sucesivamente, pero no los necesitamos.
Entonces el jengibre que voy a hacer aquí sería
editar el campo de nombre.
Así que simplemente voy a hacer click en el interior.
Y aquí mismo sí tienes el formato.
Prefiero el formato sencillo donde solo tienes
una sola línea para el nombre.
Pero te has forzado medio,
último, y primero, último, y así sucesivamente.
En el Avanzado, puedes cambiar
el tamaño del campo para lanzar dos pequeños,
dependiendo de tu gusto y de lo que prefieras.
Puedes añadir tus gafas CSS aquí.
También tienes lógica inteligente,
que, oops, lo siento por eso.
Lo olvidé.
Esto solo está disponible con la versión de pago de todos modos,
para las opciones de campo.
Eso es todo. Para que puedas volver aquí y agregar
campos adicionales como casillas de verificación desplegables.
Si quisieras.
Bajo configuración aquí,
lo siento, bajo ajustes, ya sea aquí,
aquí es donde se pueden cambiar
cosas como el nombre del formulario real en sí.
Puede cambiar el texto para
el botón e influir en las aplicaciones.
Aquí es donde puedes
configurar el tipo de notificaciones que quieras recibir
cada vez que alguien envíe
el rellena el formulario de contacto.
Queremos que nos notifiquen aquí por defecto,
el correo de administración asociado a
tu sitio web de WordPress estará aquí,
pero puedes agregar tus propios elementos de correo electrónico personalizados.
Muéstrale algo, vale, aquí mismo,
donde tienes de nombre.
Por defecto, se establecerá en el nombre de su sitio web,
pero tendrá mucho más sentido establecer estos
el nombre real de la persona que envía el mensaje.
Por lo que aquí mismo hago click en Mostrar etiquetas inteligentes.
Simplemente elija el campo de nombre,
o su nombre, LastName,
dependiendo del tipo de sensación que tenga para el nombre.
Y luego lo mismo para de correo electrónico también.
Simplemente elegiremos el campo de correo electrónico.
Y voy a seguir adelante y simplemente ahorrar.
Tienes las conformaciones aquí también como bien, ¿
qué pasa una vez que llenaron el formulario de contacto?
¿ Reciben un mensaje? Si
es así, aquí es donde se puede editar el mensaje.
Puedes mostrarlos en una página particular y será
una belleza especial de todo creado.
Simplemente puedes redirigirlos a
una URL externa si querías ir.
No vamos a hacer nada de eso.
Vamos a seguir adelante ahora simplemente PARA
ahorrar una vez más, cierra esto.
Ahora vamos a ir a la página de contacto.
Vamos a seguir adelante y editar la página
primer lugar desde el backend de WordPress.
Entonces desde aquí voy a hacer click
en editar con Elementor para que ahora podamos
usar la interfaz Elementor y echar un vistazo a esto.
Muy bien, oops, me olvidé de hacer una delgada.
Mis disculpas.
Necesitamos habilitar
los formularios WP son add-on para los complementos de elementos esenciales.
Entonces hagamos esto rápidamente.
Voy a ir a átomos esenciales aquí.
Vamos a los elementos.
Y luego aquí abajo tienes los elementos de estilo de forma.
Verás Formularios WP.
Vamos a seguir adelante y ahora activar eso.
Se puede ver que tiene acceso a
otro tipo de formas como formas fluidas, Formas
Gravedad, que en realidad es muy,
muy bueno Ninja Forms y así sucesivamente.
De todos modos, sigamos adelante y guardemos nuestra configuración.
Y voy a cerrar esto.
Actualicemos esta página una vez más.
De acuerdo, entonces lo que pasa con las formas WE
es que incluso con la versión gratuita de elemental,
tendrás acceso al elemento.
Una vez que hayas instalado y activado el plugin,
puedes verlo aquí mismo en lo básico,
tienes formularios WP de Elemental.
Voy a hacer clic arrastrar por dentro aquí.
Y te mostraré la diferencia entre éste
y el que proporcionan los complementos esenciales.
Volvamos, desplázate hasta aquí abajo.
Agreguemos el de
complementos esenciales en una sección diferente.
Ahora vas a ver la diferencia principal, ¿de acuerdo?
Este es el de los átomos esenciales.
Voy a elegir el contacto para la
tasa de mortalidad. Dice selecto formulario.
Vamos a elegir eso. Ahora justo aquí.
Compara éste con el de aquí arriba.
Vamos con el de elementos de primera.
Vamos a elegir también el formulario de contacto.
El caso es que solo
tienes acceso al tipo de formulario a elegir.
Las opciones de visualización son buenas.
Quieres disparar el nombre del formulario,
descripción y luego avanzado.
No hay nada más.
No obstante, para el que tiene complementos esenciales,
se tiene acceso a mucho más.
Puedes mostrar las etiquetas de descripción, por favor sostenla.
Incluso tienes nuestros mensajes de error.
¿ Quieres mostrar mensajes de error
o quieres ocultarlos?
Entonces, por ejemplo, si alguien
no llenaba el campo de nombre y luego la
prensa Enviar querías mostrar
el mensaje de error o no.
Tienes acceso a muchas opciones de estilo.
Puede agregar un color de fondo del formulario.
Puedes alinear el formulario a tus márgenes de ancho.
Tienes todo tipo de opciones de estilo para las
etiquetas de título y descripción y así sucesivamente.
Todas estas opciones de tiempo,
no las consigues con la que tiene
el elemento proporcionado por
la versión gratuita de elemental.
Por eso prefiero usar
el que proporcionan los átomos esenciales.
Así que voy a seguir adelante y cerrar éste por Elemental.
Caminemos sobre éste.
Muy, muy simple.
No vamos a hacer ningún cambio enorme aquí excepto
que simplemente ocultaremos el título de la agenda telefónica.
Todo el mundo sabe que es un formulario de contacto,
por lo que no hay necesidad de cambiar nada aquí.
Una cosa que vamos a hacer sin embargo,
es ocultar el título de la página.
Y luego agregaremos nuestro propio rubro.
Muy bien, y simplemente elegiremos esta
en ella como un H1 ir a
tipografía de estilo, que es primaria.
Y sencillamente vamos a cisne más frío nuestro Contáctenos.
Eso es todo.
Agregaremos algún relleno a los valores de enlace de sección.
Vamos a ir con 50 en la parte superior y luego 50 abajo.
En realidad vienen a pensarlo.
El Contáctanos es en realidad libro muy, muy grande.
Está bien, vamos a alinear este al medio.
Y solo agregaremos algún patrón para
la forma real en sí.
Voy a hacer click en el elemento de formulario.
Vamos a Avanzado.
Y también agregaremos algún relleno también.
Simplemente dale cierta distancia entre
el título real y la forma misma.
Así que adelante y actualízate.
Eso es lo que voy a seguir adelante ahora y ver la página.
Y eso es todo para la página Contáctenos.
Ahora de nuevo, puedes hacer esto un poco más emocionante.
Se puede ir con tal vez dos columnas
a diferencia de en sección.
La primera columna se puede agregar una,
una imagen de alguien que tal vez llame o
alguien envíe en un correo electrónico, cosas así.
Por lo que hay diferentes formas de modificar
la página Contáctenos y hacerla más
emocionante si lo quisieras.
Pero esto es muy, muy simple,
muy sencillo, y se adapta a nuestros propósitos.
Así que gracias por mirarte y
te veré en la próxima clase.