Show Menu
TEMAS×

Designing using existing content

Selección de un contenido existente

Adobe Campaign incluye un conjunto de contenidos predefinidos que le ayudarán a iniciarse. Puede usar 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 otra fuente.
Las siguientes imágenes muestran cómo cargar un contenido existente mediante el 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 página Email Designer 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.
    El Diseñador de correo electrónico utiliza etiquetado específico. El contenido HTML estándar 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 del contenido existente con el Diseñador de correo electrónico

Para aprovechar al máximo las posibilidades de edición de Email Designer , el HTML cargado debe contener etiquetas específicas que lo hagan 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 completamente editable en el Diseñador de correo electrónico, consulte la sección Diseño de un correo electrónico con contenido existente.

Importación

Importación de contenido de un archivo

En la página de inicio de Email Designer, haga clic en el Upload botón para cargar un archivo desde el equipo y confirme.
No hay restricciones en la estructura de archivos zip. Sin embargo, la referencia a archivos HTML debe ser relativa y respetar la estructura de árbol de la carpeta zip.
Se admiten los siguientes formatos para la importación:
  • Un archivo HTML con una hoja de estilo incorporada
  • Carpeta .zip que contiene el archivo HTML, la hoja de estilo (.CSS) y las imágenes
Para el contenido del correo electrónico, se recomienda importar archivos HTML únicos 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 se permiten las direcciones URL que comienzan con 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 reflejada 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">
    
    
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 dirección URL, siga los pasos a continuación:
  1. En la página de inicio de Email Designer, seleccione el Import from URL botón.
  2. Defina la dirección URL desde la que se recuperará el contenido.
  3. Click Confirm .
Tema relacionado:

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

La importación de contenido desde una URL durante la preparación de mensajes le permite recuperar el contenido 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 en una fecha específica, aunque el contenido no esté listo todavía.
Para recuperar contenido en tiempo de preparación, siga los pasos a continuación:
  1. Seleccione la Content imported during preparation opción.
  2. El contenido de la dirección URL se muestra en el editor como de solo lectura.
    En este paso, no se debe tener en cuenta la visualización 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 el Preview botón .
Es posible personalizar la dirección URL remota desde la que se recuperará 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 a la ficha Diseñador de correo electrónico Properties .
  2. Busque el Remote URL campo.
  3. Inserte el campo de personalización, el bloque de contenido o el texto dinámico que desee.
    El bloque Current date - YYYYMMDD de contenido, por ejemplo, permite insertar la fecha del día.
    Los campos de personalización disponibles solo están vinculados a atributos de envío (fecha de creación de correo electrónico, estado, etiqueta de campaña...).

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 todo o parte del HTML cargado no es compatible 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):
  • Cambio del texto o cambio de una imagen
  • Inserción de vínculos y campos de personalización
  • Editar algunas opciones de estilo en el bloque HTML seleccionado
  • Definición de contenido condicional
Otras modificaciones, como la adición de nuevas secciones al correo electrónico o el estilo avanzado, se deben realizar 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 .
Tema relacionado:

Conversión de contenido 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 diseñador de correo electrónico.
Este caso de uso ofrece una forma rápida de convertir un correo electrónico HTML en componentes de Email Designer.
Esta sección está dirigida a usuarios avanzados familiarizados con el código HTML.
Al igual que el modo de compatibilidad, un componente HTML es editable con opciones limitadas: solo puede realizar una edición in-situ.
Fuera del Diseñador de correo electrónico, asegúrese de que el HTML original se divide en secciones reutilizables.
Si este no es el caso, 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 sobre esto, consulte Edición de estilos de correo electrónico.
  3. Agregue un componente de estructura. Para obtener más información sobre esto, consulte Edición de la estructura de correo electrónico.
  4. Agregue un componente HTML. Para obtener más información sobre esto, consulte Adición de fragmentos y componentes .
  5. Copie y pegue el HTML en ese componente.
  6. Cambie a la vista móvil. For more on this, see this section .
    La vista interactiva está dañada, ya que falta la 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:
    <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>
    
    
    No modifique la CSS generada por el Diseñador de correo electrónico: <style acrite-template-css="true"> y <style acrite-custom-styles="" type="text/css"> . Asegúrese de agregar su estilo después de esto.
  8. Vuelva a la vista de dispositivos móviles para comprobar que el contenido se muestra correctamente y guardar los cambios.