# Importar su código HTML
## Descripción

Si desea importar código HTML escrito fuera de nuestra herramienta, puede pegarlo en nuestro editor con esta opción. El correo electrónico se puede modificar mediante un editor HTML.

## Por qué es importante

Puede diseñar su propia plantilla HTML e importarla al editor para tener más opciones sobre el aspecto de sus correos electrónicos. Una vez que haya importado una plantilla personalizada, puede modificarla y utilizarla en campañas futuras para mantener ese aspecto familiar que desea para su marca.

## Instrucciones paso a paso

<Stepper>

1. **Seleccione la opción "Comenzar con su propio código"** al crear una nueva campaña.

1. **Pegue su código** en la sección negra de la página.

1. **Haga clic en "Cargar y editar"**
</Stepper>

## Buenas prácticas

- Pruebe su HTML antes de importarlo para garantizar la compatibilidad
- Utilice HTML limpio y válido para obtener los mejores resultados
- Incluya elementos de diseño adaptable para la compatibilidad con dispositivos móviles
- Valide la compatibilidad del CSS con los clientes de correo electrónico
- Mantenga tamaños de archivo razonables para una carga más rápida

## Después de la importación

Una vez importado su HTML:
- Puede modificarlo mediante el editor HTML
- Realice los ajustes necesarios
- Guárdelo como plantilla para uso futuro
- Pruébelo en distintos clientes de correo electrónico

## Resolución de problemas

**Mi HTML se ve diferente después de importarlo**

- Compruebe si su CSS está en línea; muchos clientes de correo electrónico no admiten hojas de estilo externas
- Verifique que no esté utilizando funciones de HTML5 o CSS3 no compatibles
- Elimine el JavaScript, ya que no es compatible en los correos electrónicos
- Pruebe con una herramienta de incrustación de CSS en línea antes de importar

**El botón de importar está deshabilitado o no funciona**

- Asegúrese de que su código HTML no esté vacío
- Compruebe si hay etiquetas HTML sin cerrar que puedan dañar el analizador
- Verifique que el código no supere los límites de tamaño (normalmente 100 KB)
- Pruebe a eliminar caracteres especiales o codificaciones no estándar

**Las imágenes aparecen rotas después de importar**

- Utilice URL absolutas para todas las imágenes (https://... y no /images/...)
- Asegúrese de que el servidor que aloja las imágenes permita los enlaces directos
- Compruebe que las URL de las imágenes no requieran autenticación
- Verifique que las imágenes estén en formatos compatibles con la web (JPG, PNG, GIF)

**El diseño adaptable no funciona**

- Confirme que las consultas de medios (media queries) tengan el formato correcto
- Compruebe si el cliente de correo electrónico admite consultas de medios
- Utilice diseños basados en tablas como alternativa
- Realice pruebas en dispositivos reales, no solo en el modo adaptable del navegador

## Artículos relacionados

- [Usar el diseñador de correos electrónicos](/es/docs/campaign-creation/using-the-email-designer) - Modo de edición HTML
- [Agregar enlaces de anclaje](/es/docs/campaign-creation/adding-anchor-links-to-the-email-content-with-html) - Técnicas de HTML
- [Guardar campañas como plantillas](/es/docs/email-templates/saving-campaigns-as-templates) - Guardar plantillas HTML
- [Trabajar con plantillas inteligentes](/es/docs/email-templates/working-with-smart-templates) - Alternativa al HTML
- [Probar su campaña](/es/docs/campaign-creation/testing-your-campaign) - Probar la representación del HTML