LOURDES VILLEGAS https://lourdesvillegas.com/ DISEÑO UX/UI | DESARROLLADOR WEB | WORDPRESS Tue, 29 Jul 2025 18:26:52 +0000 en-US hourly 1 https://wordpress.org/?v=6.9.4 237438286 Cómo conectar mi formulario de Contact Form 7 en WordPress con Google Sheets sin plugin paso a paso https://lourdesvillegas.com/como-conectar-mi-formulario-de-contact-form-7-en-wordpress-con-google-sheets-sin-plugin-paso-a-paso/ Tue, 29 Jul 2025 17:02:05 +0000 https://lourdesvillegas.com/?p=22344 The post Cómo conectar mi formulario de Contact Form 7 en WordPress con Google Sheets sin plugin paso a paso appeared first on LOURDES VILLEGAS.

]]>

¿Quieres que las respuestas de tu formulario hecho con Contact Form 7 en WordPress se guarden automáticamente en una hoja de cálculo de Google Sheets? Aquí te muestro cómo hacerlo fácilmente, sin plugins premium, usando solo Google Apps Script.

Requisitos

  • Tener un sitio WordPress con el plugin Contact Form 7 instalado.
  • Tener una cuenta de Google con acceso a Google Drive / Sheets.
  • Tener nuestro formulario previamente ya creado en Contact Form 7.
  • Tener instalado el plugin WP Code, este plugin es opcional, puedes pegar el código de PHP en tu archivo function de tu tema hijo

Previo: Crear formulario en Contact Form 7

  1. Crea tu formulario en Contact Form 7 con los campos que necesites

Paso 1: Crear tu Google Sheet

  1. Entra a Google Sheets.
  2. Crea una hoja nueva, por ejemplo llamada “Registro-participantes”.
  3. En la fila 1, escribe los nombres de las columnas que coincidan con los campos del formulario (por ejemplo: Fecha, Nombres, Apellidos, Empresa, Cargo, Email y País).

Paso 2: Crear un script en Google Apps Script

  1. En el mismo archivo de Google Sheets, haz clic en:
    Extensiones > Apps Script
  2. Borra cualquier código en el editor y pega esto:

function doPost(e) {
const sheet = SpreadsheetApp.getActiveSpreadsheet().getSheetByName("Registro-participantes");
const data = e.parameter;

sheet.appendRow([
new Date(),
data.nombres || “”,
data.apellidos || “”,
data.empresa || “”,
data.cargo || “”,
data.email || “”,
data.pais || “”
]);

return ContentService.createTextOutput(“OK”);
}

  1. Haz clic en Archivo > Guardar, y ponle un nombre al proyecto (por ejemplo: Proyecto-Registro).
  2. Haz clic en el botón Implementar > Nueva implementación.
  3. En el campo “seleccionar tipo”, hacer clic en el icono de configuración tipo y elige: Aplicación web
  4. Completa los campos de descripción. En aplicación web ejecutar como, selecciona Yo, en el campo quien tiene acceso, selecciona cualquiera con acceso
  5. Haz clic en el botón Implementar. Luego te pedirá autorizar el script (hazlo con tu cuenta de google).
  6. Copia el URL del webhook que te da (empieza con https://script.google.com/…).

Paso 3: Configurar en WP Code

  1. Crea un snipet code seleccionando PHP y copias el siguiente código
  2. Es importante que en el campo $webhook_url copies el URL de la aplicación web que nos proporcionó App Script

add_action('wpcf7_before_send_mail', 'enviar_datos_a_google_sheets');

function enviar_datos_a_google_sheets($cf7) {
$submission = WPCF7_Submission::get_instance();

if ($submission) {
$data = $submission->get_posted_data();

// Obtén los valores del formulario
$nombres = $data[‘nombres’] ?? ”;
$apellidos = $data[‘apellidos’] ?? ”;
$empresa = $data[’empresa’] ?? ”;
$cargo = $data[‘cargo’] ?? ”;
$email = $data[’email’] ?? ”;
$pais = $data[‘pais’] ?? ”;

// URL de tu Google Apps Script, pega aquí la url de apps script
$webhook_url = ‘https://script.google.com/…’;

// Enviar los datos a Google Sheets
$response = wp_remote_post($webhook_url, array(
‘method’ => ‘POST’,
‘body’ => array(
‘nombres’ => $nombres,
‘apellidos’ => $apellidos,
’empresa’ => $empresa,
‘cargo’ => $cargo,
’email’ => $email,
‘pais’ => $pais
),
));
}
}

Paso 4: Probar el formulario

  1. Rellena el formulario desde tu web y haz clic en enviar.
  2. Ve a tu hoja de Google Sheets y verás cómo se agregan las respuestas automáticamente.

The post Cómo conectar mi formulario de Contact Form 7 en WordPress con Google Sheets sin plugin paso a paso appeared first on LOURDES VILLEGAS.

]]>
22344
Hello world! https://lourdesvillegas.com/hello-world/ Fri, 27 Sep 2024 08:34:35 +0000 http://gator4400/cgi/addon_GT.cgi?s=GT::WP::Install::Cpanel+%28ekvdbvte%29+-+127.0.0.1+%5Bnocaller%5D/?p=1 Welcome to WordPress. This is your first post. Edit or delete it, then start writing!

The post Hello world! appeared first on LOURDES VILLEGAS.

]]>
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!

The post Hello world! appeared first on LOURDES VILLEGAS.

]]>
1