Conectar Contact Form 7 con Google Sheets

Si estás buscando como guardar los datos de tus formularios de contacto automáticamente en una hoja de cálculo de Google Sheet, estás en el lugar correcto!! 😎

Como sucede a menudo en el mundo de las webs, surgió una necesidad similar. Un cliente quería acortar los tiempos y simplificar su trabajo. Él ofrece un servicio de planes de medicina prepaga y tiene un formulario de contacto en su landing page que, con sus campañas publicitarias en Google, captura leads y obtiene datos a través del formulario.

Anteriormente, usábamos un complemento para Contact Form 7 que almacenaba los datos y estos podían descargarse manualmente desde el administrador de WordPress. Para simplificar este proceso y permitir el almacenamiento automático en Google Sheets, encontré la solución perfecta con el plugin «Google Sheets Connector CF7» de GSheetConnector.

Decidí hacer este instructivo porque, al buscar cómo configurarlo correctamente, me encontré con un video desactualizado en la documentación de soporte del plugin. Además, la guía de instalación en el repositorio de WordPress solo explica cómo instalar el plugin, sin detalles sobre la configuración adecuada. ¡Ni siquiera ChatGPT me pudo asesorar bien! 🤣

Después de configurar correctamente la conexión de los datos del formulario con la hoja de cálculo de Google Sheets, me dí cuenta de que era mucho más sencillo de lo que pensaba. Por eso, quise compartirlo con la comunidad 🫶🏻 para que otros no tengan que recurrir al soporte del plugin en busca de asistencia, especialmente porque he visto que tiene excelentes reseñas en el repositorio de WordPress por esta razón.

Ahora sí, voy a explicarte paso a paso cómo configurar:

Integrar Google Sheets con el plugin de Contact Form 7

Ya doy por sentado que sabes cómo buscar e instalar un plugin desde el administrador de WordPress, o bien instalándolo de forma manual.

El enlace de descarga lo encontras acá: Conector de hojas de cálculo de Google CF7.

Una vez que lo tenes instalado y activado, si no te redireccionó a la página de inicio del plugin, debes ir a la barra lateral del administrador de WordPress a Contact Form 7 > Google Sheets.

2.Dentro de la pestaña de Google Sheets > Dashboard > Integración, debes iniciar sesión con tu cuenta de Google (donde vas a tener que crear una hoja de cálculo dentro de tu Drive).

3. Cuando haces clic en «Conectarse con Google», te dirige a otra pestaña para conectarte con tu cuenta. En la siguiente pantalla, debes marcar todas las opciones para otorgarle los permisos al plugin. Sin eso, la conexión fallará.

4. Ahora, en el dashboard del plugin Google Sheets, aparece un código que debes guardar. Hacé clic en el botón verde al lado del código que dice «Save». Inmediatamente aparecerá el mensaje de que la integración está activada.

5. Ahora vas a crear una nueva hoja de cálculo dentro de tu Drive con las siguientes indicaciones:

Título: El título de la hoja de cálculo no debe contener espacios. En el ejemplo, usé el nombre «TuPlanDeSalud».
Pestaña: Renombrá la pestaña de la hoja de cálculo. En este caso, la nombré «formulario».
ID de Hoja de Cálculo: Copia la URL de la hoja de cálculo, solo los valores entre «/d/» y «/edit?». Puedes tomar como referencia la imagen donde marqué con un rectángulo la ubicación del ID de la hoja de cálculo.
ID de Pestaña: Es el número que aparece en la URL de la hoja de cálculo después de «gid=». En mi caso, es el 0.
Asignación de los campos del formulario: Crea una columna por cada dato de información que capturas del formulario y nombrala exactamente igual. En el ejemplo, tenemos 4 datos: Email, Nombre, Teléfono, y agregué la columna Date para obtener la fecha de creación del lead.

6. Una vez creada la hoja de cálculo correctamente. Vas a dirigirte a la solapa del Contact Form 7, y vas a editar el formulario de contacto que querés asociarlo con la hoja de cálculo recién creada.

7. Ya dentro de la edición del formulario, vas a ir a la solapa de Google Sheets que se agregó adicional al instalar el plugin. Y vas a colocar los datos que obtuviste del punto 5.

Título hoja de cálculo: Acá colocás el nombre de tu hoja de cálculo. Recordá que no tiene que tener espacios. En el ejemplo, yo asigné «TuPlanDeSalud».
ID hoja de cálculo: tenés que copiar los valores entre «/d/ y el /edit?» y pegarlos. (en el punto 5 expliqué cómo obtenerlo
Nombre de la pestaña: tenés que poner le nombre que asignaste a la pestaña en la hoja de cálculo. En mi ejemplo es «formulario».
ID de Pestaña: Es el número que aparece en la url de la hoja de cálculo después de «gid=». En la imagen en mi caso es el «0».