Category Archives: Programacion

Con el plugin de Contact Form 7, podemos introducir formularios dentro de nuestro blog wordpress. Pero por defecto, unicamente manda uno o dos emails, pero no hace nada más.

Con la ayuda de otros plugins, podemos guardar esos datos en unas tablas y tener un registro de todos los datos. Para esto, podemos utilizar Flamingo, como nos dicen en la propia web del plugin de Contact Form, o algún otro plugin que tambien se puede utilizar con el mismo propósito como Contact Form DB.

Lo que vamos a explicar, es como hacer una «landing normal», con un formulario, y una pagina de gracias o «thank you page».

Para ello, ademas del plugin contact form 7, debemos instalar algún plugin que nos permita ejecutar codigo php dentro de los posts, paginas, etc. Hay mucho, podemos elegir por ejemplo Short Exec Code.

Generamos nuestro formulario con los datos que necesitamos dentro de la opción Contacto > Formulario de contacto, podemos crear uno nuevo o utilizar el que viene por defecto y modificarlo.

 <p>Su nombre (requerido)<br />
    [text* your-name id:your-name] </p>

<p>Su e-mail (requerido)<br />
    [email* your-email id:your-email] </p>

<p>Asunto<br />
    [text your-subject] </p>

<p>Su mensaje<br />
    [textarea your-message] </p>

<p>[submit «Enviar»]</p>

contactform7

A los datos del formulario, le tenemos que añadir la etiqueta id, para que luego podamos recogerla del formulario y mandarla por la url. Esto es sencillo en Contact Form 7, unicamente añadimos

 id:your-name

dentro de la etiqueta, y cambiando «your-name» por el nombre que le queramos dar a cada variable.

Bajamos abajo del todo, y añadimos el siguiente codigo en la sección «Configuración Adicional».

on_sent_ok: «var nombre = document.getElementById(‘your-name’).value; location =’/gracias/?nombre=’+nombre;»

configuracion adicional contact form7

Este código lo que hace es ejecutar las acciones de javascript necesarias cuando el formulario se ha enviado correctamente. Se puede hacer a través de una funcion de javascript, o como en este caso, directamente sobre el codigo. Definimos un parámetro para cada campo del formulario, y hacemos una redirección a la página de gracias, pasandole por la url todos los parámetros recogidos del formulario.

Unicamente hemos añadido aquí el parametro nombre, pero deberiamos mandar todos los campos que tengamos en el formulario.

Ahora nos queda crearnos la pagina de gracias, que lo hacemos desde el propio gestor de wordpress, en «Páginas» > Añadir nueva y creamos una pagina que se llame «gracias» y que tenga la url /gracias/ (obviamente, el nombr y la url se puede poner la que se quiera), pero se debe cambiar entonces tambien el nombre, en el apartado «configuración Adicional» que hemos comentado anteriormente.

Nos vamos a «herramientas» > Shortcode Exex PHP y nos creamos un codigo html para recoger esos parámetros que pasamos por la url.

extract(shortcode_atts(array(‘arg’ => ‘default’), $atts));
print_r($_REQUEST);

Shortcode exec php

En ese caso unicamente pintamos el array que nos llega por la request, pero realmente ya con este array, podríamos hacer cualquier cosa. Pintar por pantalla los datos del formulario, enviar los mails que necesites y en el formato que se necesite, codigos de conversiones de analytics o cualquier otra herramienta, integraciones por pixel transparente, etc.

Ahora solo nos queda meter ese codigo de ejecución de PHP que hemos creado, en nuestro caso lo hemos llamado «gracias» y lo metemos dentro la pagina de gracias que nos hemos creado anteriormente.

De esta forma, podemos generar landing page en WordPress de una manera sencilla y utilizar todos los metodos de tracking, conversiones, etc para controlar la campaña.