¿Por qué mi formulario tiene un aspecto diferente después de instalarlo?

Si acabas de crear y añadir un formulario integrado, y las tipografías o colores del formulario no coinciden con tu diseño en MailerLite, es posible que tu sitio web esté escribiendo por encima del código de tu formulario.

¿Qué significa esto? Bueno, nuestros formularios utilizan un conjunto básico de CSS con códigos de color y tipografías. Sin embargo, algunos sitios web y temas de WordPress tienen reglas de medios más complejas, por lo que una vez que el formulario MailerLite se incrusta en el sitio web, sobrescribe nuestro CSS. Como resultado, algunos colores, fuentes o formatos pueden parecer diferentes después de que el formulario esté incrustado.

La forma más fácil de averiguarlo es probar el código de tu formulario en otro sitio y ver si funciona.

1. Ve a la página Formularios.

2. Haz clic en la pestaña Formularios integrados.

3. Haz clic en el botón Información general del formulario.

4. En la sección Integrar formulario en tu sitio web, selecciona la pestaña Código HTML.

5. Copia el código HTML y pégalo en un sencillo editor HTML online.

Si el editor HTML online muestra tu formulario correctamente, mientras que tu sitio web no lo hace, este es el mejor indicio de que tu sitio web está escribiendo encima del código de tu formulario.

Si encuentras que tu sitio web o tema de WordPress está escribiendo por encima del CSS de tu formulario, hay tres cosas que puedes hacer:

• Modificar el código de tu formulario - Si tienes conocimientos de HTML, puedes encontrar e incluir las etiquetas que faltan o modificar el HTML de tu formulario MailerLite antes de incrustarlo en tu sitio web.

• Cambiar tu tema de WordPress - Si tu sitio web está en sus primeras etapas de desarrollo, puedes considerar cambiar tu tema por uno que sea compatible con los formularios de MailerLite.

• Utilizar un editor de formularios integrado - MailerLite se integra con múltiples aplicaciones de edición de formularios y plugins de WordPress que te permiten crear formularios complejos que siguen depositando suscriptores directamente en tu cuenta de MailerLite.

Puedes encontrar todas nuestras integraciones de formularios de suscripción en nuestra página de integraciones.

If you have created and installed an embedded form, and the form’s fonts or colors don’t match your design in MailerLite, it’s possible that your website is overwriting your form code.

So, what does that mean? Well, our forms use a basic set of CSS with color codes and fonts. However, some websites and WordPress themes have more complex media rules; so once the MailerLite form is embedded onto the website, it overwrites our CSS. As a result, some colors, fonts, or formatting may look different after the form is embedded.

The easiest way to find out if your website is overwriting your form code is to test your form code somewhere else and see if it works.

1. Navigate to Forms.

2. Click the Embedded forms tab.

3. Click on the title of the form you wish to test.

4. Scroll down to Embed form into your website and copy your form code.

5. Click the HTML code tab.

5. Paste your form HTML into a simple online HTML editor.

If the online HTML editor displays your form correctly, while your website doesn’t, this is the best indication that your website is overwriting your form code.

If you find that your website or WordPress theme is overwriting your form’s CSS there are 3 things you can do:

• Modify your form code accordingly - If you have some understanding of HTML, you can find and include any missing tags or otherwise modify your MailerLite form’s HTML before embedding it on your website

• Change your WordPress theme - If your website is in its early stages of development you might consider changing your theme to one that is compatible with MailerLite forms

• Use an integrated form editor - MailerLite integrates with multiple form editing apps and WordPress plugins that allow you to create complex forms that still deposit subscribers directly into your MailerLite account

You can find all of our Sign up form integrations on our integrations page.