Crear un diseño de email usando el Editor HMTL
El primer paso es introducir la información necesaria para guardar y enviar tu mensaje.
- Acerca de
- Importar el HTML
- Cargar un archivo
- Cargar un archivo zip (imágenes alojadas por Splio)
- Cargar solo un archivo HTML
- Editor visual
- Editor de código
- URL de la página web
- Cargar un archivo
- Fijar y optimizar el código HTML para el correo electrónico
- Versión de texto
- Google Analytics
- Nombre de la campaña
- Fuente
- Medio
- Archivos adjuntos
Acerca de
La página "About" registra todos los remitentes y la información del encabezado de tu mensaje.
Tienes que rellenar los campos necesarios:
- Asunto del mensaje (asunto que aparece en la bandeja de entrada del usuario)
- Nombre del mensaje (para tus registros propios)
- Dirección de email del remitente (ej.: contact@splio.fr)
- Nombre del remitente (ej.: Splio)
- Dirección de email de respuesta (si es diferente a la dirección de correo electrónico del remitente)
- Idioma del mensaje (idioma por defecto, se utilizará para la página de cancelación de la suscripción)
DESIGNER hará la configuración previa del nombre del remitente y la dirección de respuesta con el valor predeterminado del universo (establecido en ADMIN). Pueden cambiarse si lo deseas.
Una vez que la sección "About" está rellenada, puedes continuar con la importación del HTML.
Importar el HTML
Hay 4 opciones disponibles para importar tu HTML.
- Archivo: Cargar tu archivo zip que contiene el HTML y las imágenes, relativamente enlazados
- Editor visual: Crear tu HTML utilizando el editor WYSIWYG _/!\_ no recomendado
- Editor de código: Copiar y pegar el HTML
- Página web URL: Cargar un archivo HTML directamente desde una URL
Cualquier JavaScript o PHP será eliminado para evitar ser rechazado por IPSs.
Cargar un archivo
Hay dos modos de utilizar el modo de archivo.
Cargar un archivo zip (imágenes alojadas por Splio)
- Los enlaces de tus imágenes deben estar relativamente en orden para ser alojados.
-
El archivo zip debe seguir la cadena de tus enlaces (ej.: /img/ o /images/).
-
Un enlace relativo se produce cuando el enlace se origina desde un archivo HTML, siguiendo la estructura de tu zip (ej.: /images/logo.png).*
Cargar solo un archivo HTML
Puedes cargar un archivo HTML sin imágenes, utilizando las imágenes alojadas en otro servidor. Por lo tanto, todas las fuentes img deben ser un enlace absoluto.
Un enlace absoluto es el enlace originado a partir del servidor (ex: http://www.splio.com/images/logo.png)
Editor visual
Utilizar el editor WYSIWYG * es como utilizar Microsoft Word, te recomendamos usar Message Builder in vez de esta opción.
Características:
- Mover/cambiar el tamaño de las imágenes con arrastrar y soltar
- Recortar imágenes durante la carga (con un clic derecho/menú de contexto) **
- Redimensionar la tabla de arrastrar y soltar
- Editar las propiedades del encabezado HTML
- Mostrar todos los bloques html para una fácil depuración
- No rompa las hojas de estilo: mantenga el diseño de respuesta en funcionamiento
- No codifique el html > y < los caracteres en bloques Splioconditional
No se recomienda este método ya que el HTML no se puede optimizar para todas las cajas de entrada.
* Lo que ve es lo que obtiene ** La función de recorte no está disponible en Safari 5/6/7.
Editor de código
Puedes utilizar el editor de código para copiar y pegar tu código HTML directamente en lugar de cargar tu archivo HTML.
Se prefiere este método si estás utilizando bloques condicionales en tu HTML.
URL de la página web
Copiar y pegar la URL de un HTML alojado en línea. Si tu HTML tiene enlaces relativos a las imágenes, Splio los transformará en enlaces absolutos hacia su servidor.
Fijar y optimizar el código HTML para el email
Esta opción limpia y optimiza tu código para correo electrónico. Aplicará a los estilos en línea todas las clases CSS encontradas en el código (class=””
to style=””
). También eliminará todas las etiquetas sensibles rechazadas por los ISP, como <object>
, <script>
, <map>
, <area>
, etc.
Cuidado, esta opción funciona bien para el código HTML simple pero puede ser complicado de usar con HTML complejo.
Versión de texto
Splio es compatible con el envío de mensajes en modo de varias partes, lo que te permite enviar un mensaje de texto y un mensaje HTML al mismo tiempo.
El cliente de correo del destinatario elegirá la versión que se mostrará basándose en las preferencias de la aplicación. HTML reemplaza el texto por defecto.
Google Analytics
Si está utilizando Google Analytics en tu web y deseas identificar el origen de sus visitantes, puedes rellenar los campos. La información que escribes será transmitida a tu cuenta de GA, para ayudar a identificar el origen de los visitantes procedentes de tus campañas.
Aunque fuente y medio están pre-configurados no se tendrán en cuenta a menos que ingresa un nombre de campaña. También, se pueden cambiar a tu gusto.
Nombre de la campaña
Indique de qué campaña o acción viene tu visitante. Por ejemplo, si estás utilizando diferentes tipos de campañas email, podrías nombrarlos en consecuencia (ej.: 2013-04-10_ PromoWinterMadrid, WeeklyNewsletter_05-04-13).
Fuente
La fuente en Google Analytics es el origen del tráfico, como un motor de búsqueda o dominio (ej.: splio.com)
En caso de estar utilizando múltiples proveedores de servicio marketing directos, puedes utilizar la fuente para identificar el tráfico entrante.
Si introduces un nombre de campaña y no especifiques la fuente, el valor por defecto será “Splio”.
Ten en cuenta que GA no contará las aperturas ni las personas que abren. Sólo rastreará a los usuarios que hacen clic en enlaces que van a tu web.
Medio
Normalmente, el medio es la categoría general de una fuente, como el pago por clic o la búsqueda orgánica.
Si un nombre de una campaña está especificado pero no especifica el medio, el valor será configurado como “email”.