Cómo crear fácilmente formularios de contacto en WordPress

Cuando navega por cualquier sitio en busca de información o producto, se le ha permitido saber más o solicitar información adicional varias veces. Si desea evitar esto en su sitio, asegúrese de dar todas las instalaciones para que cualquier visitante pueda comunicarse con usted en su sitio.
contenido
¿Por qué necesito un formulario de contacto en mi sitio?
Formularios de Nelio
Instale el complemento Nolio Forms
Crea tu primera forma
Editar el formulario de contacto
Enviar un formulario completo
Agregue el formulario a sus páginas y publicaciones
Reciba solicitudes de contacto de sus visitantes
Conclusión
¿Por qué necesito un formulario de contacto en mi sitio? Ya sea que tenga una pequeña empresa, una tienda en línea o un blog de información, tarde o temprano querrá que los visitantes se comuniquen con usted. La solución más rápida y ligera podría ser incluir una dirección de correo electrónico en la web para que puedan contactarlo, pero me temo que esta puede no ser una buena idea: obtendrá mucho spam, no sabrá dónde soy. Te encontraron (si vinieron porque vieron la dirección en la web o en cualquier otro lugar), y ciertamente en el correo electrónico que recibe perderá alguna información que le gustaría saber.

Ejemplo de formulario de contacto creado con formularios NELI. Los formularios de contacto le permiten recibir información de manera estructurada y almacenarla correctamente de la manera que mejor le convenga. Además, tienen muchas otras ventajas porque puede, por ejemplo:
Defina diferentes formas en páginas, publicaciones, widgets.
Indique la información necesaria que desea completar.
Mostrar mensajes de confirmación o error cuando se complete el formulario. Indique dónde desea recibir la información del formulario completado.
Almacene los datos de contacto de acuerdo con RGPD.
Conozca el origen de la información recibida.
Controla el spam.
Envíe la información a más usuarios.
Integrarlos con otras plataformas, etc.
Veamos cómo podemos crear formularios de contacto gratuitos de manera rápida y fácil en nuestro sitio. Como saben, WordPress recién instalado no le da la opción de crear formularios de contacto personalizados. Si desea crear formularios personalizados, deberá instalar un tema que incluya formularios de contacto o usar un complemento.
Hay muchos complementos para elegir. Uno de los formularios de contacto más populares, el Formulario de contacto 7, es fácil de usar, pero no tiene un editor visual para crear los formularios y debe aprender la sintaxis. La alternativa ofrecida por la mayoría de los complementos, como WPForms, Fomidable Form Builder, HubSpot o Ninja Forms, entre otros, es agregar un marco de WordPress con un panel de control para concebir los formularios de contacto. En esta publicación queremos hablar sobre un complemento de formulario de contacto diferente de los anteriores: formularios Neli. Nelio Forms Nelio Forms es un complemento que acabo de lanzar. Tiene su versión gratuita disponible en WordPress Plugin Director.
Formularios de complemento Nelio en wordpress.org. ¿Por qué hemos lanzado un nuevo complemento de formulario de contacto si ya hay otros disponibles? Porque durante algún tiempo usamos otros complementos para crear formularios y nuestra experiencia no fue lo que queríamos. Nelio Forms es un complemento que se integra en el editor de bloques de WordPress y, por lo tanto, no implementa un marco de generación de formulación personalizado. Veamos qué pasos debe seguir para crear fácilmente formularios de contacto con formularios Neli. Instale el complemento NLIO Forms Nelio Forms está instalado como cualquier otro complemento. Desde el tablero de WordPress, haga clic en “Agregar nuevo” y en el motor de búsqueda, escriba “Forms Neli” y luego instale y active el complemento. Cree su primer formulario una vez instalado y activado, en la barra lateral del menú, encontrará las opciones de formularios NELI. Haga clic en “Agregar nuevo:”

Agregue un nuevo formulario de contacto con formularios NELI.

El editor de bloques se abrirá y notará rápidamente que se ve muy similar a la publicación y al editor de páginas, pero en este caso le muestra la información mínima que debe incluir en cualquier forma: el nombre del formulario para identificar, un campo (En cierto modo, por defecto, le muestra un campo de texto) para completar y el botón “Enviar”.

Creación de un nuevo formulario de contacto con formularios NELI. Edite el formulario de contacto después del nombre del formulario, debe agregar una etiqueta descriptiva a cada campo si desea ser accesible (tiene la opción de si esta etiqueta se muestra o no en el formulario).
Cada campo debe incluir una etiqueta descriptiva. En la barra lateral, puede ver las propiedades del bloque que edita. Por lo tanto, por ejemplo, al editar el campo de inserción de texto, además de la etiqueta descriptiva y la posibilidad de agregar un sustituto, verá que puede indicar si ese campo es obligatorio para que se envíe el formulario y si se debe mostrar o no o no la etiqueta descriptiva. Propiedades del campo insertando el texto. De la misma manera que agrega cualquier bloque nuevo al editor de bloques de WordPress, puede editar el formulario cambiando su apariencia y agregando diferentes bloques.

Bloques disponibles para agregar a un formulario.

Como puede ver en la imagen de arriba, aparte del bloque de tipo de párrafo que ya sabe, los formularios se pueden diseñar en columnas y tiene un conjunto de bloques específicos para los formularios de contacto:

Un campo de entrada de texto,

Un campo de área de texto,
Un campo de correo electrónico,
Un campo telefónico,
Un campo de contraseña,
Un campo de cuadro de selección,
Un campo numérico y
Un campo de URL
Los campos de un formulario de contacto en formas Neli. Cada campo puede tener su propia configuración. Por ejemplo, en el caso de un campo numérico, no solo puede solicitar y/u ocultar su etiqueta, sino también indicar los valores del intervalo mínimo y máximo y el número de cada paso.
Las propiedades de un campo numérico en formas neli.
Y en el caso de un cuadro de selección, puede indicar si está marcado o desinflado de forma predeterminada:

Las propiedades de un cuadro de selección en formas Neli.

Finalmente, puede editar el botón de envío como cualquier otro botón. Es decir, puede cambiar su estilo, color, borde, ancho, fuente o dimensiones, así como definir una URL o un ancla para ir después de que se envíe la forma. Incluso puede agregar clases CSS CSS adicionales. Propiedad del formulario de contacto de un formulario de contacto.
Como puede ver, crear un formulario como el que ve en la primera imagen de esta publicación es tan fácil como escribir una publicación en el editor de bloques.

Edición de los formularios Nelio de Formulario de contacto. Enviando un formulario completo después de crear el formulario, debe indicar dónde desea que le envíen el formulario una vez que se envíe. Para hacer esto, puede agregar una nueva “acción de referencia” o editar la existente.
Agregue una acción de referencia a un formulario de contacto.


En la versión gratuita del complemento solo puede agregar notificaciones por correo electrónico. En vista de cualquier notificación, deberá definir algunas configuraciones, como la dirección de correo electrónico del destinatario, que envió el correo electrónico o el mensaje en sí. Para cada campo de correo electrónico, puede ingresar una dirección de correo electrónico válida, seleccionar un campo de correo electrónico de su formulario o usar la dirección del administrador del sitio.
Edición de la acción para enviar el correo electrónico a los formularios NELI.

En el mensaje en sí puede escribir lo que desea, pero puede usar todos o algunos de los campos enviados por el usuario, URL del formulario o dirección de correo electrónico del administrador del sitio.

Campos Puede agregar al mensaje de correo electrónico enviado desde un formulario de contacto
Una vez que haya agregado la información, su formulario de contacto está completo. Del mismo modo, puede crear cualquier formularios de contacto que desee y todos estarán disponibles para editar desde la opción “Todos los formularios” en el formulario Nelio. Agregue el formulario a sus páginas y publicaciones Una vez que se haya creado su formulario, todo lo que queda es agregarlo donde desea que se muestre en su sitio para hacer esto, desde el editor de cualquier página, debe agregar un tipo de “formulario”. bloquear.

Agregue un bloque de formulario de contacto. Desde la página en sí, al agregar un bloque de formulario, tiene la opción de crear directamente un nuevo formulario exactamente como se mencionó anteriormente o, por el contrario, agregue uno de los formularios que ha creado.
Opciones para agregar un nuevo formulario de formularios NELI. Una vez insertado, una de las grandes ventajas de los formularios Neli es que puede cambiar el formulario directamente mientras edita la página como cualquier otro bloque. Cuando lo cambie, verá que el botón “Actualizar” aparece un punto blanco a la izquierda de la palabra (similar a la actualización de las plantillas) que indica si desea los cambios que realice en el formulario en sí se guardará.

Actualizar la página del formulario.
Protegió la página con el formulario.

Actualiza el formulario con el formulario.

Guarde la página con el formulario. De esta manera, puede agregar, editar y mostrar los formularios en sus páginas de la misma manera que con cualquier otro bloque que tenga disponible.

Edición de la página de formularios Neli. ¡Reciba solicitudes de contacto de sus visitantes, eso es todo! Solo tenemos que publicar la página o publicación que contiene el formulario creado. Si un visitante completa el formulario incorrectamente, se le advertirá que verifique la información completa. Notificaciones de error en el formulario completado. Pronto recibirá notificaciones con la información completada por sus visitantes en la forma en que indicó en el formulario.

Ejemplo de correo electrónico recibido del formulario de contacto en el sitio web NELI POBUPS. De esta manera, cuando reciba un correo electrónico de contacto, sabrá de dónde viene, tendrá toda la información que indicó según sea necesario y podrá evitar el spam. Conclusión Ya he visto que la creación de formularios de contacto con formularios Neli, debido a su integración con el editor de WordPress, es tan fácil como la creación de cualquier página o publicación. Por el momento, la versión gratuita es muy simple, pero incluye todo lo que necesita para crear los formularios de contacto que necesita su sitio. Todos los formularios de contacto que encontrará en este sitio, por ejemplo, se crearon con formularios NELI. Para la versión premium, esperamos tener muchas más funciones que encontrará descritas en la página de formularios NELI. Por supuesto, si cree que necesita alguna funcionalidad adicional y/o está interesado en la versión premium, lo invitamos a completar el formulario en esa página y nos pondremos en contacto con usted. No dude en instalar y probar el complemento Nolio Forms (¡recuerde, es gratis!) Y comparta sus impresiones aquí. Imagen presentada por Brooke Cagle en Unsplash.