Diseño con contenido existente designing-using-existing-content

Selección de contenido existente selecting-an-existing-content

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.

NOTE
Las siguientes imágenes muestran cómo cargar un contenido existente utilizando Diseñador de correo electrónico.
  1. Después de crear el correo electrónico o la página de aterrizaje, abra su contenido.

  2. Haga clic en el icono de inicio para acceder a Email Designer página principal.

  3. Seleccione el origen del contenido que desea cargar:

  4. Cargue el contenido. El contenido seleccionado reemplaza al contenido actual.

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

    note note
    NOTE
    El Diseñador de correo electrónico utiliza 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 el Diseñador de correo electrónico. Si no coincide, el contenido se carga en modo de compatibilidad. Para hacer compatible el contenido existente, consulte esta sección.

Temas relacionados:

Edición de contenido existente con el Diseñador de correo electrónico editing-existing-contents-with-the-email-designer

Para aprovechar al máximo las posibilidades de edición de Diseñador de correo electrónico, el HTML cargado debe contener un 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 Diseñador de correo electrónico, consulte la Diseño de un correo electrónico con contenido existente sección.

Importación de contenido de correo electrónico existente importing

Importación de contenido desde un archivo importing-content-from-a-file

En la página de inicio del Diseñador de correo electrónico, haga clic en Upload para cargar un archivo desde el equipo y, a continuación, confirmar.

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
NOTE
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 importing-content-from-a-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 las direcciones URL que comienzan por https están permitidas.

  • 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:

    code language-none
    <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:

  1. En la página de inicio del Diseñador de correo electrónico, seleccione Import from URL botón.

  2. Defina la dirección URL desde la que se recuperará el contenido.

  3. Haga clic en Confirm.

Descubra esta función en vídeo.

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 retrieving-content-from-a-url-automatically-at-preparation-time

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:

  1. Seleccione la opción Content imported during preparation.

  2. El contenido de la URL se muestra en el editor como de solo lectura.

    note caution
    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.
  3. Para obtener una vista previa del contenido de la URL que se ha recuperado, abra el mensaje una vez creado y haga clic en Preview botón.

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

  1. Haga clic en la etiqueta de correo electrónico en la parte superior de la pantalla para acceder al Diseñador de correo electrónico Properties pestaña.

  2. Busque el Remote URL field.

  3. Inserte el campo de personalización, el bloque de contenido o el texto dinámico que desee.

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

    note note
    NOTE
    Los campos de personalización disponibles están vinculados a Envío solo atributos (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:

  1. El segundo intento se inicia 50 ms después del primer intento.
  2. 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 compatibility-mode

Al cargar un contenido, debe contener un etiquetado específico para que sea totalmente compatible y editable con el editor WYSIWYG del Diseñador de correo electrónico.

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 la conversión de un correo electrónico existente en un correo electrónico compatible con el Diseñador de correo electrónico, consulte esta sección.

Temas relacionados:

Conversión de contenido de HTML converting-an-html-content

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 del Diseñador de correo electrónico.

Este caso de uso ofrece una forma rápida de convertir el correo electrónico del HTML en componentes del Diseñador 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 del Diseñador de correo electrónico, asegúrese de que el HTML original está dividido 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 Diseñador de correo electrónico, repita el siguiente procedimiento para cada sección del correo electrónico existente:

  1. Abra el Diseñador de correo electrónico para crear un contenido de correo electrónico vacío.

  2. 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.

  3. Añada un componente de estructura. Para obtener más información, consulte Edición de la estructura de correo electrónico.

  4. Añada un componente HTML. Para obtener más información, consulte Añadir fragmentos y componentes.

  5. Copiar y pegar el HTML en ese componente.

  6. 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.

  7. 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:

    code language-none
    <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 note
    NOTE
    Asegúrese de agregar el estilo después de esto en otra etiqueta de estilo personalizada.
    No modifique el CSS generado por el Diseñador 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>
  8. Vuelva a la vista móvil para comprobar que el contenido se muestra correctamente y guardar los cambios.

recommendation-more-help
3ef63344-7f3d-48f9-85ed-02bf569c4fff