馃憠 C贸mo agregar un contacto de Fom a WordPress (video de YouTube)

Lucky Winners of Mojo Themes para WordPress Giveaway

Casi todos los sitios web necesitan una página de contacto. No es necesario que sea demasiado complicado, pero debe incluir, como mínimo, un formulario de contacto (preferiblemente uno que se ve genial y funciona a la perfección) El problema es, sin embargo, que WordPress en realidad no viene con ninguna de esas formas incorporadas. Entonces, ¿qué haces? ¿Cómo se puede agregar un formulario de contacto a una página (o publicación) de WordPress? Bueno, como de costumbre, en realidad es bastante fácil cuando sabes cómo hacerlo.

Esto es todo lo que necesita saber:

Cómo agregar un formulario de contacto básico a WordPress

– (nota: créditos de video para Topher DeRosia – creador de HeroPress)

Transcripción del video:

¡Hola! Este es Topher con jaredritchey. En este video, voy a mostrar paso a paso cómo poner un formulario de contacto en su sitio web de WordPress. Si sigues cada paso al final del video, tendrás un formulario de contacto totalmente funcional. El complemento que elegí usar se llama Caldera Forms y lo elegí por varias razones. Una es que es gratis. Otra razón por la que elegí es que la forma del resultado final es muy atractiva y receptiva. Entonces, si la web móvil es importante para usted, encajará perfectamente. Este es el sitio web de Caldera Forms, pero también puede verlo aquí en WordPress.org. Entonces empecemos. Vamos a comenzar aquí en su área de administración. Vamos a Complementos 鈫 Agregar nuevo y en Complementos de búsqueda escriba "caldera" y aquí está justo en la parte superior. Entonces hacemos clic en Instalar ahora y luego activamos. Ahí estamos. Caldera Forms está instalado. Entonces, lo siguiente que vamos a hacer es ir al elemento del menú Formularios de Caldera aquí y hacer clic en Formularios en la parte superior de la lista. Cerca de la parte superior de la página verá el botón Nuevo formulario y es azul. Haremos clic en eso. Entonces tenemos un montón de opciones aquí para diferentes tipos de formularios. Hay un formulario en blanco, un formulario de precios variables, un formulario de reserva simple; pero el que queremos está en la parte superior izquierda, un formulario de contacto. Así que voy a hacer clic en eso. Vamos a darle un nombre a nuestro formulario, nada demasiado elegante, solo haga clic en Formulario de contacto y haga clic en crear formulario. Ahora tenemos un formulario. Te voy a dar un recorrido rápido por eso. Aquí, en el área de administración, el campo de formulario superior es en realidad un campo de HTML simple y solo tiene este texto. Si quisiéramos deshacernos de él, podríamos hacer clic en esta X en la esquina superior izquierda. Si quisiéramos moverlo, podríamos hacer clic en estas tres barras en la parte superior derecha. Si quisiéramos agregarlo, podríamos hacer clic en el signo más en la parte inferior aquí. Y si quisiéramos dividirlo y convertirlo en dos columnas, podríamos hacer clic en este ícono en la parte superior. Lo mismo ocurre con todos estos campos, todos tienen los mismos pequeños íconos. Este se dividió en tres y hay tres campos allí. Hay otro campo HTML, luego hay un cuadro de comentarios y preguntas, y luego hay un cuadro de mensaje de envío. Y si hace clic en cualquiera de estos, en cada uno de estos tiene un pequeño lápiz, puede hacer clic y editar algunos datos aquí a la derecha. Afortunadamente no necesitas hacerlo. Este formulario de contacto está completo fuera de la caja. Necesitamos configurar dónde se enviará por correo electrónico cuando alguien lo rellene, así que aquí vamos a hacer clic en el correo electrónico. Aquí está el correo electrónico "De". Ahora, si desea cambiarlo para que su correo electrónico realmente diga la dirección de la persona que completó el formulario, puede hacer clic en este campo de respuesta al correo electrónico, que se denomina etiquetas mágicas. Voy a hacer clic en "dirección de correo electrónico" y ahora este campo se completará automáticamente desde el campo en su formulario donde el rellenador de formularios puso en su dirección de correo electrónico. Y puede dejar el resto de estos campos en sus valores predeterminados. Ahora vamos a hacer clic en "Guardar formulario" en la parte superior. Ahora que tenemos un formulario, queremos ponerlo en una página, así que voy a ir a la sección de mis páginas, crear uno nuevo llamado contacto y, a continuación, en la parte superior del área de contenido, aparece un botón Caldera Form. Hagamos clic en el botón Caldera Form. Podemos elegir nuestro formulario y si elegimos establecerlo como modal, simplemente creará un enlace y tendremos que hacer clic para que aparezca el formulario, pero queremos insertarlo en la página, así que vamos a dejar eso sin marcar. Y hago clic en Insertar formulario y allí está nuestro formulario, así que ahora guardamos nuestra página y la vemos. Y aquí tenemos nuestro formulario de contacto. En general, hay muy poco trabajo para juntar esta forma. Caldera Forms vino con un formulario de contacto. Todo lo que teníamos que hacer era elegirlo, nombrarlo, darle una dirección de correo electrónico y guardarlo. Entonces podríamos insertarlo directamente en esta página. Así que revisemos muy rápido. Obtuvimos Caldera Forms yendo a Plugins 鈫 Agregar nuevo y buscando Caldera. Lo instalamos y activamos, luego, en el menú de administración, pasamos a Formularios de Caldera, hicimos clic en un nuevo formulario, elegimos la plantilla de formulario de contacto, la nombramos y hacemos clic en Crear formulario. Luego lo configuramos haciendo clic en la pestaña del correo electrónico, agregando una dirección de correo electrónico y luego guardándola. Luego, el último paso fue crear una página o editarla, si necesita hacer clic en el botón Caldera Form, seleccione nuestro formulario de contacto y haga clic en Insertar formulario. Luego, simplemente guarde su página y visualícela. Si desea obtener más información sobre WordPress echa un vistazo a jaredritchey.com.

Ver más videos …

¿Algo para agregar?

Ver el v铆deo: Beginner eCommerce Website WordPress Tutorial – 隆F脕CIL!

Like this post? Please share to your friends:
Deja un comentario

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: