Cómo hacer un formulario de suscripción para Mailchimp en HTML

Mailchimp es una de las herramientas de email marketing más populares, y crear un formulario de suscripción en HTML es una manera efectiva de capturar correos electrónicos directamente desde tu sitio web. Aquí tienes una guía paso a paso:

Paso 1: Configura una lista en Mailchimp

1. Inicia sesión en Mailchimp.
2. Crea una nueva lista o utiliza una existente.
3. Personaliza los campos (nombre, correo, etc.).

Paso 2: Genera el código del formulario

1. En Mailchimp, ve a Audience > Signup forms > Embedded forms.
2. Personaliza tu formulario según tus necesidades.
3. Copia el código HTML proporcionado.

Paso 3: Inserta el formulario en tu sitio web

Pega el código HTML dentro del archivo de tu sitio web donde desees mostrar el formulario. Asegúrate de que el código esté dentro de una etiqueta <div> o contenedor adecuado.

Ejemplo básico de formulario:

<form action="https://tu-cuenta.mailchimp.com/subscribe/post" method="post" target="_blank">

    <input type="email" name="EMAIL" placeholder="Tu correo electrónico" required>

    <button type="submit">Suscribirme</button>

</form>

Paso 4: Estiliza el formulario con CSS

Puedes agregar CSS para hacer que el formulario sea más atractivo:

<style>

form {

    max-width: 400px;

    margin: 0 auto;

    text-align: center;

}

input[type="email"] {

    padding: 10px;

    width: 80%;

    margin-bottom: 10px;

    border: 1px solid #ccc;

}

button {

    background-color: #007BFF;

    color: #fff;

    border: none;

    padding: 10px 15px;

    cursor: pointer;

}

button:hover {

    background-color: #0056b3;

}

</style>