Instalación Formulario de contacto 7

Antes de empezar

Para utilizar esta integración en WordPress, necesitará tener instalado el plugin Contact Form 7 versión (al menos) 5.0.0 y el plugin CleverReach WordPress.

Además, los componentes CleverReach no serán visibles en los formularios Contact Form 7 hasta que se complete la sincronización inicial.

Integraciones

En la página del panel de control del plugin CleverReach, hay una nueva sección dedicada a las integraciones con otros plugins de WordPress. Por ahora, sólo existe la integración con Contact Form 7. Esta sección muestra el estado del plugin Contact Form 7 (si está instalado o no) y da al usuario la posibilidad de hacer clic en el nombre del plugin y ser llevado directamente a la página del plugin en WordPress donde este plugin puede ser descargado e instalado en el sitio WordPress del usuario.

imagen7.png

 Una vez que el plugin Contact Form 7 haya sido instalado y activado en el sitio, este estado cambiará.

imagen1.png

Plugin Contact Form 7

Contact Form 7 es uno de los plugins de WordPress más utilizados, con más de 5 millones de instalaciones activas y más de 100 millones de descargas. 

CF7 puede gestionar múltiples formularios de contacto, además de permitir personalizar el formulario y el contenido del correo de forma flexible con un sencillo marcado. El formulario admite el envío mediante Ajax, CAPTCHA, filtro de spam Akismet, etc. Algunas de las principales características de Contact Form 7 son:

  • Crear y gestionar múltiples formularios de contacto
  • Personalice fácilmente los campos de los formularios
  • Utilizar marcas sencillas para modificar el contenido del correo
  • Inserta formularios en cualquier página o post usando Shortcode
  • El plugin es compatible con el filtro de spam Akismet, el envío mediante Ajax y CAPTCHA.
  • Muchas extensiones de terceros para añadir funciones adicionales

La versión actual del plugin Contact Form 7 es la 5.1.2. El 74% de los usuarios activos utilizan una versión posterior a la 5.0.0.

Contact Form 7 permite al usuario editar las plantillas de los formularios de contacto y los correos (cabeceras y cuerpo del mensaje) con diversas "etiquetas". En la terminología de Contact Form 7, etiqueta significa una pequeña cadena formada de tipo encerrada entre corchetes ([ ]).

Las etiquetas para formularios y las etiquetas para correos electrónicos tienen un aspecto diferente entre sí, por ejemplo, [texto* tu-nombre] se puede utilizar en formularios y [tu-nombre] se puede utilizar en correos electrónicos. Cada uno tiene una sintaxis diferente.

 image3.png

El tipo es el factor más importante, ya que define qué tipo de elemento HTML se sustituirá a sí mismo, y qué tipo de entrada se espera a través de él. El nombre se utiliza para identificar el campo de entrada. La mayoría de las etiquetas de formulario tienen un nombre, pero hay excepciones. Las opciones especifican detalles de comportamiento y apariencia. Son opcionales.

Edición de formularios

Para acceder a los formularios de Contact Form 7, vaya a "Contacto > Formularios de contacto". Abre una página que muestra todos los formularios de contacto creados con este plugin. Por defecto, se creará un formulario de contacto. Cada formulario tiene un shortcode que ayuda a insertar un formulario de contacto particular a cualquier página en WordPress.

imagen10.png

Una vez que el usuario elige un formulario para editarlo, se abre una nueva página con algunos campos predeterminados para los datos de contacto, como correo electrónico, nombre, asunto y mensaje. También hay etiquetas que ayudan a insertar un campo concreto en el formulario de contacto.

Aparte de otras etiquetas que vienen con el plugin Contact Form 7, también hay una etiqueta CleverReach Sign-Up field (1) que añade una casilla de verificación de boletín de noticias al formulario de contacto. En la sección de pestañas anterior, hay una pestaña de configuración de CleverReach (2) que permite al usuario configurar cómo se sincronizan con CleverReach los destinatarios que se han suscrito mediante el formulario de contacto.

imagen2.png

Campo de inscripción

Una vez que el usuario hace clic en la etiqueta del campo CleverReach Sign-Up, aparece una ventana emergente que muestra la configuración de la casilla de verificación del boletín de noticias.

Hay múltiples valores configurables en este punto.

  • Etiqueta que determina el texto que se mostrará junto a la casilla de verificación de suscripción al boletín(el texto predeterminado es "Suscribirse al boletín").
  • Opción de casilla de verificación preseleccionada que especifica si la casilla de verificación se preseleccionará automáticamente (por defecto no se preseleccionará).
  • Atributo ID que especifica el ID de la casilla de verificación, utilizado para los selectores CSS (vacío por defecto).
  • Atributo de clase que especifica la clase de la casilla de verificación, utilizado para selectores CSS (vacío por defecto).

Las dos últimas opciones son universales para todos los campos de Contact Form 7 y están dedicadas a usuarios avanzados.

En la parte inferior de esta ventana, hay un shortcode que se regenera cada vez que se cambia alguno de los valores de configuración.  Este shortcode se insertará en la posición especificada en el formulario de contacto cuando se pulse el botón "Insertar etiqueta".

Esta es la ventana emergente con todos los elementos mencionados:

imagen5.png

Una vez que el usuario configura el campo y hace clic en "Insertar etiqueta", el shortcode se inserta en el formulario de contacto.

 image8.png

Es posible añadir varios campos de registro de CleverReach al mismo formulario de contacto.

Una vez que el usuario guarda su formulario de contacto y lo inserta en cualquier página de su sitio de WordPress, el campo de registro de CleverReach será visible entre otros campos de ese formulario de contacto.

imagen4.png

Ficha Configuración

Insertar el campo de inscripción de CleverReach es un paso del proceso. Para especificar cómo se sincroniza con CleverReach el destinatario que se suscribe al boletín a través de este formulario, el usuario debe configurar los ajustes relacionados con la integración de Contact Form 7 haciendo clic en la pestaña CleverReach del editor de formularios de contacto. Esto abre la configuración que inicialmente sólo tiene una opción: activar la sincronización del destinatario.

imagen9.png

Si esta opción está desactivada, ningún destinatario que se suscriba a través de este formulario de contacto se sincronizará con CleverReach.

Cuando el usuario decide activar la sincronización de destinatarios y guarda el cambio, aparecen otras opciones de configuración.

imagen6.png

 En esta página de configuración ampliada, hay algunas opciones adicionales:

  • Formulario opt-in doble - Lista todos los formularios CleverReach conectados a la lista de integración "WordPress". La opción por defecto es la lista "WordPress" creada automáticamente que incluye Double-Opt-In. Si selecciona "Ninguno", los destinatarios no recibirán un correo electrónico de confirmación antes de suscribirse al boletín. Tenga en cuenta la situación legal de su país, tanto si desea utilizar Single-Opt-In como Double-Opt-In. Sugerimos el uso de Double-Opt-In para cumplir con el GDPR.
  • Etiquetas de destinatario : lista separada por comas de etiquetas que se añadirán a cada destinatario que se suscriba a través de este formulario de contacto.
  • Asignación de atributos : asigna todos los campos del formulario de contacto a los atributos de CleverReach. Estas asignaciones se utilizan cuando el destinatario se sincroniza con CleverReach. Si se asignan varios atributos CF7 al mismo atributo CleverReach, estos valores se concatenarán y se enviarán juntos. La única excepción son los atributos "cumpleaños", que no admiten la concatenación.

Cuando la sincronización está activada, el plugin CleverReach intentará detectar automáticamente los campos de dirección de correo electrónico dentro del formulario CF7.

  • Si se detecta al menos un campo de dirección de correo electrónico y la sincronización de destinatarios está activada en la pestaña de configuración, se creará un nuevo destinatario en el lado de CleverReach para cada campo de dirección de correo electrónico detectado.
  • De lo contrario, si no se detecta el campo de dirección de correo electrónico, el complemento omitirá la sincronización.

 Cuando un campo de registro CleverReach está presente en el formulario:

  • Si el campo de suscripción está marcado, se enviará al destinatario como activo y si se ha seleccionado el formulario de opt-in doble, el destinatario recibirá un correo electrónico de opt-in doble para confirmar su suscripción al boletín. Una vez que el destinatario confirme la suscripción por correo electrónico, se añadirá la etiqueta "Suscriptor" a ese destinatario en CleverReach.

De lo contrario, cuando el campo de registro está presente, pero no marcado, el plugin no hace nada.