Formulario de contacto 7: cómo instalarse, instalar y utilizar

El formulario de contacto 7 es, sin duda, uno de los complementos más populares para crear y administrar formularios en WordPress. Ha ayudado a más de 5 millones de propietarios de sitios de WordPress a mantenerse en contacto con sus visitantes. Una característica que hace que el Formulario de contacto 7 se destaque en comparación con todos los demás complementos de WordPress es su notable simplicidad. Con esto, puede configurar fácilmente los campos de formulario, personalizar sus plantillas de formulario y hacer muchas más. Creado por Takayuki Miyoshi, un desarrollador experimentado de complementos de WordPress, el Formulario de contacto 7 estaba destinado a ser amigable para principiantes. Sin embargo, algunos principiantes se quejan de que es difícil para ellos construir formularios con el complemento. De hecho, muchos tienen problemas con la configuración correcta del complemento.
En este artículo, le mostraremos cómo configurar los formularios de contacto en WordPress utilizando el Formulario de contacto del complemento 7. Además, descubrirá los suplementos y los complementos que puede usar para mejorar aún más la funcionalidad del Formulario de contacto 7. Lo hicimos Esta guía muy simple para que el seguimiento no sería un problema para usted.
Contenido:
¿Por qué contactar el Formulario 7?
Pasos para instalar CF 7 y configurar
Extensiones para mejorar la funcionalidad
Otras opciones importantes CF7
Conclusión
¿Por qué contactar el Formulario 7? Hay muchos otros complementos de formularios de contacto de WordPress que no sean el Formulario de contacto 7. y puede usar cualquiera de ellos para crear formularios en su sitio de WordPress.
Pero muchos prefieren el formulario de contacto 7 porque es simple y funciona. Además de la simplicidad y la funcionalidad, el Formulario de contacto 7 tiene algunas otras características que lo hacen fácilmente una buena opción. Estas son las principales características: protección de spam Si no protege su sitio de spam, pueden abrumarlo fácilmente. El Formulario de contacto 7 tiene una característica para evitar esto. Facilidad de personalización seguramente le gustaría aparecer en sus formularios. Después de todo, a nadie le gusta la mediocridad. Este complemento le permite personalizar sus formularios de WordPress como desee. Aceptar Captcha es mantener los mensajes automáticos generados por robots lejos de su sitio, puede comenzar de forma gratuita. Pasos para instalar el Formulario de contacto 7 y configurar en WordPress Paso 1: Instalación y activación del Formulario de contacto 7 Primero, instale el complemento. Para hacer esto, explore los complementos >> Agregar nuevo.
Luego busque el Formulario de contacto 7 utilizando la función de búsqueda. Cuando encuentre el complemento, instálelo haciendo clic en el botón Instalar ahora.

Después de la instalación, active el complemento inmediatamente haciendo clic en el botón de activación, que aparecerá después de que se complete la instalación.

Con el contacto de Form7 instalado y activado, ahora está listo para moverse al siguiente paso, que es la creación y configuración del formulario. Paso 2: Crear el primer formulario para crear el primer formulario, desde el tablero de WordPress, navegue hasta los formularios de contacto >> de contacto.
Hay un formulario de contacto predeterminado que lleva el formulario de contacto del nombre 1. Si no tiene tanto tiempo para crear un formulario de contacto sorprendente y desea algo rápido, puede ir con el formulario predeterminado. Funciona, solo que no puede mirar o funcionar como desee. Para usar el formulario, simplemente copie el código corto generado e insértelo en la página/publicación que desea aparecer.

Pero para crear su propio formulario personalizado, explore el contacto >> Agregar nuevo.

Aquí crea formularios, sincroniza el correo electrónico, formatea el cuerpo del mensaje y personaliza los formularios en la sección Configuración adicional. Para crear un formulario, comience ingresando el título/nombre del formulario en el campo de título. Si la pestaña Formulario aún no está activa, haga clic en ella. Aquí encontrará todos los campos para el Formulario de contacto 7. Estos son los campos que necesitará para crear una forma funcional.
Insertando las etiquetas de forma predeterminada, el Formulario de contacto 7 tendrá los campos básicos obligatorios ya insertados en su formulario. Estos incluyen el nombre del nombre, el campo de correo electrónico, el cuadro de mensaje y el botón Enviar.

Pero suponga que estos campos predeterminados no son suficientes y que le gustaría agregarlos más. Por ejemplo, es posible que desee obtener los números de teléfono de aquellos que desean contactarlo. Para agregar un campo de número de teléfono, coloque el cursor donde desea que aparezca el campo y haga clic en el botón Tel.

Al hacerlo, se lanzará una caja emergente en la que puede personalizar su campo.
Si desea que la nueva adición sea un campo obligatorio, marque la casilla “necesaria”. Un campo obligatorio es uno que debe completarse para enviar el formulario al servicio. En el campo Nombre, establezca un nombre para el formulario recién creado. Este es el nombre que usará para identificar el campo. Así que no dudes en usar lo que mejor te conviene. En este ejemplo, utilicé el número de teléfono. El cuadro de valor predeterminado es donde puede establecer el valor que debe tener el formulario del formulario. Este valor parece predeterminado en el campo, pero el usuario puede limpiarlo y escribir un nuevo valor. Si es un usuario avanzado y agregue estilo en el campo usando códigos CSS, configure un atributo de identificación o un atributo de clase. Puede ser cualquier cosa. Luego, consulte el campo en la hoja de estilo utilizando el atributo ID o clase.

Después de haber terminado, haga clic en el botón Insertar la etiqueta.

Luego, como otros campos, empacaremos una etiqueta alrededor de este campo.
Y con eso, agregué un campo de teléfono. Para agregar otros campos personalizados, como un menú vertical, fecha, radio, etc., solo tiene que seguir los mismos pasos. También puede cambiar el mensaje de urgencia en el botón de envío. Por ejemplo, puede cambiarlo de “Enviar” a “Contáctenos”. Paso 3: Configure el formulario ahora que ha creado el formulario, el siguiente paso es hacer que funcione exactamente como debería. Para comenzar, haga clic en la pestaña Correo. Aquí establezca cómo y dónde se envían los mensajes de su formulario de contacto.
En el campo, ingrese el correo electrónico al que se enviarán todos los mensajes provenientes del formulario. El campo desde es el lugar donde obtiene detalles sobre la persona que envía un mensaje desde su sitio de WordPress a través de su formulario de contacto. Por ejemplo, para poner el correo electrónico del remitente en ese campo, escriba [su correo electrónico]. Recuerde, este código solo funcionará si es lo que usó para la etiqueta de correo electrónico en la pestaña “Formulario”. Para tomar el tema del correo electrónico, ingrese la etiqueta del sujeto-“[su tema]”-en el campo de sujeto. Puede dejar las secciones de encabezado adicionales y el cuerpo del mensaje tal como son. O puede decidir agregar texto y otras etiquetas según sea necesario. Con eso, ha terminado con la sección de correo electrónico. Siga la sección de mensajes para obtener una mejor experiencia de usuario, querrá que su formulario muestre un mensaje cuando un usuario complete una acción. Por ejemplo, es posible que desee agradecerles cuando envíe con éxito un formulario. Además, es posible que desee aparecer mensajes de error al cometer errores. En la sección Mensajes puede establecer todo esto.

Los valores predeterminados serán suficientes. Pero puedes cambiarlos en cualquier momento en lo que quieras. Después de hacer cualquier cambio que considere necesario, su formulario está listo para volar. Así que ve a Sali. Con el formulario creado y configurado, es hora de pasar al siguiente paso. Paso 4: Agregar campos condicionales Los campos condicionales son campos que aparecen solo sobre la base de una respuesta del usuario de WordPress. Por ejemplo, suponga que desea averiguar cómo un usuario aprendió sobre su sitio. Enumere más opciones, incluidas “otras”. Si un usuario elige “otros”, aparecerá un campo que dice “Especifique”. No aparecerá si un usuario selecciona otra opción. Este es un ejemplo de un campo condicionado. Para agregar la lógica condicional a sus formularios, deberá instalar y activar los campos condicionales para el formulario de contacto. Con el complemento instalado y activado, seleccione un formulario al que desea agregar una lógica condicional y haga clic en Edición. Luego haga clic en el elemento en el menú desplegable para agregar un campo desplegable. En el cuadro de diálogo que aparece, agregue un nombre para ingresar el texto. No debe haber espacios en el nombre. En el cuadro de introducción “Opciones”, ingrese las diferentes opciones sobre cómo encontraron su sitio cuando haya terminado, haga clic en Insertar la etiqueta.

La etiqueta debe insertarse y debe agregar una etiqueta como se ve a continuación. Una vez que haya terminado, haga clic en el grupo de campos condicionados para agregar un grupo acondicionado.

En el cuadro de diálogo, ingrese un nombre de grupo (como “Pantalla por selección”) y haga clic en Insertar en la etiqueta. Se agregarán un par de etiquetas grupales de apertura y cierre. Cuando terminemos, cualquiera de estas etiquetas se mostrará solo cuando se seleccione “otro” para cómo se encontró el sitio. Y eso nos lleva al siguiente paso. Inserte las etiquetas del grupo Coloque el cursor entre las etiquetas de la apertura y el grupo de cierre y haga clic en el texto para insertar un cuadro de texto. Este es el cuadro de texto que se mostrará cuando se seleccione “otros”. En el cuadro de diálogo que se abre, ingrese un nombre para ingresar el texto y haga clic en la etiqueta Insertar. Nuevamente, empaque este campo de texto en una etiqueta, como se muestra a continuación.
Ahora guarde el formulario. Agregar lógica condicional después de que se haya realizado, finalmente debe establecer la condición. Es decir, cuando un usuario selecciona “otros”, se muestra el campo en el grupo condicionado. Para hacer esto, cambie a la pestaña “Campos condicionales” y haga clic en Agregar una nueva regla condicional.

La condición funciona de esta manera: Mostrar [grupo condicional] si [campo seleccionado] es igual a [valor seleccionado]. En nuestro caso, lo que establecemos es “mostrar [mostrar por otros seleccionados] si [averiguar sobre nosotros] es igual a [otros]”. Después de haber agregado la condición, haga clic en Guardar.

Y con eso, ha agregado un campo de texto que aparece solo cuando el usuario selecciona a otros en el menú desplegable “Buscarnos”. Paso 5: Insertar el formulario para acceder al formulario que acaba de crear, acceda a los formularios de contacto >> de contacto. Luego copie el código corto generado para su formulario de contacto. Ahora, busque la página en la que desea el formulario y abra para editarlo. Luego inserte el código corto donde desea que aparezca el formulario.

Para ver cómo se mostrará el formulario, presione los cambios de vista previa.

Si todo se ve bien, continúe y haga clic en Actualizar para publicar el formulario de contacto. Además, no olvide realizar pruebas en el formulario para asegurarse de que funcione y enviar alertas por correo electrónico según sea necesario. Extensiones para mejorar la funcionalidad del Formulario de contacto 7 El Formulario de contacto 7 puede hacer mucho más que recopilar mensajes y detalles sobre el remitente. Sin embargo, para que esto suceda, deberá instalar algunas extensiones de formulación para mejorar su funcionalidad. A continuación hay algunos. Captcha muy simple

Captcha es una solución innovadora desarrollada para mantener a Spamm y Spambots bajo control. Sin ellos, su casilla de correo electrónico se vería afectada por muchos correos electrónicos de spam. Desarrollado por el mismo autor que el Formulario de contacto 7, este complemento es muy simple de usar, de ahí el nombre. Recaptcha invisible para WordPress

Invisible Recaptcha ofrece un nivel adicional de seguridad contra los mensajes de spam. Este complemento requiere más trabajo para la configuración, pero también ofrece una mejor protección contra el spam. Para usar este complemento, primero debe agregar su sitio a su cuenta de Google Recaptcha. Después de registrar su sitio web, se generará una clave secreta y el sitio para usted, todo lo que tiene que hacer es copiar las claves generadas y pegarlas a la configuración del complemento. Y estás listo. ¿Lleve el omerger para CF7CE ocurre si desea que los usuarios envíen archivos adjuntos mientras envían un mensaje a través de su formulario de contacto? Es posible que haya puesto una publicación vacante y desea que los candidatos envíen su CV con las solicitudes. Desafortunadamente, CF7 no tiene una función de carga de archivos. La única forma de hacerlo es a través de un suplemento. Drop de omerger para CF7, un suplemento premium, puede hacer el trabajo. Una de las características muy interesantes de este complemento es que le permite determinar dónde se almacenan los archivos cuando los usuarios envían sus mensajes. Tiene la opción de usar Dropbox o Google Drive. Además, puede personalizar el complemento como desee. Se vende por $ 17 y puede obtenerlo en CodeCanyon. Diseño de material para CF7

El diseño de formularios es un factor importante a considerar al construir formularios de contacto. Esto se debe al hecho de que un formulario bien diseñado tendrá una mejor experiencia de usuario, por lo que una mejor participación (especialmente cuando desea recopilar información del cliente). Aquí es donde intervienen los constructores de formas como el material de diseño para CF7. Por lo tanto, comience instalando y activando el complemento Builder, después de lo cual puede comenzar a construir y diseñar su formulario. Puede usarlo para atacar sus campos introductorios, botones de radio, menús desplegables y más. La mejor parte es que es gratis y funciona con todas las tareas de WordPress. Otras opciones importantes de CF7 en esta sección, cubriremos algunas modalidades y configuraciones comunes que usa a menudo en el Formulario de contacto 7. Cómo cambiar la dirección de correo electrónico del Formulario de contacto 7 en WordPress puede haber ingresado una dirección E mal durante El proceso inicial de crear el formulario y, por lo tanto, le gustaría cambiarlo. Afortunadamente, CF7 le permite hacer esto exactamente. Para comenzar, abra el formulario que desea editar navegando en contacto >> Formularios de contacto. Coloque el cursor sobre el formulario dirigido, haga clic en Editar. Luego haga clic en la pestaña Correo electrónico y, en el campo, ingrese la nueva dirección de correo electrónico que desea utilizar.

Guarde los cambios y termine. Cómo conectar CF7 a MailChimp MailChimp es una herramienta de marketing popular que se puede integrar con el Formulario de contacto 7. Si tiene una cuenta de MailChimp y desea integrarla con CF7, instalar primero y activar la extensión de Contact 7 MailChimp.

Con el complemento instalado y activado, vaya a su cuenta de MailChimp y copie su clave API. Luego regrese al área de administración de WordPress. Navegue Contacto >> Formularios de contacto y seleccione un formulario. Haga clic en la pestaña Chimmatic Lite e inserte la tecla API. Finalmente, haga clic en el botón Azul de inicio de sesión y estará listo. Conclusión Como propietario de un sitio, necesita una forma de escuchar las solicitudes de sus clientes. Plugin en el que puede confiar. No solo es efectivo, sino que es gratis. Por lo tanto, no tiene que preocuparse por asumir un compromiso financiero antes de usar el complemento. Pero si es escéptico sobre el uso del formulario CF7, hay otras alternativas a las soluciones de contacto 7 que puede probar. Ejemplos son formas WP, formas gravitacionales, formas ninja y formas formidables. Las formas formidables, por ejemplo, le permiten construir formas complejas que sean visualmente atractivas. Estos son algunos de los complementos de formulación de WordPress en los que puede confiar. Para obtener más consejos y trucos en WordPress, visite nuestra WP College. Más recursos:

Typeform WordPress (cómo usar TypeForm con WordPress)

MailChimp para WordPress

Plugin PopUp WordPress