bento icon close

¿Cómo utilizar el editor de Landing Pages de Mailify Sunrise?

El editor de la página de destino utiliza el editor Drag & Drop creado y editado por Mailify Software para simplificar la creación y publicación de una página de destino. Su simplicidad permite un uso sin competencia técnica en HTML o CSS para crear una página web receptiva y efectiva.

Desde una página en blanco, puedes componer fácil y rápidamente una página de aterrizaje arrastrando y soltando módulos. Todo es personalizable y configurable: estilo gráfico, colores, bordes, tipografía ...

Simplemente crea tu página web, Mailify la aloja para ti, ¡y solo tienes que comunicarte por correo electrónico!

 

Acceder a la creación de una Landing Pages

Para crear un Landing Pages, ve al menú "Páginas y formularios" y haz clic en "Crear una página de destino". Después de haberlo nombrado y elegido el tipo de "Página responsive", ve al editor de la página de destino.

Puedes crear tu correo

  • desde cero, y así crear tu Landing Pages desde una página en blanco y arrastrar los módulos
  • desde un modelo ya existente para modificar desde una estructura ya existente, modificar los contenidos y adaptar el diseño

Desde la parte superior de la página, puedes:

  • ver la landing en el escritorio o en el móvil haciendo clic en este icono

  • previsualiza tu página haciendo clic en este icono

  • trabaja en el Landing Pages en pantalla completa, eliminando los menús y ganando en términos de espacios para trabajar en el diseño de tu página web haciendo clic en este icono

  • reduce el menú correcto una vez que hayas integrado los módulos, gana espacio para integrar tus textos e imágenes haciendo clic en este icono

 

Configuración

Antes de comenzar a insertar el contenido de la página web, debes establecer el diseño, el tema, los colores y la configuración de la landing. Para configurarlo, ve al menú "Estilos" en el lado derecho de la pantalla.

 

Disposición

 Para el diseño, puedes elegir entre un fondo plano, un fondo de color, bloques de colores alternados y bloques de colores alternados con amplitud total. Navegando por las diferentes posibilidades, puedes elegir el estilo que mejor se adapte a tu Landing Pages.

 

Temas y distribución de colores

 Todos los colores del aterrizaje son personalizables. Se te proponen diferentes temas para sugerir una base de colores. Haz una elección:

Cada color puede ser cambiado por elemento de la "Distribución de color". Entonces puede cambiar los colores de todos los elementos de tu correo electrónico: cuerpo, fondo, borde, textos, botones, títulos, enlaces...

Puedes personalizar el color haciendo clic en el color correspondiente, y elegir un color en la paleta o rellenar el color directamente.

 

Configuraciones

En la configuración, puedes configurar tu página de inicio:

  • Habilita o deshabilita la versión móvil de la página web
  • Cambia los colores del contenedor principal, los bordes y especifica el tamaño deseado de los bordes
  • Establece el ancho de tu página para la versión de PC
  • Especifica el tipo de letras que deseas usar para títulos H1 y H2, párrafos y botones
  • Establecer el espacio entre los bloques de contenido
  • Establecer márgenes internos

 

 

Contenidos

Una vez que se crea la estructura de la página, puedes integrar los bloques y los contenidos para crear tu página.

Bloques

Para integrar el contenido de tu página, primero debes elegir los bloques: 1 columna, 2 columnas, 3 columnas ... Simplemente arrastra y suelta para crear la estructura de la página de aterrizaje.

 

Contenidos

Los contenidos son elementos que puedes colocar en las columnas de tus bloques. Para ello, haz clic en el contenido deseado y arrástralo y suéltalo en el contenedor que elijas.

 

Imagen | Texto | Título | Espacio | Botón | Redes sociales | Compartir | Separador | Código | Vídeo | Flujo RSS | Formulario | Imagen flotante | Google Maps | Artículo

 

 

 

Imagen

 
Una vez que el módulo "Imagen" se integre, puedes:

  • eligir tu imagen haciendo clic en el primer icono
  • duplicar la imagen para reutilizarla en tu página, haciendo clic en el segundo icono
  • mover la imagen en la estructura de la página, haciendo clic en el tercer icono
  • borrar el módulo, haciendo clic en el cuarto icono

 

Para importar una imagen, puedes elegir entre una imagen almacenada en tu computadora, una imagen en el banco de imágenes o usar una imagen ya alojada al ingresar una URL.

 

 
El banco de imágenes

Un banco de imágenes libre de regalías está disponible en la solución Mailify Sunrise. Tienes más de 1,000 fotos profesionales para ilustrar fácilmente tus páginas web.

Advertencia: estas imágenes solo se pueden utilizar en la solución Mailify para ilustrar tus campañas de correo electrónico, tus formularios y tus páginas de inicio.

Para importar una foto, simplemente selecciónala y haz clic directamente en la imagen. Se mostrará el editor de imágenes y podrás editar la imagen recortándola, agregando un filtro o agregando texto. Haz clic aquí para obtener más información sobre el uso del editor de imágenes.

Una vez integrado, puedes editar la imagen, personalizar las dimensiones, cambiar la alineación, agregar un enlace y una leyenda.

 

 

El texto

Para integrar texto, simplemente arrastra el módulo de texto a un bloque. Una vez integrado, puedes modificar el texto actual y ponerlo en la página:

Configurar:

  • tipografía, tamaño y color del texto
  • gordo, cursiva, subrayado, barra, índice
  • interlineado
  • alineación
  • listas con viñetas o numeradas
  • el tipo de texto: título 1, título 2 o párrafo
  • el color de fondo del texto
  • una imagen
  • agregar o eliminar enlace

 

Espacio

Al agregar el módulo "Espacio", agregas automáticamente un espacio en blanco de 20 px de alto. Este espacio es ajustable simplemente indicando el tamaño del espacio deseado:

 

El separador

Puedes agregar en tu diseño un módulo "Separador":

Ajustable cuando haces clic en el lápiz:

Tienes la opción de crear una línea de puntos continua, o un separador de doble línea.

 

Título

También puedes agregar un cuadro de texto solo para el título:

El título toma automáticamente el tamaño y la tipografía de los parámetros "Título" establecidos en la configuración. Sin embargo, todavía tienes la posibilidad de modificar tu formato gracias a la paleta de configuraciones:

 

El botón

Puedes integrar un botón en el diseño de tu página de destino, se puede configurar simplemente haciendo clic en él:

Puedes:

  • cambiar tipografía, tamaño, color, grasa y cursiva
  • agregar un enlace a una página web o un formulario publicado
  • utilizar un tema para cambiar el color del fondo y el borde, y tu tamaño
  • indicar la posición

 

Las redes sociales

 Puedes agregar enlaces a tus redes sociales:

y configurarlos:

 

Al hacer clic en el botón "Agregar / quitar", tienes la posibilidad de seleccionar o anular la selección de las redes sociales:

Luego solo tienes que ingresar la URL de tu página en cada red:

 

 

Compartir en las redes sociales

 Un módulo te permite agregar contenido compartido en las redes sociales. Tienes la opción de compartir para LinkedIn, Google+, Twitter y Facebook.

Configura el módulo "Compartir" haciendo clic en él y modifica el enlace para compartir, el texto, la tipografía, el color, los bordes y la alineación:

 

 

La fuente RSS

 

En tu página de destino, puedes integrar una fuente RSS gracias al módulo proporcionado para este fin. Una vez integrado, puedes configurarlo haciendo clic en él:

 

La imagen flotante

Puedes integrar directamente un módulo de texto con una imagen flotante en la parte superior derecha. Para editar la imagen, simplemente haz clic en el ícono de Imagen y elige el método de importar o elimina la inserción de una imagen en el bloque de texto.

 

Google Maps

Tienes la posibilidad de integrar en tu página de inicio un Google Maps. Para hacer esto, simplemente arrastra el contenido de Google Maps e ingresa la dirección para mostrar:

Y la imagen se muestra haciendo clic en "Generar plan":

Puedes configurar el póster del plan: tamaño, alineación y leyenda.

 

Código HTML

Puedes integrar un código HTML directamente a tu lading page ya sea escribíendolo o haciendo copiar y pegar dentro del contenido. Esta acción te darámás control y flexibilidad sobre el diseño y la estructura de los bloques. Sin embargo, es necesario dominar la integración de HTML para usar este tipo de contenido.

 

Vídeo

Es posible generar automáticamente Gifs animados a partir de vídeos de tu elección. Para ello, arrastra y suelta este tipo de contenido en un bloque.

En el campo "URL", copia y pega la URL de tu vídeo alojado en Youtube, Dailymotion, Vimeo, Twitter, Facebook, Instagram.... Se insertará automáticamente un enlace a esta URL en tu vídeo.

En el menú "Formato", selecciona el formato que quieras aplicar a la imagen de tu vídeo. Sólo el formato "Animated Gif" puede mostrar una animación. El formato Jpeg se muestra como una imagen estática.

El menú "Botón" te permite seleccionar el estilo del "reproductor" que quieres añadir a tu contenido. Puedes elegir no usarlo si lo deseas. Sin embargo, un botón "play" te permite indicar claramente que la imagen (animada o no) es clicable y se dirige a un vídeo.

El campo "Inicio" permite determinar a partir de qué hora/minuto/segundo del vídeo se desea capturar la imagen (animada o no).

El campo "Duración" te permite determinar la duración de tu Gif animado (entre 1 y 20 segundos). 

La opción "Repetir bucle" te permite reproducir tu animación en bucle (opción habilitada) o detenerla al final de la animación (deshabilitada).

Una vez finalizadas estas operaciones, haz clic en "Generar captura". La generación de un Gif animado puede durar varios segundos.

 

Artículo de WordPress

Este contenido permite incluir artículos de tu blog a tu landing page. Primero deberás configurar el conector WordPress aquí

 

 

 

Formulario

Puedes enriquecer tu página de aterrizaje integrando en ella un formulario.

 

 

Al editarla, solo tienes que arrastrar y soltar un contenido de tipo formulario en el bloque que elijas.

 

 

A continuación podrás ver en tu página de aterrizaje el espacio dedicado al formulario. Este espacio se ve en color gris, lo que significa que está vacío, ya que todavía no se ha asociado ningún formulario.

 

 

Ahora haz clic en el espacio gris dedicado al formulario y se abrirá una ventana con una lista desplegable que mostrará todos los formularios disponibles en tu cuenta. Todos los formularios publicados en tu cuenta pueden integrarse en la página de aterrizaje independientemente del modo de publicación elegido (página específica, ventana emergente o bloque por integrar).

Selecciona desde la lista desplegable el formulario que deseas integrar en tu página de aterrizaje.

 

 

Debes haber publicado tu formulario para que se muestra en esta lista y para que puedas integrarlo en la página de aterrizaje.
Si todavía no has creado ningún formulario, no se mostrará ninguna lista, aunque puedes hacer clic en el botón naranja "Crear un formulario".

 

 

A continuación se te redirigirá hacia la herramienta de creación de formularios y saldrás de la edición de tu página de aterrizaje. Por supuesto, podrás volver a este paso cuando hayas creado y publicado el formulario. Una vez creado el formulario, podrás seleccionarlo de la lista desplegable de formularios existentes.

Nota: solo puedes integrar un formulario por página de aterrizaje.

 

 

 

 

Tu página de destino está lista?

Puedes publicarla haciendo clic en "Siguiente" en la parte superior derecha o en "Publicación" en el menú de la izquierda. Entonces se te redirigirá hacia el paso de publicación de tu página de aterrizaje.

Después de haber seleccionado el nombre de dominio, publica la página de aterrizaje haciendo clic en el botón verde "Publicar la página de aterrizaje".

Una vez publicada, podrás recuperar la URL de la página para compartirla en los soportes de comunicación que elijas: campaña de email, redes sociales, etc.