Formulario de Suscripción a MailChimp con PHP, Bootstrap y jQuery

mailchimp-suscribe

MailChimp proporciona una buena herramienta para generar su formulario de suscripción  el cual le servirá en la mayoría de los casos. Sin embargo, algunos clientes, quieren una forma totalmente personalizada o integrarlo con la plantilla ya existente. Hoy voy a compartir un tutorial rápido en la forma de integrar formulario HTML con el API de MailChimp usando PHP y jQuery.

La página de formulario (index.php)

jQuery se encargará de hacer una llamada AJAX utilizando el método $ .ajax y el plugin jQuery para enviar los datos de nuestro formulario al archivo subscribe.php.  Para el diseño de esta página se  ha utilizado el Framework Bootstrap 3, combinandolo con un pequeño fragmento de código de el sitio web Bootsnipp.com

Archivo css (css/custom.css)

Este archivo se encarga de embellecer nuestro formulario

Procesador del formulario (subscribe.php)

Este archivo se conecta a la API de Mailchimp con la ayuda de la clase: MCAPI.class.php para poder almacenar los datos recogidos en nuestro formulario del index.php.  Por favor asegúrate de  haber generado la clave de la API desde tu cuenta de Mailchimp y luego copiar el ID de la lista

¡Eso es todo! Ahora puedes comprobar en tu servidor web con algunas pruebas y ver si son capturados en tu lista de MailChimp.

Herramientas / Créditos

  1. jQuery
  2. Bootstrap
  3. MailChimp PHP API Class
  4.  Bootsnipp
  5. Sunarlim.com

Para descargar los archivos, debes realizar cualquiera de las siguientes acciones sociales:

  • Andrés Castro

    SE PUEDE INSTALAR EN BLOGGER?

    • Obed

      Hola Andres, gracias por tu comentario.
      El Script no es compatible con Blogguer!