Un formulario de contacto es imprescindible en nuestro sitio web. Otro tipo de formularios, un poco más avanzados, son importantes para recolectar información de usuarios. Si aún sabes cuál utilizar en WordPress, este artículo comparativo entre Caldera Forms vs Contact Form 7 puede ayudarte a decidirte.

Caldera Forms vs Contact Form 7: ¿Cuál es mejor plugin de Contacto?

Para quienes trabajamos con WordPress hace mucho tiempo, aún no entendemos cómo aún no trae un formulario –aunque sea básico-, pero sí sigue incluyendo en su paquete de instalación el plugin Hello Dolly.

Esto también puede ser confuso para aquellos que están aprendiendo WordPress por su cuenta y al instalarlo, no encuentran una función para algo tan simple y necesario como un formulario de contacto.

Aunque la mayoría de las plantillas incorporan esta función, no así tanto las gratuitas y mucho menos las que vienen por defecto con el CMS.

Por tanto, es común que recurramos al repositorio de plugins de WordPress.org en búsqueda de esta función.

Los más conocidos son Contact Form 7 y Caldera Forms. El primero mucho más que el segundo, ya que las instalaciones activas así lo demuestran.

Si nos basamos solo en esta referencia, ya sabemos cuál elegiríamos. Pero te sorprenderías con la cantidad de usuarios que comienzan a utilizar el complemento de Caldera Labs, una vez que lo conocen.

El desarrollado por Takayuki Miyoshi se presenta como …”otro plugin de formularios de contacto. Sencillo pero flexible.”

Caldera Forms vs Contact Form 7

Mientras que el de Caldera Labs, se anuncia como “Un editor facíl, adaptable y basado en una cuadrícula para crear formularios simples y complejos.”

Caldera Forms vs Contact Form 7

Comparativa entre Caldera Forms vs Contact Form 7

En este artículo, haremos una comparativa entre ambos. Comentaremos aspectos como:

  • idiomas y traducciones
  • configuración
  • diseño
  • vista
  • campos
  • adjuntos
  • GPDR
  • integraciones

Así que, sin más preámbulos ¡vamos a ello!

Instalaciones activas

Contact Form 7

A Agosto del año 2018, el plugin tiene más de 5.000.000 de instalaciones activas.

Caldera Forms

Se encuentra muy por debajo de su competencia, apenas más de 100.000 instalaciones activas.

Idiomas y Traducciones

Contact Form 7

El panel de administración se encuentra traducido a 49 idiomas.

Es compatible con WPML de pago– y Polylangfreemium-, dos plugins para contenidos multilenguajes.

Caldera Forms

Al no ser tan popular, por ahora su administración está traducida a 12 idiomas.

Para mostrar nuestros formularios en diversos idiomas, disponemos del plugin Caldera Forms Translationgratuito-.

Esta función es compatible con el switcher para cambiar idiomas de WPML.

Lee aquí sobre la traducción a otros idiomas de tus formularios.

Configuración

Contact Form 7

Su configuración puede parecer sencilla. No hay un apartado especial para esta función. En cada formulario creado tendremos 4 pestañas para esto:

Formulario: para construcción del mismo y la creación de campos a través de etiquetas (código corto).

Correo electrónico: aquí se configura el email y la información que te enviará el sistema. También podrás decidir si envías una copia del mensaje al usuario.

Mensajes: estos son los mensajes que el formulario mostrará al usuario en ocasiones particulares como: envíos con éxito o fallos, errores de validación de campos, etc.  Lo bueno es que por defecto, ya trae configurado mensajes. Lo malo, sólo unos pocos en español, la mayoría están en inglés.

Ajustes adicionales: aquí podrás incluir fragmentos de código personalizados. Si no eres un usuario avanzado, no entenderás para qué es esto y no podrás sacarle mayor provecho a la herramienta.

Sin embargo, para montar un formulario se requiere tener conocimientos de HTML y guiarse con los códigos cortos, pues toda la interface de construcción se basa en ello. Todo está basado en texto plano.

Si bien es considerado un plugin básico, lo es en sus funciones. Un usuario que no tenga conocimientos de HTML, tendrá muchas frustraciones para configurarlo. Por suerte, siempre se instalará un formulario básico de contacto, a modo de ejemplo.

Pero a no preocuparse, aunque en inglés, hay una extensa documentación que puedes leer.

Al ser el más popular, han salido muchos plugins que se complementan y agregan otras funciones más avanzadas.

Entre sus funciones rápidas se encuentran sólo dos: Editar y Clonar.

Caldera Forms

Si bien podemos realizar algunas configuraciones generales, la mayor parte de esto lo encontraremos en cada uno de los formularios creados.

Al crear un formulario, podemos elegir entre algunos pocos pre armados o comenzar uno en blanco.

Entre las pestañas de configuración nos encontraremos con:

Configuración del Formulario: Desde el nombre del formulario, pasando por el mensaje de envío exitoso hasta si queremos capturar las entradas del mismo. Esto último es una ventaja sobre Contact Form 7, ya que todos los mensajes procesados por cada uno de los formularios, quedarán registrados en el panel de adminsitración, pudiendo luego exportar la información en CSV.

Diseño: aquí diseñaremos nuestro formulario. La construcción es más intuitiva, pues todo es más visual y de “arrastrar y soltar”.

Email: en este apartado configuramos los correos electrónicos que nos llegarán.

Procesadores: estas son funciones extras que podemos agregar a nuestros formularios. Por defecto, el procesador que tendremos ya creado será el de Auto-respuesta; es decir el correo que se enviará automáticamente al autor del envío del mensaje. Pero también contamos con otras posibilidades filtro anti-spam, recipientes adicionales, redirección luego de envío del mensaje, etc.

AntiSpam: sin mucho que configurar, una ayuda para evitar algo de spam bots.

Condicionales: aquí podremos configurar las condicionales del formularios. Ya sabes, del tipo: si se ellige la opción A mostrar el campo X. si se elige la opción B, mostrar el campo Z. Una función muy útil para no presentar formularios extensos y solicitar información específica según el perfil o interés de los prospectos.

Revisiones: disponemos de un listado de revisiones de los cambios efectuados en nuestro formulario y que podemos restaurar.

Variables: un apartado que disfrutarán aquellos usuarios más avanzados. Aquí podremos configurar variables estáticas y Passback. Puedes leer más información aquí.

Adaptabilidad: útil para la adaptabilidad a distintas resoluciones.

Como notarás, con Caldera Forms dispondrás de muchas más funciones avanzadas pero configurables de manera intuitiva.

También dispones de una extensa documentación, aunque en inglés.

Entre sus funciones rápidas, se puede: Editar, Desactivar, ver Entradas (mensajes enviados), Exportar, Clonar y Borrar.

Diseño y Vista

Contact Form 7

Su presentación es básica. Los campos se ubican uno debajo de otro y no es responsivo.

Para hacerlo adaptativo, así como poder presentar algunos campos a doble columna y cualquier otra personalización estética -como cambiar el tamaño y color del botón de enviar-, es necesario hacerlo a través de CSS. Algo muy complicado para un usuario básico.

Para que el formulario sea visible para los usuarios, bastará copiar y pegar el código corto (shortcode) proporcionado por la herramienta, en el lugar de la página donde deseamos que se muestre.

Caldera Forms

Ya hicimos referencia al constructor visuald de formularios, con su particularidad de arrastrar y soltar. También es muy fácil dividir los campos por secciones y hasta en 12 columnas; algo poco recomendable, pero posible.

Caldera forms también nos da la posibilidad de una vista previa, para comprobar como queda nuestro formulario antes de publicarlo.

Al igual que el otro plugin, se inserta en una página o widget a través de shortcode. Pero también es posible abrirlo como un Modal desde un simple link o botón. Eso sí, para personalizar el botón deberá hacerse a través de CSS.

La visualización es adaptativa a diferentes resoluciones de pantalla.

También nos ofrece la posibilidad de paginar nuestro formulario. Es decir, que podemos requerir la información en más de una página, para hacerlo más interactivo y visualizar la información por temática o de manera más breve.

Campos

Contact Form 7

La creación de campos se lleva a cabo a través de etiquetas –tipo shortcodes– o bien un simple asistente.

Este generador de campos, además del nombre del mismo, nos permitirá indicar si es requerido, entre otras como valor predeterminado, atributos ID y clase.

Las opciones de campos disponibles, son:

  • texto
  • correo electrónico
  • URL
  • teléfono
  • número
  • fecha
  • área de texto
  • menú desplegable
  • casillas de verificación
  • botones de selección
  • aceptación (casilla de verificación pero sin chance de insertar la URL de manera amigable)
  • cuestionario
  • reCAPTCHA
  • archivo (adjunto, con especificación de formato y tamaño)
  • botón de enviar
Caldera Forms

La generación de campos se realiza luego de arrastrar y soltar la función Añadir campos.

En la mayoría de los campos no será necesario tocar mucho más que el nombre por el personalizado, si eso necesitarámos. Pero también tenemos unas cuantas opciones más disponibles, para configurarlo de manera avanzada: ocultar etiqueta, slug, condición, descripción, requerido, clase personalizada, texto interior, filas, etc.

Entre los campos disponibles, contamos con:

  • campo de texto
  • oculto
  • dirección de email
  • botón (tipo enviar y restablecer)
  • número de telefóno (básico con máscara y mejorado con formatos internacionales)
  • número (con controles mínimo y máximo)
  • área de texto
  • editor enriquecido (TinyMCE WYSIWYG)
  • URL
  • cista desplegable
  • casillas seleccionables
  • lista de opciones
  • auto-rellenar (select2 dropdown)
  • selección de fecha
  • pestañas seleccionables
  • selección de color
  • lista de Estados / Provincias (Estados Unidos y Canadá)
  • archivos simple y avanzado (cargador de archivos con opción carga simple y múltiple. También podemos adjuntarlo al mensaje, elegir formato, mostrarlo en el registro de nuestro panel de administración y hasta añadirlo a la biblioteca de medios de nuestro WordPress)
  • contenido HTML
  • resumen (actualización en vivo del resumen del envío)
  • separación de sección
  • número de tarjeta de crédito*
  • fecha de expiración de tarjeta de crédito*
  • código de seguridad CVC de tarjeta de crédito*
  • operaciones (calcula valores)
  • rango deslizable
  • valoración con estrellas (útil para recoger opiniones)
  • código UTM (inserción de código para seguimiento y analítica de usuarios)
  • campo de consentimiento (para recopilación de información personal)
  • Gravatar (una previa de en vivo de tu Gravatar)

*  Todos estos campos, útiles para ecommerce y con los Add-Ons opciones, de pago, que permiten integrar servicios como PayPal, Stripe, Baintree, Easy Digital Downloads, entre otros.

Adjuntos

Contact Form 7

Como ya mencionamos entre todas las opciones de campos disponibles, se puede permitir que los usuarios adjunten archivos a través de los formularios.

Podremos indicar el o los formatos permitidos (pdf, doc, docx, zip, entre otros). También se nos permite indicar el límite de tamaño permitido, muy útil para evitar abusos.

Suele ser muy común para los principiantes, renegar un poco con la llegada del archivo a su email, ya que la configuración de esto depende también de las etiquetas o shortcodes y el armado del email a enviarse que se construye del mismo modo.

Caldera Forms

También permite carga de archivos, configurable de manera más intuitiva. Podemos elegir entre el cargador de archivos y el cargador de archivos avanzado, que permite la carga múltiple.

Es llamativo que no tenga una opción simple y visible como el resto, para configurar el límite de tamaños de archivos.

Sin embargo, no hay problemas en que los archivos adjuntos lleguen a través de email, queden guardados y visibles desde el panel de administración o que se carguen al directorio de medios de nuestro WordPress.

GPDR / RGPD

Es importante aclarar, para quienes no tengan conocimiento del significado de estas siglas, que significan: General Data Protection RegulationReglamento General de Protección de Datos.

Esta normativa, en boca de todos desde que la Unión Europea la ha puesto en vigor este año, regula la protección de datos de los usuarios.

Para obtener más información sobre esta normativa puedes leer este arículo.

Si trabajas con WordPress, debes pasarte por el blog AyudaWP.com de Fernando Tellado. Aquí encontrarás artículos de interés para tu web.

Contact Form 7

Hay maneras simples de hacerlo con la integración de otro plugins específicos para la aceptación de esta normativa.

También podemos recurrir al campo casilla de verificación, pero requerirá saber HTML para poder insertar un link a nuestras Políticas de Privacidad.

Caldera Forms

A través del campo de consentimiento, podemos agregar una casilla de aceptación. Este campo nos permite configurar de manera simple, un texto de términos de acuerdo o “agreement” y un texto que será linkeado a nuestra página con el contenido de las Políticas de Privacidad. Esta página no es seleccionable, ya que automáticamente se vinculará a la página indicada en nuestros Ajustes de Privacidad del WordPress.

Aquí tienes un artículo oficial –en inglés– sobre este tema respecto al plugin.

Integraciones con otros plugins

Contact Form 7

Como ya hemos visto, por diferentes motivos, Contact Form 7 es el más utilizado para formularios de contacto en WordPress. Esto hace que sea la primera opción para desarrollar otros complementos que le agreguen funcionalidades y que se integre con servicios de terceros.

Tiene mucho potencial en este aspecto, ya que podemos integrarlo servicios de email marketing, SMS, spreadsheets de Google, entre tantos otros.

Puedes revisar el repositorio de WordPress.org para ver muchas opciones de integración.

Caldera Forms

Si bien Caldera Forms tiene una versión gratuita, también podemos acceder a varios planes de pago.

La versión gratuita es más que suficiente para un sitio web estándar. Cómo habrás notado sus funciones son numerosas y diversas.

Pero también disponemos de opciones Pro o de pago, que nos prometen aumentar la confiabilidad de entrega de los mensajes; así como crear archivos PDF de esos envíos y con posibilidad de adjuntarlas al correo electrónico. Otras de las opciones en los servicios de pago nos permitirán ver los mensajes en PDF o HTML más tarde y hasta mejorar la presentación de los emails enviados.

Tendremos también estadísticas de mensajes y mientras más elevado sea el plan, contaremos con Add-Ons incluidos.

Estos Add-Ons, unos pocos de ellos gratuitos, también pueden adquirirse por separado. Mira el listado de Add-Ons aquí.

Pero esto no es todo; pues en el repositorio de plugins de WordPress.org también encontraremos un listado de interesantes complementos que agregaran funcionalidades e integraciones a nuestro formularios, de manera gratuita. Incluso, muchos de ellos, desarrollados por el mismísimo Caldera Labs.

Con ellos podremos verificar emails, integrar con Slack o spreadsheets de Google, presentar los formularios en distintos idiomas, etc.

Aunque hay que dejarlo claro, las opciones gratuitas disponibles, no son tan diversas como las de Contact Form 7.

Resumen de Comparativa entre Caldera Forms vs Contact Forms 7

 

Característica Contact Form 7 Caldera Forms
Instalaciones activas +5.000.000 +100.000
Idioma administración 49 idiomas 12 idiomas
Traducción de formulario WPML y Polylang Caldera Forms Translation
gratuito y compatible con WPML
Configuración p/ usuarios Avanzados p/ usuarios Medios
Construcción de formularios p/ usuarios Avanzados p/ usuarios Básicos
Diseño p/ usuarios Avanzados
No responsive
Una sola columna
p/ usuarios Medios
Responsive
Múltiples columnas
Vista Presentación simple Presentación simple
Link modal
Botón modal
Campos 15 opciones
sin condicionales
32 opciones
con condicionales
GPDR Posible con conocimientos HTML Posible con asistente
Integración con otros plugins Gran variedad de integraciones gratuitas Menor cantidad de integraciones, en su mayoría de pago

¿Cuál elegir: Caldera Forms o Contact Form 7?

Si dominas HTML, tienes un nivel medio de CSS y no tienes pereza de lidiar con configuraciones extras e integraciones algo complejas; podrás sacarle mucho provecho a Contact Form 7.

Si no sabes o no deseas lidiar con código para armar formularios avanzados de manera simple pero resignando integraciones con muchos servicios entonces tu opción es Caldera Forms.

¿Cuál utilizo yo?

Suelo utilizar tres. Los dos aquí mencionados y el formulario de Divi Theme.

El formulario integrado de Divi Theme lo utilizo cuando estoy implementando esta plantilla y los formularios son básicos. Al ser propio del tema, su personalización gráfica es muy simple y en caso de no querer tocarla se adapta perfectamente al estilo de la plantilla.

Uso Contact Form 7, también para formularios simples. Siempre lo personalizo con CSS para mostrar campos en dos columnas, hacerlo responsive, configurar tipo y estilo de fuente así como tamaño de los campos.

Sin embargo mi favorito es Caldera Forms, pues me permite trabajar más rápido con formularios más avanzados. Aunque también suelo modificarlos un poco con CSS, es sólo para algunos aspectos visuales puntuales.

Caldera Forms es muy útil para formularios de reservas con opciones personalizadas, inscripción a eventos, encuestas, etc. Y me parece fantástico tener la opción de poder insertar un botón o un link que abra el formulario en un modal.

¿Has probado ambos plugins? ¿Cuál es tu favorito?

 

Calificando este contenido ayudas a mejorarlo.

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (2 votos, promedio: 5,00 de 5)
Cargando…