---
url: "/es/emailify/export/global-code.md"
description: "Si eres un usuario avanzado y necesitas insertar pequeños fragmentos de HTML o CSS personalizado en tus emails exportados, puedes hacerlo desde el panel Settings del plugin."
---

# Insertar código HTML/CSS personalizado global en tu email

> Si eres un usuario avanzado y necesitas insertar pequeños fragmentos de HTML o CSS personalizado en tus emails exportados, puedes hacerlo desde el panel Settings del plugin.

[Video](/assets/videos/emailify/export/global-html-css.mp4)

Si por cualquier motivo necesitas añadir a tu email algún CSS personalizado muy específico, o algo de HTML dentro de la etiqueta ``, puedes hacerlo con el plugin Emailify: selecciona el frame de Figma que contiene tu email, haz clic en el botón **Settings** y añade el código que quieras insertar.

El campo **Add Mobile CSS Rules** añade estas reglas CSS dentro de la etiqueta `@media` de los estilos de móvil, de modo que se aplican a cualquier tamaño de pantalla inferior al ancho de tu frame de Figma (tendrás que usar `!important` en todas las reglas CSS que añadas aquí).

El campo **Add Inline CSS Rules** aplica automáticamente en línea las propiedades CSS al selector HTML que indiques (por ejemplo, si añades `p { color: blue }`, se añadirá `style="color: blue;"` en línea a todas las etiquetas `` del código HTML exportado de tu email).

El campo **Add Head Tag HTML** inserta automáticamente el HTML que escribas aquí en la etiqueta `` de tu email HTML exportado. Puede ser útil si tu plataforma de email marketing te permite añadir etiquetas de seguimiento especiales u otras etiquetas HTML que haya que incluir en la etiqueta `` de tu HTML.

> **Tip:** Emailify minifica automáticamente las exportaciones HTML para reducir su peso al máximo, pero si añades código personalizado en el que es importante que las clases CSS no se modifiquen porque usas interactividad con pseudoclases, puedes evitar la minificación: asegúrate de que tu CSS personalizado contenga al menos una regla de estilo `#interactive:checked` (por ejemplo, `#interactive:checked ~ .content { display: block; }`) y el plugin desactivará automáticamente la minificación para ese email.

> **Tip:** Puedes [aplicar ajustes en bloque](/es/emailify/design/settings#apply-settings-in-bulk) abriendo **Settings** y seleccionando en Figma varias capas de Emailify del mismo tipo. Cualquier ajuste que cambies se aplicará a todas las capas seleccionadas.