Añadir formulario de suscripción a newsletter en footer del tema Astra con Mailchimp

Guía para añadir formulario de suscripción a newsletter en el footer del tema Astra con Mailchimp

Paso 1: Crear una cuenta en Mailchimp

1. Visita mailchimp.com y crea una cuenta.
2. Configura tu lista de contactos (audiencia).

Paso 2: Obtener el código del formulario de Mailchimp

1. En Mailchimp, ve a «Audience» y selecciona tu audiencia.
2. Haz clic en «Signup forms» y selecciona «Embedded forms».
3. Configura el formulario a tu gusto y copia el código HTML proporcionado.

Paso 3: Añadir el formulario al footer de tu sitio WordPress

1. Inicia sesión en tu panel de administración de WordPress.
2. Ve a «Apariencia» > «Widgets».
3. Selecciona el área de «Footer» donde deseas añadir el formulario.
4. Añade un widget de «HTML personalizado».
5. Pega el código HTML del formulario de Mailchimp en el widget.
6. Guarda los cambios.

Paso 4: Estilizar el formulario (opcional)

1. Ve a «Apariencia» > «Personalizar».
2. Selecciona «CSS adicional».
3. Añade estilos CSS para personalizar el formulario, por ejemplo:

/* Estilo para el formulario de suscripción */
.footer-form input[type="email"] {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.footer-form button {
    background-color: #0073e6;
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
}

4. Guarda los cambios en el personalizador.

Paso 5: Probar el formulario

1. Visita tu sitio web y desplázate hasta el footer.
2. Introduce un correo electrónico en el formulario y envíalo.
3. Verifica que el correo se haya añadido a tu lista en Mailchimp.

.

Categoría: Tema Astra