Diseño con contenido existente

Selección de contenido existente

Adobe Campaign incluye un conjunto de contenidos predefinidos para ayudarle a empezar. Puede utilizar uno de estos elementos o, si el contenido del mensaje que debe 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 imágenes siguientes muestran cómo cargar un contenido existente mediante la variable 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 la 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.

    NOTA

    La variable Diseñador de correo electrónico utiliza etiquetado específico. El contenido de HTML estándar cargado en Campaign debe coincidir con el etiquetado esperado para que sea totalmente compatible y editable desde el Diseñador de correo electrónico. Si no coincide, el contenido se carga en modo de compatibilidad. Para que el contenido existente sea compatible, consulte esta sección.

Temas relacionados:

Edición de contenido existente con el Diseñador de correo electrónico

Para aprovechar al máximo las posibilidades de edición del Diseñador de correo electrónico, el HTML cargado debe contener etiquetas específicas que le permitan cumplir con el editor WYSIWYG.

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

Para que un contenido externo existente se pueda editar completamente dentro del Diseñador de correo electrónico, consulte la Diseño de un correo electrónico con contenido existente para obtener más información.

Importación de contenido de correo electrónico existente

Importación de contenido desde un archivo

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

No hay restricciones en la estructura del archivo zip. Sin embargo, la referencia a los archivos HTML debe ser relativa y respetar la estructura de árbol de la carpeta zip.

Se admiten los siguientes formatos para la importación:

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

Para el contenido del correo electrónico, se recomienda importar archivos de HTML único 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 URL.

  • Por motivos de seguridad, solo las direcciones URL que comienzan con https están permitidos.

  • 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 mostraría sin sus recursos. A continuación, se muestra un ejemplo de una definición de vínculo absoluto:

    <a href="https://www.mywebsite.com/images/myimage.png">
    
NOTA

La carga de contenido desde una dirección 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 la opción 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 vídeos prácticos adicionales del Campaign Standard here.

Recuperación de contenido de una URL automáticamente en tiempo de preparación

La importación de contenido desde una URL durante la preparación del mensaje le permite recuperar el contenido del HTML más reciente 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 para una fecha específica, incluso aunque el contenido no esté listo todavía.

Para recuperar contenido en el momento de 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.

    PRECAUCIÓN

    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 que se haya creado y haga clic en el botón 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 la Remote URL campo .

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

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

    NOTA

    Los campos personalizados disponibles están vinculados a Entrega solo atributos (fecha de creación del correo electrónico, estado, etiqueta de campaña…).

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

  1. El segundo intento comienza 50 ms después del primer intento.
  2. El tercer intento comienza 100 ms después del segundo intento.

Estos reintentos son útiles en estos casos:

  • Fallo de servicio de corto plazo en un servidor distante
  • Un error de servidor en un clúster, en cuyo caso es más probable que los reintentos tengan éxito gracias al equilibrio de carga en un servidor que funciona

Modo de compatibilidad

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

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

Cuando se carga un contenido 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 personalizados
  • Editar algunas opciones de estilo en el bloque de HTML seleccionado
  • Definición de contenido condicional

Otras modificaciones, como la adición de 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 del HTML

Si desea crear un marco de plantillas modulares y fragmentos que se puedan combinar para reutilizar en varios correos electrónicos, debe considerar la conversión del HTML de correo electrónico en una plantilla de 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.

PRECAUCIÓN

Esta sección está dirigida a usuarios avanzados familiarizados con el código de HTML.

NOTA

Al igual que el modo de compatibilidad, un componente HTML es editable con opciones limitadas: solo puede realizar la edición 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í, retire los diferentes bloques de su 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. Establezca 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. Copie y pegue el HTML en ese componente.

  6. Cambie a la vista móvil. Para obtener más información, consulte esta sección.

    La vista interactiva está dañada porque falta el CSS.

  7. Para solucionarlo, cambie al modo de código fuente y copie y pegue la sección de estilos en una nueva sección de estilos. 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>
    
    NOTA

    Asegúrese de agregar el estilo después de esto en otra etiqueta de estilo personalizada.

    No modifique la CSS generada 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.

En esta página