Cómo aprovechar al máximo el formulario de contacto 7

Contact Form 7 es, con mucho, el complemento de formularios más popular en el repositorio de WP.org. CF7 tiene más funcionalidad desde el repositorio que la mayoría de los complementos en general. Más que eso, hay una selección masiva de extensiones para el complemento que le permiten hacer casi cualquier cosa que se le ocurra. Con eso en mente, queremos mostrarle cómo aprovechar al máximo el Formulario de contacto 7 y la gran selección de extensiones del Formulario de contacto 7.

Suscríbete a nuestro canal de Youtube

Formulario de contacto 7: Breve descripción general

Como dijimos anteriormente, CF7 es, con mucho, el complemento de formularios más popular, además de ser uno de los más versátiles. Sin embargo, si no está familiarizado con él, puede parecer complicado al principio. Pero cuando lo desgloses, descubrirás que ese no es el caso.

El hecho de que use código para crear sus formularios no debería asustarlo. Realmente es bastante intuitivo. Técnicamente, ni siquiera necesita aprender el código utilizado porque los botones sobre el área de texto le brindan un modo de personalización. Puede usar los modales sin preocupaciones y el Formulario de contacto 7 funcionará muy bien para usted. Pero cuando te sumerges en las etiquetas y el código, obtienes todo el poder del complemento.

Por ejemplo, la plantilla de formulario de contacto predeterminada tiene 4 campos:

• Nombre
• Correo electrónico
• Tema
• Mensaje

Pero digamos que también necesitas el número de teléfono de alguien. Si presiona el botón tel , puede insertar ese campo en el formulario.

Las opciones son bastante sencillas, pero es posible que algunas necesiten aclaraciones.

1. Nombre: este campo es solo para ti. Lo usa tanto para identificar el formulario en sus listas organizativas como en el código corto para indicar al Formulario de contacto 7 qué campo de entrada de teléfono desea mostrar.
2. Valor predeterminado: este valor será el que se encuentre en el campo de forma predeterminada. Si desea mostrarles cómo desea formatear el número, por ejemplo.
3. Atributo de ID: si desea diseñar este campo en particular con CSS, asígnele una ID aquí.
4. Atributo de clase: la clase CSS para todos sus campos telefónicos, o quizás campos en general. Sin embargo, tú decides las convenciones de nomenclatura de tu clase.
5. El Shortcode: Contact Form 7 completa todos los valores a medida que avanza, por lo que puede simplemente copiar el código o presionar Insertar etiqueta para terminar. Si necesita editarlo más adelante en el formulario, puede hacerlo porque toda la información está aquí y no tiene que volver a hacer nada. El código final se verá así [[tel contact-phone-1 id: phone-1 class: phone placeholder “1 (931) 762-0897”]]

Cada una de las etiquetas que tiene por defecto funciona de esta manera.

Otras pestañas: correo y mensajes

La pestaña Correo es bastante sencilla. Aquí es donde tomará las etiquetas de código abreviado del formulario anterior y las usará para formatear la información que se envía en un correo electrónico legible. De esta manera, cuando las personas usen el formulario de contacto, el envío no se le enviará como una tontería. También configura aquí los encabezados y las direcciones de correo electrónico.

La pestaña Mensajes es algo con lo que mucha gente no se mete. Es donde CF7 guarda todos los mensajes frontales que verán sus usuarios. Gracias, su correo electrónico ha sido enviado como mensajes o lo sentimos, no ha completado todos los campos obligatorios . Esa clase de cosas.

También tiene una lógica condicional menor, como lo que sucede si el mensaje se marca como spam. Contact Form 7 te da mucho control en esta área, lo cual es bueno. Especialmente porque todo esto ha sido con la edición gratuita básica .

Y se pone aún mejor. Ahora que está familiarizado con lo que puede hacer con el complemento en sí, profundicemos en algunas de las mejores extensiones de Contact Form 7 para que realmente pueda ver el poder bajo el capó de CF7.

Siete principales extensiones del formulario de contacto 7

Calculamos que siete es un buen número para ceñirse porque, bueno, es el Formulario de contacto 7. Y eso tiene sentido. Con toda la potencia incorporada en el complemento de base gratuito, puede recorrer un largo camino con solo unos pocos complementos. Vayamos a eso, entonces.

1. Campos condicionales para el formulario de contacto 7

De todas las extensiones del Formulario de contacto 7, esta podría ser la más importante. Una de las características que no tiene el complemento base es la lógica condicional. Este complemento corrige eso al extender la funcionalidad de CF7. En lugar de, digamos, mostrar el mismo formulario a todos, independientemente del dispositivo, puede darles un formulario particular que se adapte mejor a su plataforma. Y no tiene que usar CF7 solo para contactos, puede crear cualquier tipo de formulario que desee. Entonces, si necesita que aparezcan formularios de comentarios después de que se cumplan ciertos criterios, puede hacerlo con este complemento.

Precio: GRATIS | Más información

2. Complemento de PayPal y Stripe

Quizás no necesite una solución completa de comercio electrónico. Quizás ejecutar WooCommerce u otra cosa es demasiado para una o dos cosas que vendes. Este complemento puede ser su mejor opción. Puede mantener un formulario creado para cada artículo en particular que vende (cada uno con un SKU o ID único), y sus usuarios serán redirigidos a PayPal o Square al enviar el formulario. No alojará ni procesará su información de pago, solo obtendrá el beneficio de vender sus cosas con unos pocos clics.

Precio: GRATIS | Más información

3. CAPTCHA realmente simple

Todos odiamos CAPTCHA. Aún así, son una primera defensa eficaz contra el spam y las amenazas a la seguridad. Really Simple CAPTCHA está escrito por el mismo desarrollador que Contact Form 7, por lo que sabe que de todas las extensiones que brindan esta función, esta es en la que se debe confiar.

Precio: GRATIS | Más información

4. Formulario de contacto 7 máscaras

CF7 es increíblemente fácil de personalizar. Claro, puede agregar ID de CSS a cada formulario y diseñarlos de esa manera, pero ¿por qué lo haría cuando existe Contact Form 7 Skins? Este complemento utiliza un editor de arrastrar y soltar para que, si no eres un genio del diseño y puedes usar CSS en un abrir y cerrar de ojos, puedes hacerlo en su lugar. Uno de los sellos distintivos de un sitio web profesional es un diseño totalmente integrado, formularios incluidos, y esto puede ayudarlo a hacerlo por su cuenta sin la ayuda de un profesional del diseño.

Si realmente desea utilizar Contact Forms 7 en su sitio al máximo, querrá una variedad de opciones para el estilo. CF7 Skins ofrece una serie de paquetes y complementos premium para que pueda obtener no solo más plantillas y máscaras para su sitio, sino también lógica y la capacidad de dividir formularios en varias páginas, e incluso un estilo más avanzado que el disponible en el versión gratuita.

Precio: GRATIS, con actualizaciones premium | Más información

5. Autorespondedor CF7 (Premium)

Si mantiene una lista de correo electrónico (y estamos casi seguros de que la tiene), esta extensión premium del Formulario de contacto 7 podría ser algo para echarle un vistazo. Muchos de los servicios de respuesta automática de correo electrónico que existen tienen una integración de front-end menos que estelar con sitios web. Sus widgets y API pueden volverse francamente confusos a veces. Por lo tanto, CF7 Autoresponder le permite usar un poderoso complemento, que ya ha diseñado perfectamente para que coincida con su sitio y aún así generar y almacenar todos los clientes potenciales que desea con su servicio de correo electrónico preferido. Por solo $ 18 en CodeCanyon, es una auténtica ganga. Especialmente porque también funciona con formas establecidas. No es necesario reconstruir nada. Solo asegúrate de que este sepa que existen y que estás en el negocio. Literalmente.

Precio: $ 18 | Más información

6. Póngase en contacto con el Formulario 7 de almacenamiento (Premium)

Si realmente desea aprovechar al máximo el Formulario de contacto 7, debe aprovechar que todo está instalado en WordPress. CF7 Storage hace que todos los envíos de formularios se guarden en su base de datos de WP. Muchas veces, los correos electrónicos se pierden. O tal vez el servidor de correo electrónico se estropea y se pierde una pista importante. O peor aún, su correo electrónico comienza a marcar los envíos de su sitio web como spam / basura (por experiencia ... eso es lo peor). Este complemento lo corrige al brindarle una bandeja de entrada del lado del servidor de cada envío de cualquiera de sus formularios. A $ 19, eso es menos de un año de Google One. Creemos que estará de acuerdo en que es un pequeño precio a pagar por este tipo de utilidad (y seguridad, sinceramente).

Precio: $ 19 | Más información

7. Cargador directo CF7 (Premium)

Buscar a través de estructuras de archivos y directorios para encontrar un archivo para cargar es tan 2002. CF7 Drop Uploader trae el complemento favorito de todos con este toque moderno y algo más. Arrastrar cualquier archivo al formulario iniciará la carga, y sus usuarios no perderán tiempo mientras buscan y hacen clic y hacen clic y hacen clic y hacen clic. Muchas veces, los usuarios se comunican con usted para obtener ayuda con un problema, y ​​si sus formularios no permiten al menos una carga de captura de pantalla, entonces tiene fricción entre el usuario y la solución a su problema. Combine esto con otras extensiones de Contact Form 7, como una que guarda en su base de datos, y realmente ha comenzado a exprimir el poder del pequeño complemento que podría. Drop Uploader cuesta $ 17, pero vale la pena por la facilidad que brinda a sus usuarios.

Precio: $ 17 | Más información

Conclusión

Si ya es usuario del Formulario de contacto 7, con suerte pudimos abrirle los ojos a algunas formas en que puede expandir su utilidad en su sitio web. Y si es nuevo en esto, busque todas las extensiones del Formulario de contacto 7 que existen. Si realmente desea aprovechar al máximo CF7, debe encontrar las extensiones adecuadas. Y los siete anteriores realmente cubren la mayoría de sus bases en términos de expandir lo que es posible con el complemento gratuito fuera del repositorio.

¿Cuáles son sus extensiones favoritas de Contact Form 7?

Imagen destacada del artículo por Vitya_M / shutterstock.com