Contact Form 7 es uno de los complementos de formularios de contacto más populares 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 permite hacer casi cualquier cosa que se le ocurra. Con eso en mente, queremos mostrarle cómo aprovechar al máximo Contact Form 7 y la gran selección de extensiones de Contact Form 7.
Suscríbete a nuestro canal de Youtube
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 analizas, encontrarás que ese no es el caso.
El hecho de que use código para crear sus formularios no debería asustarlo. Es realmente bastante intuitivo. Ni siquiera necesita técnicamente aprender el código utilizado porque los botones sobre el área de texto le brindan un modal para la 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
- Sujeto
- Mensaje
Pero supongamos que también necesita 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 un par puede necesitar aclaración.
- Nombre: Este campo es solo para usted. Lo usa para identificar el formulario en sus listas organizacionales y también en el código abreviado para decirle al Formulario de contacto 7 qué campo de entrada de teléfono desea mostrar.
- Valor predeterminado: este valor será lo que está en el campo de forma predeterminada. Si desea mostrarles cómo desea que se formatee el número, por ejemplo.
- Atributo de ID: si desea diseñar este campo en particular con CSS, asígnele una ID aquí.
- Atributo de clase: la clase CSS para todos sus campos telefónicos, o quizás campos en general. Sin embargo, las convenciones de nomenclatura de su clase dependen de usted.
- El código abreviado: el formulario de contacto 7 completa todos los valores a medida que avanza, por lo que simplemente puede 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á como [[tel contact-phone-1 id:phone-1 class:phone placeholder “1 (931) 762-0897”]]
Cada una de las etiquetas que tiene por defecto funcionan 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 un galimatías. También configura aquí los encabezados y las direcciones de correo electrónico.
La pestaña Mensajes es algo con lo que muchas personas no se meten. Es donde CF7 guarda todos los mensajes frontales que verán sus usuarios. Gracias , su correo electrónico ha sido enviado tipo de 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 correo no deseado. El formulario de contacto 7 le brinda 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 que existen para que pueda ver realmente el poder bajo el capó de CF7.
Las siete extensiones principales del formulario de contacto 7
Suponemos que siete es un buen número para apegarse porque, bueno, es el formulario de contacto 7. Y eso tiene sentido. Con todo el poder que está integrado en el complemento base gratuito, puede recorrer un largo camino con solo unos pocos complementos. Vamos a ello, entonces.
1. Campos condicionales para el formulario de contacto 7
De todas las extensiones de Contact Form 7 que existen, 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 soluciona eso al extender la funcionalidad de CF7. En lugar de, digamos, mostrar el mismo formulario a todos, independientemente del dispositivo, puede proporcionarles 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
Tal vez no necesite una solución de comercio electrónico completa o un complemento de pago sólido en su sitio. Tal vez ejecutar WooCommerce u otra cosa sea demasiado para una o dos cosas que vende. El complemento Paypal & Stripe para Contact Form 7 podría ser su mejor opción. Puede mantener un formulario creado para cada artículo en particular que venda (cada uno con un SKU o ID único), y sus usuarios serán redirigidos a PayPal o Stripe 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 de seguridad. Really Simple CAPTCHA está escrito por el mismo desarrollador que Contact Form 7, así que sabes que de todas las extensiones que brindan esta función, esta es en la que debes confiar.
Precio: GRATIS | Más información
4. Formulario de contacto 7 pieles
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 , de modo que si no eres un genio del diseño y puedes sacar 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 completamente integrado, formularios incluidos, y esto puede ayudarlo a hacerlo por su cuenta sin la ayuda de un profesional del diseño.
Si realmente desea usar Contact Forms 7 en su sitio al máximo, querrá una variedad de opciones para diseñarlo. 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
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 frontal menos que estelar con los 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 aun así generar y almacenar todos los clientes potenciales que desea con su servicio de correo electrónico preferido. Por solo $ 18 en CodeCanyon, es un robo absoluto. Especialmente porque también funciona con formas establecidas. No hay necesidad de reconstruir nada. Solo asegúrese de que este sepa que existen, y usted está en el negocio. Literalmente.
Precio: $18 | Más información
Si realmente desea aprovechar al máximo el Formulario de contacto 7, debe aprovechar que está todo 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 falla y pierdes 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 soluciona eso al brindarle una bandeja de entrada del lado del servidor de cada envío desde 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
Buscar a través de estructuras de archivos y directorios para encontrar un archivo para cargar es tan 2002. El CF7 Drop Uploader trae el complemento favorito de todos con este toque moderno y algo más. Al arrastrar cualquier archivo al formulario, se 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 ponen en contacto con usted para pedir ayuda con un problema, y si sus formularios no permiten al menos cargar una captura de pantalla, entonces hay fricción entre el usuario y la solución a su problema. Combine esto con otras extensiones de Contact Form 7, como una que se 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 de Contact Form 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, eche un vistazo a todas las extensiones de Contact Form 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 del repositorio.
¿Cuáles son tus extensiones favoritas de Contact Form 7?
Imagen destacada del artículo por Vitya_M / shutterstock.com