Cómo agregar un formulario de contacto a WordPress (video de YouTube)

Casi todos los sitios web necesitan una página de contacto. No tiene por qué ser demasiado complicado, pero debe, como mínimo, incluir un formulario de contacto (preferiblemente uno que se ve muy bien y funciona a la perfección) Sin embargo, el problema es que WordPress en realidad no viene con ninguno de estos formularios integrados. Entonces, ¿qué haces? ¿Cómo hace exactamente para agregar un formulario de contacto a una página (o publicación) de WordPress? Bueno, como siempre, en realidad es bastante fácil cuando sabes cómo!


Aquí está 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 WinningWP. En este video, le mostraré paso a paso cómo colocar un formulario de contacto en su sitio web de WordPress. Si sigue cada paso al final del video, tendrá un formulario de contacto completamente 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 lo elegí es porque el formulario de resultado final es muy atractivo y responde. Entonces, si la web móvil es importante para usted, esto 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 Buscar complementos, escriba “caldera” y aquí está justo en la parte superior. Entonces hacemos clic en Instalar ahora y luego en Activar. Allá estamos. Caldera Forms está instalada. 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. Luego tenemos un montón de opciones aquí para diferentes tipos de formularios. Hay un formulario en blanco, 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 asignarle un nombre a nuestro formulario, nada demasiado elegante, solo Formulario de contacto y haga clic en crear formulario. Ahora tenemos un formulario. Te voy a dar un recorrido rápido por él. Aquí en el área de administración, el campo de formulario superior es en realidad un campo 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 esquina superior derecha. Si quisiéramos agregarle, 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 icono 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 enviar mensaje. Y si hace clic en cualquiera de estos, en cada uno de estos tiene un pequeño lápiz, puede hacer clic y editar información aquí a la derecha. Afortunadamente no es necesario. Este formulario de contacto está completo fuera de la caja. Sin embargo, necesitamos configurar dónde se enviará un correo electrónico cuando alguien lo complete, 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, y estos se llaman 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 relleno del formulario puso en su dirección de correo electrónico. Y puede dejar el resto de estos campos en sus valores predeterminados. Así que 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 iré a la sección de mis páginas, crearé uno nuevo llamado contacto y, justo aquí, en la parte superior del área de contenido, hay un botón de formulario de Caldera. Así que hagamos clic en el botón Caldera Form. Podemos elegir nuestro formulario y si elegimos configurarlo como modal, simplemente haría un enlace y tendríamos que hacer clic para abrir el formulario, pero queremos incrustarlo en la página, así que vamos para dejar eso sin marcar. Y hago clic en Insertar formulario y ahí está nuestro formulario, así que ahora guardamos nuestra página y la vemos. Y aquí tenemos nuestro formulario de contacto. A fin de cuentas, hay muy poco trabajo para reunir este formulario. 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 guardar. Entonces podríamos incrustarlo en esta página. Así que revisemos muy rápido. Obtuvimos los formularios de Caldera yendo a Complementos → Agregar nuevo y buscando Caldera. Lo instalamos y lo activamos, luego en el menú de administración fuimos a Caldera Forms, hicimos clic en el nuevo formulario, elegimos la plantilla de formulario de contacto, lo nombramos e hicimos clic en Crear formulario. Luego lo configuramos haciendo clic en la pestaña de 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 editar una página si necesita hacer clic en el botón Formulario de Caldera, 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, consulte WinningWP.com.

Ver más videos …

Cualquier cosa para agregar?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map