Documentación Campaign Documentación de Campaign Standard

Diseño con contenido existente

Última actualización: 19 de julio de 2024

Se aplica a:
Campaign Standard

Temas:
Diseño de correo electrónico

Creado para:

Intermedio
Usuario

Selección de contenido existente

Adobe Campaign incluye un conjunto de contenido predefinido para ayudarle a empezar. Puede utilizar uno de estos o, si el contenido del mensaje que necesita enviar se está preparando fuera de Adobe Campaign, puede importarlo desde su equipo o desde una dirección URL.

Al crear un correo electrónico o una página de aterrizaje, puede elegir cargar un contenido existente de otro origen.

NOTA

Las siguientes imágenes muestran cómo cargar contenido existente mediante Email Designer.

Después de crear el correo electrónico o la página de aterrizaje, abra su contenido.
Haga clic en el icono de inicio para acceder a la página principal de Email Designer.
Seleccione el origen del contenido que desea cargar:
- Plantillas de contenido: haga clic en la ficha Templates.
- Contenido desde cero, para empezar de cero: haga clic en el botón Create.
- Contenido del equipo como archivo ZIP o de HTML: haga clic en el botón Upload.
- Contenido de una dirección URL existente (solo para correos electrónicos): haga clic en el botón Import from URL.
Cargue el contenido. El contenido seleccionado reemplaza al contenido actual.

Una vez importado, el contenido se puede editar y personalizar.

NOTA
Email Designer usa un etiquetado específico. El contenido estándar del HTML cargado en Campaign debe coincidir con el etiquetado esperado para ser totalmente compatible y editable desde Email Designer. Si no coincide, el contenido se sube a modo de compatibilidad. Para hacer compatible el contenido existente, vea esta sección.

Temas relacionados:

Edición de contenido existente con Email Designer

Para aprovechar al máximo las posibilidades de edición de Email Designer, el HTML cargado debe contener etiquetado específico que lo haga compatible con el editor WYSIWYG.

Si todo o parte del HTML no tiene este etiquetado, el contenido se carga en ' modo de compatibilidad'.

Para que un contenido externo existente sea totalmente editable dentro del Designer de correo electrónico, consulte la sección Diseño de un correo electrónico con contenido existente.

Importación de contenido de correo electrónico existente

Importación de contenido desde un archivo

En la página de inicio de Designer de correo electrónico, haga clic en el botón Upload para cargar un archivo desde el equipo y confirme la acción.

No hay restricciones en la estructura del archivo zip. Sin embargo, las referencias a archivos HTML deben ser relativas y respetar la estructura de árbol de la carpeta zip.

Se admiten los siguientes formatos para la importación:

Archivo de HTML con una hoja de estilos incorporada
Carpeta .zip que contiene el archivo de HTML, la hoja de estilo (.CSS) y las imágenes

NOTA

Para el contenido de correo electrónico, se recomienda importar archivos de un solo HTML con una hoja de estilo incorporada.

Importación de contenido desde una dirección URL

Antes de importar contenido desde una dirección URL, asegúrese de que cumple los requisitos siguientes:

El contenido debe estar disponible públicamente a través de esta dirección URL.
Por motivos de seguridad, solo se permiten las direcciones URL que empiecen por https.
Asegúrese de que todos los recursos (imágenes, CSS) estén configurados en vínculos absolutos y en HTTPS. De lo contrario, después de enviar el correo electrónico, la página espejo se muestra sin sus recursos. Este es un ejemplo de definición de vínculo absoluto:
<a href="https://www.mywebsite.com/images/myimage.png">

NOTE

La carga de contenido desde una URL solo está disponible para el canal de correo electrónico.

Para recuperar contenido existente de una URL, siga los pasos a continuación:

En la página de inicio de Email Designer, seleccione el botón Import from URL.
Defina la dirección URL desde la que se recuperará el contenido.
Haga clic en Confirm.

Descubra esta función en vídeo.

video poster

https://video.tv.adobe.com/v/25926?quality=12

Hay disponibles más vídeos de procedimientos para el Campaign Standard aquí.

Recuperación automática de contenido de una URL en el momento de la preparación

La importación de contenido desde una dirección URL durante la preparación del mensaje le permite recuperar el contenido más reciente del HTML cada vez que se prepara el correo electrónico. De este modo, el contenido de los correos electrónicos recurrentes siempre está actualizado en el momento de su envío. Esta función también le permite crear un mensaje programado en una fecha específica, incluso si el contenido aún no está listo.

Para recuperar contenido durante la preparación, siga los pasos a continuación:

Seleccione la opción Content imported during preparation.
El contenido de la URL se muestra en el editor como de solo lectura.

CAUTION
En este paso, no se debe tener en cuenta la visualización del HTML en el editor de contenido. Se recuperará en la fase de preparación.
Para obtener una vista previa del contenido de la URL que se ha recuperado, abra el mensaje una vez creado y, a continuación, haga clic en el botón Preview.

Es posible personalizar la dirección URL remota desde la que se recupera el contenido. Para realizar esto, siga los pasos a continuación:

Haga clic en la etiqueta de correo electrónico en la parte superior de la pantalla para acceder a la pestaña Designer de correo electrónico Properties.
Busque el campo Remote URL.
Inserte el campo de personalización, el bloque de contenido o el texto dinámico que desee.

El bloque de contenido Current date - YYYYMMDD, por ejemplo, le permite insertar la fecha del día.

NOTE
Los campos de personalización disponibles están vinculados únicamente a los atributos Delivery (fecha de creación del correo electrónico, estado, etiqueta de la campaña…).

Si la descarga de contenido falla en el primer intento, se puede volver a intentar dos veces:

El segundo intento se inicia 50 ms después del primer intento.
El tercer intento se inicia 100 ms después del segundo intento.

Estos reintentos son útiles en estos casos:

Un error de servicio de corta duración en un servidor distante
Un error del servidor en un clúster, en cuyo caso es más probable que los reintentos se realicen correctamente gracias al equilibrio de carga en un servidor en funcionamiento

Modo de compatibilidad

Al cargar un contenido, debe contener un etiquetado específico para que sea totalmente compatible y editable con el editor WYSIWYG de Email Designer.

Si todo o parte del HTML cargado no cumple con el etiquetado esperado, el contenido se carga en "modo de compatibilidad", que limita las posibilidades de edición a través de la interfaz de usuario.

Cuando un contenido se carga en modo de compatibilidad, aún puede realizar las siguientes modificaciones a través de la interfaz (las acciones no disponibles están ocultas):

Cambiar el texto o cambiar una imagen
Inserción de vínculos y campos de personalización
Editar algunas opciones de estilo en el bloque de HTML seleccionado
Definición del contenido condicional

Otras modificaciones, como añadir nuevas secciones al correo electrónico o el estilo avanzado, deben realizarse directamente en el código fuente del correo electrónico a través del modo HTML.

Para obtener más información sobre cómo convertir un correo electrónico existente en un correo electrónico compatible con Designer de correo electrónico, consulte esta sección.

Temas relacionados:

Conversión de contenido de HTML

Si desea crear un marco de plantillas modulares y fragmentos que se puedan combinar para reutilizarlos en varios correos electrónicos, debe considerar la posibilidad de convertir el HTML de correo electrónico en una plantilla de Designer de correo electrónico.

Este caso de uso ofrece una forma rápida de convertir el correo electrónico del HTML en componentes de Designer de correo electrónico.

CAUTION

Esta sección es para usuarios avanzados familiarizados con el código de HTML.

NOTE

Al igual que el modo de compatibilidad, un componente de HTML es editable con opciones limitadas: solo puede realizar ediciones in situ.

Fuera de Email Designer, asegúrese de que el HTML original se divide en secciones reutilizables.

Si no es así, elimine los diferentes bloques del HTML. Por ejemplo:

<!-- 3 COLUMN w/CTA (SCALED) -->
<table width="100%" align="center" cellspacing="0" cellpadding="0" border="0" role="presentation" style="max-width:680px;">
<tbody>
<tr>
<td class="padh10" align="center" valign="top" style="padding:0 5px 20px 5px;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
<tbody>
<tr>
...
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- //3 COLUMN w/CTA (SCALED) -->

Una vez identificados todos los bloques, en el Designer de correo electrónico, repita el siguiente procedimiento para cada sección del correo electrónico existente:

Abra la Designer de correo electrónico para crear un contenido de correo electrónico vacío.
Defina los atributos de nivel de cuerpo: colores de fondo, anchura, etc. Para obtener más información, consulte Edición de estilos de correo electrónico.
Añada un componente de estructura. Para obtener más información, consulte Edición de la estructura de correo electrónico.
Añada un componente HTML. Para obtener más información, consulte Añadir fragmentos y componentes.
Copiar y pegar el HTML en ese componente.
Cambie a la vista móvil. Para obtener más información, consulte esta sección.

La vista adaptable está dañada porque falta el archivo CSS.
Para solucionarlo, cambie al modo de código fuente y copie y pegue la sección de estilo en una nueva sección de estilo. Por ejemplo:
<style type="text/css"> a {text-decoration:none;} body {min-width:100% !important; margin:0 auto !important; padding:0 !important;} img {line-height:100%; text-decoration:none; -ms-interpolation-mode:bicubic;} ... </style>
NOTE
Asegúrese de agregar el estilo después de esto en otra etiqueta de estilo personalizada.
No modifique el CSS generado por el Designer de correo electrónico:
<style data-name="default" type="text/css">(##)</style>

<style data-name="supportIOS10" type="text/css">(##)</style>

<style data-name="mediaIOS8" type="text/css">(##)</style>

<style data-name="media-default-max-width-500px" type="text/css">(##)</style>

<style data-name="media-default--webkit-min-device-pixel-ratio-0" type="text/css">(##)</style>
Vuelva a la vista móvil para comprobar que el contenido se muestra correctamente y guardar los cambios.

recommendation-more-help