Los formularios es otro de los elementos importantes que componen un sitio web. Su funci贸n principal es hacer que los usuarios entren en contacto聽ya sea para solicitar informaci贸n, comprar productos o registrarse entre muchas de las funciones que estos ofrecen.
Existen cientos de formas de crear聽formularios en WordPress: ya sea manualmente mediante HTML o mediante聽plugins gratuitos聽y de pago que ofrecen esta funci贸n.
WPForms es uno de los plugins para formularios en WordPress m谩s utilizados. Con +5 millones de instalaciones se ha convertido en uno de los favoritos de los usuarios.
Es compatible con casi el 100% de temas del mercado incluyendo Astra: el tema que estamos utilizando en el desarrollo de este curso de WordPress.
El plugin WPForms es un plugin FREEMIUM (es gratis = FREE con opciones b谩sicas de dise帽o y ofrece una versi贸n PREMIUM de pago). La versi贸n gratis (Lite) se puede instalar desde el repositorio de plugins de WordPress.
https://es.wordpress.org/plugins/wpforms-lite/
Para instalar el plugin:
Una vez instalemos y activemos el plugin, el sistema nos enviar谩 a una p谩gina de bienvenida, con varias opciones, para empezar a crear nuestro primer formulario. Puedes comenzar a crear tu primer formulario haciendo clic en Crea tu primer formulario.
Tambi茅n puedes comenzar a crear formularios desde el apartado WPForms >> A帽adir nuevo.
En esta primera ventana vamos a darle un nombre a nuestro formulario y a seleccionar una de las plantillas que viene por defecto con el plugin. Por ejemplo: Formulario en blanco.
En esta ventana es donde vamos a confeccionar nuestro formulario de contacto. En la versi贸n Lite, solo se incluyen los Campos est谩ndar. Los campos elegantes y de pago solo est谩n disponibles en la versi贸n PRO de WPForms.
Como puedes apreciar en la imagen, los campos est谩ndar incluyen campos b谩sicos para la creaci贸n de un formulario. Para este ejemplo, vamos a crear un formulario de contacto simple.
Lo que tenemos que hacer es seleccionar el campo que queremos y, sin soltar el rat贸n, lo arrastramos a la derecha de la pantalla.
En esta pesta帽a vamos a configurar los ajustes generales y de env铆o del formulario.
Estas 煤ltimas 2 opciones son muy 煤tiles para crear campa帽as de marketing. Una vez que el usuario env铆e el formulario, lo podemos redirigir a una p谩gina donde ofrezcamos un servicio o producto que queremos promocionar o simplemente a una p谩gina de gracias personalizada.
Para finalizar haz clic en Guardar聽y luego en la X para salir.
Para a帽adir el formulario que hemos creado en una p谩gina usando Gutenberg, dir铆gete al apartado P谩ginas y accede a la p谩gina donde quieres a帽adir el formulario.
Haz clic en el A帽adir un bloque y, en el campo Buscar un bloque, escribe WPForms.
WPForms ha creado un bloque del tipo widget que se integra con Gutenberg. Haz clic en el bloque para a帽adirlo a la p谩gina.
Selecciona el formulario que quieras a帽adir del bloque WPForms聽y haz clic en Actualizar.
Abre la p谩gina en el navegador para visualizar los cambios.
Como puedes apreciar en la imagen, el formulario no ha quedado muy sim茅trico. Los campos Nombre y Correo electr贸nico no tienen la misma longitud que el campo Texto del p谩rrafo.
Para solucionarlo haremos lo siguiente:
Si actualizamos la p谩gina donde hemos a帽adido el formulario, veremos que ahora los campos del formulario tienen la misma longitud y est茅ticamente se ve mucho mejor.
Si has seguido todo el curso desde el inicio, sabr谩s que estamos trabajando con el editor de contenidos Elementor.
Si aun no conoces Elementor, en la lecci贸n instalaci贸n y configuraci贸n de Elementor, puedes encontrar una rese帽a de este fant谩stico editor de contenidos para WordPress.
Uno de los mejores editores de contenido que puedes instalar para crear un proyecto profesional con WordPress, es聽Elementor. Ofrece una versi贸n gratuita, que puedes instalar desde WordPress y, una de pago, con excelentes opciones de dise帽o.
Es r谩pido, fiable y poderoso. Se adapta perfectamente a "casi" cualquier tema y posee una estructura perfecta para el desarrollo de sitios web profesionales.
Veamos c贸mo ser铆a el procedimiento para a帽adir un formulario de contacto en Elementor.
Abre la p谩gina en el navegador para visualizar los cambios.
Anuncio publicitario
Los formularios son uno de los聽principales focos de SPAM聽en Internet. Existen robots cada vez m谩s inteligentes dedicados a rellenar formularios autom谩ticamente por donde quiera que pasan.
Para luchar contra estos intrusos, se han creado y perfeccionado聽sistemas anti SPAM聽como聽reCAPTCHA聽que verifican si es una persona o un robot el que env铆a un formulario.
reCAPTCHA es un servicio gratuito que ofrece Google para聽combatir con el SPAM en Internet. Solo hace falta tener una cuenta en Google y listo.
Lo primero que tenemos que hacer es registrar un nuevo sitio web en Google reCAPTCHA.
El servicio generar谩 2 claves:聽clave de sitio web聽y聽clave secreta. C贸pialas en un lugar seguro y regresa a WordPress.
脷ltimos pasos:
Y eso es todo. Como podr谩s observar, el formulario聽no sufre ninguna alteraci贸n ya que el servicio reCAPTCHA v2 invisible no a帽ade el t铆pico cuadro de verificaci贸n que estamos acostumbrados a ver.
En su lugar,聽se mostrar谩 el icono de reCAPTCHA聽en el lateral derecho del sitio web indicando que el formulario de contacto est谩 protegido por este sistema anti SPAM.
Anuncio publicitario
B谩sicamente esta ser铆a la forma m谩s sencilla de聽crear un formulario en WordPress con el plugin WPForms.
Aunque es un plugin sencillo de utilizar, ofrece muchas opciones de configuraci贸n que te ayudar谩n a dise帽ar cualquier tipo de formulario para tu sitio web.
No me gusta el SPAM y se que a ti tampoco. S贸lo recibir谩s informaci贸n 煤til sobre WordPress.
Al enviar, confirmas que has le铆do y aceptas la pol铆tica de privacidad. Conoce nuestro compromiso con tu privacidad.
En primer lugar muchas gracias por el curso de wordpress estoy empezando de cero para hacer mi sitio y me esta ayudando mucho porque no tenia ni idea de esto.
Me gustar铆a pedirte un favor por si me puedes ayudar. Estoy intentando crear un formulario con respuestas preconfiguradas en funci贸n de respuestas anteriores y necesito guardar las respuestas para luego generar un anuncio. Como una p谩gina de contactos que te hacen un formulario y en funci贸n de una respuesta condicionas la siguiente y luego guardas los datos para crear el anuncio de la persona no se si me explico. Sabes c贸mo podr铆a hacer algo as铆, si existe algun plugging o algo que pueda usar?
Mil gracias de nuevo
Hola Aroa, existen muchos plugins para formularios que te podr铆an ayudar con lo que necesitas. Uno de ellos es Gravity Forms. Es un plugin de pago pero vale la pena la inversi贸n. Plugins gratis para formularios que hagan lo que buscas, creo que no los vas a encontrar. Un saludo!