Guía gratuita de complementos de WordPress

Una de las funciones más importantes de un sitio web es un formulario de contacto. Esto permite a los usuarios ponerse en contacto con usted de forma rápida y sencilla. Todo lo que necesita hacer es completar algunos campos (nombre, correo electrónico, mensaje, etc.) y presionar el botón "Enviar".

El formulario de contacto evita que los usuarios abran su proveedor de correo. Además, si se configura correctamente, sabrá que todos los mensajes llegarán a sus manos ya que el destinatario no puede confundirse.

Como si eso no fuera suficiente, usar un formulario de contacto puede proteger su privacidad en línea, ya que no tiene que ingresar su dirección de correo electrónico para que pueda mantener una gran cantidad de spam en su bandeja de entrada.

Contact Form 7 es el complemento de formulario de contacto más utilizado para WordPress. Actualmente tiene más de 5 millones de instalaciones activas y una calificación promedio de 4.2 estrellas. Está disponible en 57 idiomas.

Es un complemento gratuito que promueve su uso y aumenta su popularidad. Tiene la funcionalidad básica de un formulario de contacto y también le permite agregar casillas de verificación para aceptar la política de privacidad.

del mismo modo Hay muchos complementos que puede utilizar para personalizar su formulario de contacto 7Estas extensiones agregan funciones como redirigir a los usuarios después del envío del formulario, Agregue códigos de verificación para evitar bots o la integración de la plataforma de pago con PayPal.

Hemos discutido el complemento Contact Form 7 en otras ocasiones, todo en 51 consejos para WordPressComo uno de 15 cosas que hacer después de instalar WordPress...

Hay alternativas más poderosas como Gravity Forms, pero no son gratuitas ni fáciles de configurar, por lo que Contact Form 7 es una de las mejores. Complementos de formulario de contacto de 10 WordPress...

Veamos cómo descargarlo.

Descargue e instale el formulario de contacto 7

Puede descargar el formulario de contacto 7 del repositorio oficial y luego descargarlo de Complementos> Agregar> Cargar complementos O puede omitir el paso anterior yendo directamente al Administrador de complementos de WordPress.

Si elige la última opción, no se requiere descarga, simplemente escriba el nombre en el motor de búsqueda, luego haga clic en Instalar ahora Entonces en Dar una oportunidad.

Cómo configurar el formulario de contacto 7

Cuando instala y activa Contact Form 7, se agrega una nueva pestaña al menú de la barra lateral de WordPress y aparece un icono de sobre. tocar. Consta de 3 partes:

• Información del contacto: El formulario de contacto que creó aparece aquí. El "Formulario de contacto 1" se muestra de forma predeterminada.
• Agregar nuevo: Agregue un nuevo formulario a su sitio.
• Integración: Le permite vincular el complemento con un contacto permanente de su proveedor de servicios de correo electrónico y un código de verificación de Google (llamado reCAPTCHA).

El complemento no tiene configuración, ya que esto se realiza directamente en cada formulario de contacto. Ayuda a personalizar al máximo cada formulario, aunque puede comenzar con una configuración predeterminada genérica para todos los formularios.

Utilice el formulario de contacto 7 para crear un formulario

Esta es una función de complemento y la implementa perfectamente. Para crear un formulario de contacto, simplemente vaya a Contacto> Agregar.

En este momento Dale un nombre A la forma.

Esto también se puede hacer a través del enrutamiento. Contacto> Formulario de contacto> Agregar.

Después de ingresar al formulario, verá 4 pestañas de configuración:

• formulario: Aquí puede configurar qué campos se muestran en qué orden en el formulario y si son obligatorios. Hay diferentes tipos: SMS, correo electrónico, teléfono o confirmación, por nombrar algunos.

• Envíe un correo electrónico a la dirección: Es hora de editar la plantilla de correo electrónico que aparece cada vez que el usuario completa el formulario. Puede enviar cualquier correo electrónico que desee. Lo que no puede cambiar es la carta que recibe. En este recuadro te sugiero [your-name] Facilitar la identificación de cada mensaje y su remitente.

• Correo electrónico: Cuando el usuario completa y envía el formulario, el complemento muestra una variedad de información al usuario. Estos son los siguientes tipos de mensajes: “Este campo es obligatorio” o “Gracias por su mensaje. Te responderemos tan pronto como sea posible 😉 "

• otras opciones: Como sugiere el nombre, se usa para agregar funcionalidad. Quizás lo más interesante es redirigir al usuario a una página de agradecimiento (u otra página deseada) después de enviar el formulario. Para hacer esto, simplemente ingrese: on_sent_ok: "Ubicación = 'http://tupagina.com/'; "

Y reemplace la URL con su propia URL.

Finalmente, haga clic en el botón azul para guardar sus cambios y listo.

En la ventana del formulario (Contactos> Contactos), todos los formularios que crea están vinculados a sus respectivos Código cortoSi copia y pega el shortcode en cualquier lugar de su sitio web (página, publicación o widget), aparecerá un formulario con un enlace al shortcode.

Por ejemplo, si tiene una página de contacto y desea pegar el formulario que creó, simplemente vaya a la página de edición y pegue el código abreviado apropiado.

Actualice la página y actualice su navegador. Verás algo como:

La última de las 3 pestañas del Formulario de contacto 7 es Integración, desde la cual puede integrar los servicios de marketing por correo electrónico. no te pierdasEste no es uno de los blogs más famosos de la blogósfera latinoamericana.

Otra variante - Agregar código de verificación, En este caso google. Explicaré cómo hacer esto más tarde.

Plantilla de formulario de contacto 7

Dado que cada formulario se compone de diferentes campos, se pueden crear plantillas que se adapten a las necesidades de cualquier sitio web. Por ejemplo, puede crear una plantilla de formulario de contacto (nombre, correo electrónico, mensaje), otra para servicios (elija entre Básico, Profesional y VIP) y otra para libros electrónicos (integración PayPal).

La desventaja es que no tienes ninguno en el formulario de contacto 7 Puede guardar plantillas de esta manera y, si desea usarlas en el mismo sitio web, no es un gran problema, simplemente coloque el cursor sobre ellas y haga clic en ellas. doble...

La principal desventaja es que no puede usar estas plantillas en otras instalaciones, ya que el complemento no ofrece la opción de exportarlas e importarlas desde otras instalaciones de WordPress.

Para engañar: Si selecciona el texto del formulario y lo guarda en un documento de procesamiento de texto, puede usarlo en otra página web.

Otra opción interesante es el uso de complementos. Formulario de comentarios 7 estiloContiene más de una docena de plantillas preinstaladas (San Valentín, Navidad, dos columnas ...) así como la posibilidad de crear tus propias plantillas.

Es un complemento muy útil ya que te permite personalizar elementos y campos, pero carece de un editor visual. Entonces, si su plantilla no te convence, es posible que no sea de mucha utilidad.

Más adelante, le mostraré un complemento para personalizar el Formulario de contacto 7.

Recaptcha y formulario de contacto 7

Captcha es una abreviatura que coincide con lo siguiente C.completamente Amableautomatizado fósforoen público toneladaLa prueba te dice C.Computadora y HORAAh AmableLa parte diseñada para probar si eres un humano o un robot. Nos hacen salir de Internet: se ingresan letras y números antes de que se cargue algo o se envíe un formulario.

El código de verificación de Google se llama Código de revalidación... Esta es una de las dos opciones presentadas en esta sección. integración Formulario de contacto 7.

Para configurarlo, simplemente vaya al sitio web oficial y complete el formulario.

Debe proporcionar la siguiente información:

• Etiqueta: El nombre utilizado para identificar su sitio web. Por ejemplo Raiola.
• Tipo de ReCAPTCHA: Hay dos ejecución, V3 - automático, V2 - manual, hay muchas opciones. Elegimos V3, no es necesario que ingrese el código.
• Cuadrado: Tu dominio principal. Por ejemplo raiolanetworks.es.
• Dueño: Una cuenta de Gmail con acceso a Recaptcha.

Entonces hay dos casillas de verificación:

• Condiciones de uso: Esto debe tenerse en cuenta.
• Enviar notificación al propietario: Por lo tanto, Google le notificará cuando haya un problema.

Luego presione el botón enviar...

El servicio le proporciona dos claves: la clave del sitio web y la clave secreta.

Cópielos en el Bloc de notas, ya que los necesitará para vincular el servicio a su sitio web visitando Escritorio> Contacto> Integración Y haga clic en el campo reCaptcha Integración de la instalación...

Aparecerá la siguiente pantalla, ingrese su contraseña y presione Guardar cambios.

El sistema Recaptcha está en funcionamiento. Tenga en cuenta que la versión 3 (v3) verifica que la interacción sea legal sin la interacción del usuario, por lo que no aparecerá cuando se envíe el formulario.

Formulario de contacto personalizado 7

Una de las debilidades de un formulario de contacto es que no tiene un editor visual, no puede colorearlo con los colores requeridos, lo divide en varias columnas y generalmente puede personalizar el diseño.

Siempre puedes usar una clase para volver a CSS formulario wpcf7Pero requiere habilidades lingüísticas. Así que si quieres Configura tu formulario de contacto 7 de forma rápida y sencillaTe sugiero que uses complementos.

Hay dos complementos de edición de arrastrar y soltar potentes y fáciles de usar:

• Personalizador de formularios de WordPress: Gran personalizador de formularios de contacto.

Formulario de contacto 7 cuero: Una alternativa muy completa.

Personalizador de formularios de WordPress Este es el complemento más popular, puede personalizar el formulario de contacto de acuerdo con sus necesidades. Una vez instalado y activado, aparecerá en sintonizador WordPress. Para usarlo solo ve a Escritorio> Apariencia> Personalización.

De este menú Puedes cambiar el color (Texto, campo, botón, fondo), estilo (Texto, campo, botón), El tamaño de los elementos, los bordes y los marcos.

Formulario de contacto 7 cuero Complemento completo Arrastrar y soltar visualmente en el editor de la ONU (Arrastrar y soltar) en la interfaz de Contact Form 7, lo que facilita la creación y adaptación de formularios y su integración en el diseño web.

También incluye plantillas con los formularios de contacto más utilizados.

Este complemento tiene Complemento de pago:

• Edición profesional CF7 Skin: Hay otras plantillas y estilos disponibles.
• CF7 skin listo: Más opciones de personalización de diseño.
• CF7 tiene muchas máscaras: Le permite dividir el formulario en varias partes (varias pestañas).
• Lógica de piel CF7: Interactúe con el usuario mostrando u ocultando campos según el valor ingresado.

Todas estas extensiones y complementos incluyen soporte prioritario por correo electrónico.

Tengo Otras opciones de personalización No tiene nada que ver con la apariencia del formulario, nada menos interesante, incluida la posibilidad de pago integrado a través de PayPal. Formulario de contacto 7 complemento de PayPal y Stripe...

Errores comunes

Es posible que haya seguido este tutorial exactamente, pero encontró un error en el formulario de contacto 7 y no recibió una solicitud del formulario. Incluso podría serle útil y, debido a las actualizaciones, debería detenerse.

Y hay muchas razones por las que no puede recibir mensajes. Haré todo lo posible para ayudarlo a resolverlo. Estos son los errores más comunes.

Problemas de configuración de formularios

Si el formulario tiene campos y botones apropiados enviarLos problemas con la personalización del formulario de contacto 7 se muestran en la pestaña Correo electrónico Correo electrónico (Contactos> Contactos).

Todos los campos de este campo son importantes. al Puede presentar el correo electrónico que desee. Por supuesto, es necesario tener acceso a ellos para poder consultarlos.

de Este suele ser el que causa más problemas. Antes de eso, podrías agregar [your-name] [your-email]De hecho, me gusta personalizarlo para que sepas quién te está dando un mensaje. y cuál es su dirección de correo electrónico como si le estuviera enviando un correo electrónico directamente.

El caso es que esta configuración empieza a deteriorarse, por lo que se recomienda utilizar el ajusteCorreo electrónico @ tudominio.com> donde Correo electrónico Correo electrónico Su nombre de correo electrónico y Hacer dominio Ese Nombre de dominio de su sitio. No puede ingresar ningún correo electrónico aquí, excepto una dirección con este dominio.

Si quieres puedes por adelantado [your-name]¿Sabes quién te lo envió? de Se parece a esto: [your-name]

importante: No olvide agregar el símbolo <>, menos (<) 和电子邮件后的大于 (>). No dejes espacios en el medio.

Otro cajón que suele causar problemas es Encabezado adicional... Se recomienda utilizar el método estándar: Respuestas: [your-email]...

Anteriormente se podía dejar en blanco porque en el campo de Se ha introducido la dirección de correo electrónico del usuario.

existe Mensaje de texto Lo siguiente es suficiente: Mensaje de texto:[your-message] El resto son consumibles.

El formulario de contacto 7 no se envía

Este es el problema más molesto. Tiene el tiempo y la energía para personalizar el complemento, crear el formulario, hacerlo hermoso ... nada. no trabajará.

Hay 3 problemas con el formulario de contacto que no envía el formulario.

Primero No pusiste ninguno Correo electrónico asociado a su dominio En el campo de construcción Correo electrónico Correo electrónico formulario. Si su sitio web es pepito.com, su dirección de correo electrónico debe ser info@pepito.com.

El segundo es la incompatibilidad con los complementos de almacenamiento en caché. Esta no es la ocurrencia más común, pero sucede. Intente apagarlo y ver si funciona.

Tercera Más a menudo Este es un error en la función de correo PHP. Esto generalmente causa muchos problemas, ya que no es un error en el complemento en sí, sino un error de alojamiento o un error en su integración.

Hable primero con su proveedor de alojamiento y asegúrese de que puedan positivo Esta es una función de PHP, por lo que para evitar este problema es mejor alquilar un plan de datos. WordPress administradoTiene todas las configuraciones para que todo funcione correctamente.

Si el problema persiste, debe Configure los envíos SMTP. Para hacer esto, le sugiero que instale el complemento Postbank WP...

Correo electrónico no entregado

Si los formularios están configurados correctamente y Contact Form 7 los envía correctamente, el problema podría estar de su lado, ya sea en su sitio web o en su administrador de correo.

El primer caso es porque Tu trabajas localmente Esto significa que está en su computadora y no en Internet. Por tanto, es imposible trabajar.

La segunda situación es que hay algunos El problema es con su administrador de correo, O porque te marcó como spam y no te diste cuenta, o porque revisaste tu correo electrónico cada X veces (por ejemplo, cada hora) y esperaste recibirlo.

finalmente

El formulario de contacto es un elemento importante En cualquier sitio web de negocios en línea porque permiten que cualquier persona interesada en su producto o servicio dé el primer paso para convertirse en su cliente.

Los visitantes pueden contactarte más fácilmentePorque se puede hacer directamente desde su sitio web sin abrir su correo electrónico. También elimina el riesgo de que su correo electrónico sea mal escrito y su mensaje no llegue a usted.

También respetan más tu privacidad. Mantener su dirección de correo electrónico de contacto al alcance del robot puede ayudarlo a evitar recibir spam.

Contact Form 7 es un complemento gratuito que funciona muy bien Esto le permite crear rápida y fácilmente un formulario de contacto que sus clientes potenciales pueden usar para ponerse en contacto con usted.

Sin embargo, sus opciones son más limitadas que otros complementos avanzados Debido a la gran cantidad de complementos disponibles, puede compensar sus deficiencias.Por ejemplo, la capacidad de integrarse con pasarelas de pago o diseños personalizados.

Con la llegada de los constructores visuales de WordPress (Elementor, Architect, etc.) y la adición de formularios de contacto a las versiones pagas, Contact Form 7 ha perdido peso en el mercado ya que los usuarios de estos complementos ya no lo necesitan.

Sería genial si se incluyera un editor visual en la próxima versión. De forma predeterminada, no tiene que recurrir a CSS o complementos adicionales para lograr lo que creo que es fundamental y mantener una posición de liderazgo.

¿Qué complemento usas para crear un formulario de contacto? ¿Conoce todas las funciones del formulario de contacto? ¿Hay alguna extensión que esté usando y considerando? ¿Base?