Contact Form Block

Descripción

Sencillo, pero bonito y perfecto para la mayoría de nosotros. ¡Te encantará este formulario de contacto! Mediante su bloque de Gutenberg (o su shortcode), puedes añadirlo en cualquier parte y hacerlo tuyo en unos pocos clics. Ligero, con una limpia interfaz de usuario, sin necesidad de configurar nada especial o descargar más plugins. No usa ningún archivo JS o CSS (excepto si activas reCAPTCHA). Puedes encontrar más información sobre este plugin en Meow Apps: Bloque del formulario de contacto.

¿Por qué otro formulario de contacto? En el pasado, he probado muchos plugins y los he encontrado demasiado pesados y complicados. La mayoría de las veces, solo quería un sencillo formulario de contacto. ¿Por qué necesito crear un nuevo formulario en una lista de formularios, decidir manualmente los campos y asegurarme de que todo está bien configurado? Y, ¿por qué necesito más plugins para añadir compatibilidad con reCAPTCHA o, incluso, pagar por una opción tan básica?

Uso

El plugin Contact Form Block ha sido diseñado para usarlo dentro del editor Gutenberg. Puedes modificar las etiquetas de los campos principales (nombre, correo electrónico y mensaje) y todo el diseño. También se puede añadir una cabecera con una imagen y algún texto. El texto y el color del botón de envío también se pueden personalizar. Hay 3 temas básicos disponibles: «Ninguno», «Por defecto» y «Meow Apps». «Ninguno», no añadirá estilos a tu formulario de contacto; «Por defecto», hará que funcione en cualquier tema; y «Meow Apps», se verá algo más sólido.

También se puede usar el shortcode `[contact-form-block]`, ¡tal como está! Ese shortcode puede usarse en cualquier sitio, en tus widgets, por ejemplo. Echa un vistazo al tutorial para aprender cómo usarlo.

Para el ReCAPTCHA y los otros ajustes, por favor, visita la página del formulario de contacto en el menú de Meow Apps en la administración de tu WordPress.

Notas

  • El comportamiento por defecto de este formulario de contacto es enviar un correo electrónico al administrador de la instalación de WordPress. Esto puede ser modificado fácilmente mediante los filtros disponibles en WordPress.
  • reCAPTCHA v3 se usa actualmente como un sistema antispam. Si estás interesado, también puedes desarrollar tu propia «comprobación humana». Echa un vistazo a esto.

Buenas prácticas

Este formulario de contacto sigue las mejores prácticas para garantizar una máxima tasa de conversión.

  • Diseño vertical (las columnas múltiples terminan en una pérdida)
  • Etiquetas encima de los campos (en lugar de marcadores de posición o artificios)
  • Botón de envío explícito y colorido (etiquetado por defecto como «Enviar» en vez de «Remitir»)
  • Un número limitado de campos (después de 3 campos, la tasa de conversión cae)
  • No hay captcha (no te preocupes por el spam, ya que este formulario de contacto incluye reCAPTCHA v3, que es invisible)
  • Usa una cabecera (con una pequeña imagen) que motivará al usuario a contactar contigo

Limitaciones

El objetivo de este formulario de contacto es seguir siendo sencillo y rápido. Se pueden añadir nuevos campos y características a través de sus filtros y acciones, pero no haré que el núcleo sea más complejo y pesado.

Idiomas: Español e Inglés.

Capturas

  • Bloque de formulario de contacto.

Bloques

Este plugin proporciona 2 bloques.

  • Contact Form
  • Contact Form Block

Instalación

  1. Sube contact-form-block al directorio /wp-content/plugins/
  2. Activa el plugin a través del menú «Plugins» en WordPress

Reseñas

13 de noviembre de 2024 1 respuesta
I have several Meow plugins including some of the PRO versions, so I thought I’d try this one! This is an easy-to-use plugin that has a simple elegance. I do wish it had a Cloudflare option as well as Captcha v3 but don’t let that put you off. Get it!
4 de julio de 2024
As a freelance developer, I’ve worked with many contact form plugins over the years. Contact Form Block stands out for its simplicity and performance. The codebase is clean and well-documented, making it easy to extend or customize when needed. I love that it uses native Gutenberg blocks – no need for shortcodes or extra CSS. The lack of bloat means faster page loads, which my clients and their visitors appreciate. One feature I particularly like is the ability to add custom validation rules. It gives me the flexibility to create more complex forms when required, without resorting to heavier plugins. The only downside is the limited selection of pre-built templates, but for a free plugin, it’s hard to complain. This has become my default choice for most client projects.
20 de junio de 2024
No visible impact on the website, still in staging phase, no malfunction to report as of now
19 de junio de 2024 1 respuesta
After battling with WP Forms for several hours, the Light version, not making reCaptcha showing on my contact form, I decided to kick it out…as I see many people have done before me.I remembered that Jordy Meow ad a contact form, and since non of the plugins from him has given me anything buy “Oh thank you Cool Cat for saving my life” kind of feelings, I guessed this would also be one of these blissful moments. And Jordy’s cat delivered this time around also. What a truly super contact form, and the installation is so simple I can do it blindfolded while being in another room. I have no skills whatsoever when it comes to “backend” stuff, and I had been battling for hours with this other crap form, and then its truly liberating to connect with yet another super plugin from Jordy Meow. I would take both him and his cat out for a snack, if I was in Japan. I have many of his plugins, 2 PRO – the rest free plugins, and I will NEVER opt for anything else if Jordy have a solution I can use! I build on .local and push to .net, and Jordy’s plugins have never failed me ONCE! Thanks Jordy🙏🏻
Leer todas las 35 reseñas

Colaboradores y desarrolladores

«Contact Form Block» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

«Contact Form Block» ha sido traducido a 10 idiomas locales. Gracias a los traductores por sus contribuciones.

Traduce «Contact Form Block» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

1.0.2 (2024/10/16)

  • Update: Common libs.
  • Info: There are many (complex) contact forms for WordPress. It is difficult for this one to get visibility. If you would like to help, and enjoy this plugin, remember to write a little review for it. Thank you 🎵

1.0.1 (2024/07/07)

  • Update: Stable and mature plugin. It is now 1.0.0+ 🎉

1.0.0 (2024/06/02)

  • Update: Common libs.

0.3.4 (2023/11/15)

  • Add: Block fields now feature unique IDs for improved functionality and distinction.
  • Update: Enhanced CAPTCHA integration using WordPress HTTP API for better reliability.
  • Fix: Fixed settings redirection issue from the plugin page for a smoother user experience.
  • Fix: Corrected the argument order in add_filter function for proper functionality.

0.3.3 (2023/10/15)

  • Fix: The calls to add_filters had swapped parameters.

0.3.2 (2023/09/22)

  • Update: Optimized bundles.
  • Fix: Compatibility with PHP 8.4.

0.3.1 (2023/08/01)

  • Fix: The Captcha v3 was not working properly.

0.3.0 (2023/02/16)

  • Fix: Load the CSS locally instead of from its URL.
  • Update: Async loading of Captcha.

0.2.9 (2022/11/12)

  • Added: Support for the new WordPress 6.1.
  • Update: Enhanced the UI.

0.2.8 (2022/07/27)

  • Update: Compatibility with WP 6.
  • Update: Admin and Neko UI.

0.2.7 (2022/02/01)

  • Actualización: Mejor CSS.
  • Actualización: Nueva creación de los scripts.
  • Update: Compatibility with WP 6.9.

0.2.6 (2021/09/23)

  • Actualización: Normal a 3.6.
  • Actualizado: Renovadas la administración y la interfaz de usuario.
  • Actualización: Cambiado el botón del formulario de una entrada a un elemento de botón.

0.2.2

  • Actualización: Nueva administración.
  • Corrección: Se mostraba un problema de la licencia.

0.2.1

  • Actualización: Añadidos los ID a los campos.
  • Actualización: Nueva interfaz de usuario dinámica para los ajustes.

0.1.7

  • Corrección: Problema de accesibilidad con la etiqueta «para» que no coincidía con la entrada «nombre».

0.1.6

  • Corrección: Evitar una advertencia potencial.
  • Corrección: Abrir una nueva página cuando se hace clic en el enlace de Google.

0.1.5

  • Corrección: En algunos casos, había un pequeño aviso en los registros.

0.1.4

  • Corrección: La traducción en francés no funcionaba con reCAPTCHA v3.
  • Actualización: Añadido un ejemplo de código para una extensión de preguntas de comprobación humana (en el directorio de extensiones).

0.1.3

  • Corrección: El campo del teléfono no se devolvía correctamente al formulario.

0.1.2

  • Corrección: Una variable usada para CSS era incorrecta.
  • Corrección: Ahora se puede cambiar el texto en el botón.
  • Actualización: Añadida más compatibilidad i18n.
  • Actualización: Ya no usa el gestor estándar de entradas (admin-post.php), ya que no funciona con los plugins de seguridad que modifican la URL de «wp-admin». Ahora usa un gestor personalizado. Si prefieres el comportamiento anterior, por favor, cambia la variable `$use_admin_post` a `true` en el núcleo.

0.0.9

  • Corrección: Advertencias con la última versión de WordPress.

0.0.8

  • Añadido: nuevo campo de teléfono (que es también un buen ejemplo si te gustaría añadir tus propios campos).

0.0.7

  • Corrección: eliminada la variable `header_image_url` inservible.

0.0.6

  • Añadida: URL de redirección.

0.0.4

  • Añadido: Google reCAPTCHA v3.

0.0.3

  • Añadido: usar el correo electrónico del remitente para las respuestas.

0.0.2

  • Corrección: problema al restablecer los colores del botón.

0.0.1

  • Primera versión.