Solución de problemas con el formulario de suscripción incrustado

Si deseas añadir un formulario de suscripción a tu sitio web, ofrecemos un código incrustado de formulario de suscripción sencillo que usa CSS y JavaScript. Dado que cada sitio web es único, es posible que encuentres conflictos entre nuestro código y los tuyos.

En este artículo, aprenderás a solucionar problemas habituales con los formularios de suscripción incrustados.

Mi formulario no muestra ningún mensaje de éxito o de error

El código de formulario incrustado usa jQuery para validar el formulario y mostrar mensajes de respuesta como el mensaje de éxito que aparece cuando alguien hace clic en el botón Suscripción para suscribirse a tus correos electrónicos.

Esta acción la administra JavaScript, que es especial por lo que otras acciones realizan en la página. A veces, contar con varias secuencias de comandos en una página puede hacer que se bloqueen entre sí y no funcionen correctamente. Si no ves el mensaje de éxito, busca posibles conflictos de JavaScript.

Los suscriptores llegan a tu página de agradecimiento por confirmación.

JavaScript gestiona las acciones del formulario, por lo que, si se desactiva, puede que veas que el formulario comienza a comportarse de forma extraña. Por ejemplo, puede que tus suscriptores no vean los mensajes dinámicos de error o éxito de respuesta, o puede que se les dirija a la página de confirmación y agradecimiento alojada en Mailchimp.

Para asegurar que JavaScript está activado para el formulario incrustado y actualizar tu sitio, sigue estos pasos:

1. Haz clic en Audience (Público) y luego en Signup Forms (Formularios de registro).
   

2. Desplázate hasta el mosaico Formulario incrustado y haz clic en Formulario incrustado.

3. Introduce el nombre del formulario y, a continuación, haz clic en el desplegable Público y elige aquel con el que deseas trabajar.
4. Haz clic en Begin (Empezar).

5. Haz clic en Settings (Opciones).
   

6. Comprueba que la casilla de verificación Disable all Javascript (Desactivar Javascript) está sin marcar.
   

7. Haz clic en Continue (Continuar).

8. Haz clic en Copy Code (Copiar código).
   

9. Pega el código del formulario incrustado en el código HTML de tu sitio web para reemplazar la versión actual de tu formulario.

El suscriptor lo envía y va al formulario de suscripción con alertas.

Si tu formulario incrustado está dirigiendo a los suscriptores a la versión alojada de tu formulario de suscripción con alertas de Mailchimp, busca los campos obligatorios que se hayan ocultado en tu formulario de suscripción o eliminado del código del formulario.

Por ejemplo, si tu formulario de suscripción incluye un campo de nombre que sea obligatorio, pero que se ha ocultado o eliminado en el código incrustado, esto puede provocar que el formulario se envíe con errores después de que alguien intente suscribirse.

Para comprobar las opciones de cada campo, ve al creador de formularios para el público con el que estás trabajando. Si encuentras un campo marcado obligatorio y oculto, es probable que esta sea la causa del problema. Si se te da bien la codificación personalizada, también puedes ver el código fuente en tu formulario incrustado y comprobar el código de la siguiente cadena.

input type="hidden"

No sucede nada después de que alguien haga clic en Submit (Enviar)

Normalmente, el contacto envía tu formulario y recibe un mensaje de éxito que indica que ha sido incorporado a tu público. Si hay errores en su envío, verá un mensaje de error. Si no ocurre ninguna de estas cosas, es posible que nuestros servidores no hayan recibido el formulario.

Esto suele ocurrir cuando hay varios formularios que usan la validación de JavaScript en una sola página de tu sitio web. Recomendamos crear páginas individuales en tu sitio web para cada formulario de suscripción que necesites.

Si necesitas tener más de un formulario incrustado en una sola página web, utiliza una de estas soluciones.

• Desactiva JavaScript.
• Incrusta el formulario en un iFrame.
• Activa la opción Remove CSS styles (Eliminar estilos de CSS) .

Los suscriptores reciben un mensaje de envío correcto, pero no están en mi lista.

Hay dos problemas que pueden causar esto. Uno está en el usuario y el otro podría tener que ver con el código del formulario.

• Si usas el proceso de suscripción doble, los nuevos suscriptores deberán confirmar su suscripción a través del correo electrónico para poder incorporarlos a tu público. Es posible que estos suscriptores aún no hayan completado el proceso. Pregúntales si han recibido el correo electrónico de confirmación y si han comprobado sus carpetas de spam o correo basura.
• Si has editado el código incrustado antes de pegarlo en tu sitio web, comprueba que el formulario envía los datos a la cuenta y al público de Mailchimp correctos. En caso de duda, sustituye el código en tu sitio por el código incrustado generado en Mailchimp.

Falta el botón de suscripción.

A veces, después de incrustar tu formulario de suscripción en un sitio como WordPress o Wix, el botón de suscripción no aparece. Esto suele ocurrir cuando hay un problema con el CSS de tu formulario, que es el código que determina cómo se verá y se distribuye el formulario.

A menudo, existe solapamiento entre el CSS predeterminado de tu página web de WordPress o Wix y el CSS de tu formulario incrustado. Si un elemento de tu sitio tiene la misma asignación de clase CSS que el botón de suscripción en el código de formulario incrustado, el formulario de suscripción no mostrará el botón de suscripción.

Para corregir el código del formulario incrustado, para que el botón de suscripción se muestre correctamente, sigue estos pasos:

1. Haz clic en Audience (Público) y luego en Signup Forms (Formularios de registro).
   

2. Desplázate hasta el mosaico Formulario incrustado y haz clic en Formulario incrustado.

3. Introduce el nombre del formulario y, a continuación, haz clic en el desplegable Público y elige aquel con el que deseas trabajar.
4. Haz clic en Begin (Empezar).
5. Haz clic en Continue (Continuar).

6. Haz clic en Copy Code (Copiar código).
   

7. Pega el código en un editor de texto simple, como Notepad (Bloc de notas) o TextEdit y configúralo en texto sin formato.

8. Cerca del final del código, busca div class="clear". Borra class="clear" y sal del código<div> o sustituye class="clear" por otro valor, como class="show".
   

9. Copia el código actualizado y sustituye el código del formulario incrustado por el nuevo código.

El código del formulario incrustado no funciona con ASP.NET.

Tanto las páginas ASP.NET como el código del formulario incrustado de Mailchimp incluyen etiquetas de formulario. Estas etiquetas de formulario entran en conflicto y evitan la posibilidad de enviar nuevos datos del suscriptor a tu público. Tendrás que cambiar el código del formulario incrustado para que funcione en tu página ASP.NET. Hemos visto que el cambio de código de abajo ayuda a algunos usuarios, pero no podemos garantizar que vaya a funcionar en tu sitio.

1. En el código del formulario incrustado de Mailchimp, busca la etiqueta , copia la URL para la propiedad de la acción y guárdala en algún lugar para usarla más adelante.
2. Elimina la etiqueta y la etiqueta .
3. En el código del botón de envío, agrega el siguiente código. Asegúrate de sustituir actionurl por la URL de acción que copiaste antes.

onClick=this.form.action='actionurl';this.form.submit();

El formulario muestra "Too many subscribe attempts" (Demasiados intentos de suscripción).

Si tu formulario incrustado muestra el error "Too many subscribe attempts for this email address" (Demasiados intentos de suscripción de esta dirección de correo electrónico), puede que tengas que desactivar la función de autocompletar en tu navegador de Internet.

Para corregir el error, desactiva autocompletar e inténtalo otra vez después de cinco minutos.