La guía del autor de ThemeForest para las plantillas de Unbounce

Última actualización: ¡Tenemos más grandes noticias! Unbounce ha añadido varias nuevas características de diseño, dando a los usuarios de Unbounce acceso a algunas herramientas de diseño muy potentes. Las nuevas características son:

• Desplazamiento Paralelo
• Superposición de colores
• Transparencia
• Escala de imagen para adaptarse a los contenedores

Estas actualizaciones permitirán a los clientes de Unbounce añadir estas funciones sin necesidad de utilizar soluciones de código de terceros. Todas las operaciones añadidas en esta actualización se pueden realizar de forma rápida y sencilla, los diseñadores web de todo tipo podrán aprovechar las nuevas características de Unbounce.

Hemos vuelto a actualizar el post para reflejar estos cambios recientes. Le mostraremos dónde encontrar las funciones y cómo utilizarlas. Puedes obtener más información sobre las últimas actualizaciones al final de la segunda parte.

Actualización: ¡Grandes noticias! Las páginas de aterrizaje de Unbounce son ahora mobile-responsive, lo que significa que los diseñadores pueden crear y vender plantillas que se ajustarán automáticamente a cualquier dispositivo. Esta es la mayor actualización de producto de Unbounce hasta la fecha y miles de profesionales del marketing buscarán actualizar sus páginas de aterrizaje para que sean sensibles a los dispositivos móviles. En otras palabras, van a necesitar nuevas plantillas cuanto antes.

Hemos actualizado este post para explicarte qué es mobile responsive y cómo puedes diseñar una plantilla mobile responsive en Unbounce. Puedes pasar a la parte 4 si ya dominas Unbounce y estás listo para empezar a diseñar para móviles.

En este tutorial te voy a presentar Unbounce, una herramienta para construir páginas de aterrizaje específicas para campañas. Vamos a caminar a través de la anatomía de varios tipos de página de destino, ir a través de las características de la herramienta, a continuación, cubrir lo que se necesita para vender tus propias plantillas Unbounce en Themeforest.

Presentación de Unbounce

Unbounce fue construido para resolver un problema muy específico; para empoderar a los vendedores profesionales para construir hermosas y de alto rendimiento páginas de destino específicas de la campaña por su cuenta. Es decir, sin la ayuda de desarrolladores o (aquí es donde entran las plantillas) diseñadores.

Dado que la principal base de usuarios de Unbounce son profesionales del marketing que pueden no estar familiarizados con herramientas de diseño robustas, el constructor de páginas de aterrizaje está diseñado para ser fácil de usar, con una interfaz WYSIWYG, de arrastrar y soltar. Dicho esto, los diseñadores expertos también pueden sentirse como en casa; es posible añadir widgets personalizados de JavaScript, CSS y HTML y ajustar los elementos de la página al píxel.

Las páginas de aterrizaje son páginas web independientes que sirven a un objetivo específico y predefinido para los vendedores. Si los vendedores están tratando de vender un producto o servicio, pueden utilizar una página de aterrizaje para educar al usuario antes de dirigirlo a la página de precios. Si están promocionando un nuevo libro electrónico, necesitarán una página de aterrizaje para recopilar información de contacto de sus visitantes antes de entregar el archivo. Para estas dos campañas (¡y para casi todas las campañas!) enviar simplemente a los visitantes a tu página de inicio, en lugar de a una página de aterrizaje dedicada, significaría un fracaso comercial.

En resumen, las páginas de aterrizaje están diseñadas para empujar a los usuarios hacia un objetivo específico centrado en la conversión.

¿Quién utiliza Unbounce?

La mayoría son profesionales del marketing con experiencia. Realizan constantemente campañas de marketing y no pueden/quieren confiar en sus desarrolladores internos para construir una página de destino única para cada campaña. Aproximadamente un tercio de nuestros clientes forman parte del equipo de marketing de una empresa, otro tercio trabaja en una agencia de marketing y el tercio restante son empresarios.

¿Cómo utilizan los vendedores Unbounce?

Si los clientes de Unbounce no tienen las habilidades de diseño para sentirse cómodos construyendo una página desde cero, comenzarán a partir de una plantilla o harán que su diseñador cree una plantilla para ellos. Después de personalizar una plantilla para adaptarla a las necesidades de su campaña, los clientes suelen utilizar la misma plantilla para todas las campañas similares que realizan.

Las pruebas A/B son una característica central de Unbounce. Los usuarios pueden duplicar su página terminada, hacer un cambio en el diseño o la copia de la nueva página, dividir el tráfico entre las dos páginas y utilizar los informes de Unbounce para determinar qué versión convierte mejor. Las pruebas A/B permiten a los clientes mejorar constantemente sus páginas de destino y sus campañas de marketing.

Diseño de páginas de aterrizaje Unbounce

Esta guía te ayudará a diseñar y construir una página de aterrizaje de alta conversión para la plataforma Unbounce.

Animamos a los autores de plantillas a que se registren en la cuenta gratuita de Unbounce y envíen un correo electrónico a templates@unbounce.com para informarles de que están diseñando plantillas para tu reventa. Si envías un correo electrónico a nuestro equipo, te asegurarás de que tu cuenta siga siendo gratuita si superas los 200 visitantes únicos permitidos normalmente en el plan gratuito.

Qué vamos a cubrir

Vamos a repasar rápidamente lo que vamos a cubrir en este tutorial.

• Diseño de páginas de aterrizaje Unbounce
• Parte 1: ¿Qué hay en una página de aterrizaje?
  • Páginas de inicio vs. Páginas de aterrizaje
  • Anatomía de una página de destino
  • Lead Gen vs. Páginas de aterrizaje con clics
• Parte 2: Directrices de diseño
  • Diseño a partir de una cuadrícula de Unbounce
  • Opciones de fuentes
  • Ejemplos de páginas de destino
  • Escala para ajustar el contenedor
  • Desplazamiento Paralelo
  • Superposición de colores y opacidad
  • Elementos a evitar
  • Inspiración
• Parte 3: Cómo construir una página de aterrizaje en Unbounce
• Parte 4: Cómo hacer que tu página de aterrizaje sea sensible a los dispositivos móviles
  • ¿Qué es el responsive móvil?
  • ¿Cómo funciona en Unbounce?
• Parte 5: Enviar tu plantilla a Themeforest
  • Tu lista de comprobación esencial
  • Requisitos de aprobación de Themeforest
  • Descargar una página
  • Empaquetar varios diseños juntos

Parte 1: ¿Qué es una página de aterrizaje?

Páginas de inicio vs. Páginas de aterrizaje

Comparemos la página de inicio de Webtrends (izquierda) con una de sus páginas de aterrizaje (derecha). La página de inicio está muy bien diseñada y permite al visitante realizar una serie de tareas. Hay cinco conceptos presentados en la zona de promoción principal (a través de un banner giratorio), cuatro mensajes complementarios debajo, y un total de veintiocho puntos de interacción.

Sin embargo, las campañas de marketing deben centrarse en un objetivo concreto, que lleve a los usuarios a una única acción. Cuando se diseña una página de aterrizaje para utilizarla en campañas de marketing, hay que tener en cuenta el concepto de ratio de atención. El Ratio de Atención (AR) se define como la relación entre los elementos interactivos (enlaces/fugas) de la página y el número de objetivos de conversión de la campaña (que es uno). En esta página web, la proporción de atención es de 28:1, lo que significa que hay veintisiete acciones de distracción y una acción deseada.

Compara la página de inicio con una de las páginas de aterrizaje de generación de clientes potenciales (derecha). En la página de aterrizaje, solo hay una acción que realizar; se pide a los usuarios que rellenen el formulario y hagan clic en el botón CTA para completar la conversión. Esto produce una experiencia mucho más centrada para los visitantes, manteniendo el ratio de atención en 1:1.

Anatomía de una página de destino

Hay cinco elementos básicos imprescindibles en cualquier página de aterrizaje, que pueden desglosarse en una lista más detallada de bloques de construcción:

1. Tu propuesta única de venta (USP)
   • El titular principal
   • Un titular de apoyo
2. La toma del héroe (imágenes/vídeo que muestran el contexto de uso)
3. Los beneficios de tu oferta
   • Una lista de viñetas que resume los beneficios
   • Ventajas y características en detalle
4. La prueba social ("Voy a tener lo que ella está teniendo")
5. Un único objetivo de conversión: tu llamada a la acción (CTA) (con o sin formulario)

El siguiente diagrama representa una muestra de la disposición. El orden y la ubicación de los 5 elementos vendrán determinados por la historia que quiera contar a tus visitantes, y pueden variar con respecto a este ejemplo. Pero es útil mirar esto como referencia mientras recorremos cada elemento.

Generador de clientes potenciales vs. Páginas de aterrizaje con clics

Existen dos tipos principales de páginas de aterrizaje: de generación de clientes potenciales (lead gen) y de clics.

Páginas de aterrizaje de generación de clientes

Las páginas de generación de clientes potenciales se utilizan para capturar los datos del usuario, como el nombre y la dirección de correo electrónico. El único propósito de la página es recopilar información que permita una mayor comunicación con el cliente potencial en otro momento. Una página de generación de clientes potenciales contendrá un formulario junto con una descripción de lo que el visitante obtendrá a cambio de enviar sus datos personales.

Páginas de aterrizaje con clics

Las páginas de aterrizaje con clics tienen el objetivo de persuadir al visitante para que haga clic en otra página.

Utilizados normalmente en los embudos de comercio electrónico, pueden ofrecer detalles sobre un producto o servicio para "calentar" al visitante y acercarlo a la decisión de compra. Cuando el cliente potencial haga clic en la siguiente página, estará preparado con toda la información que necesita y será mucho más probable que compre.

Parte 2: Directrices de diseño

Diseño a partir de una cuadrícula de Unbounce

En Unbounce utilizamos un sistema de rejilla estándar que utiliza 12 columnas, haciendo un contenedor de 940px. El ejemplo siguiente desglosa las combinaciones de columnas disponibles. Te recomendamos que utilices la cuadrícula de Unbounce para obtener los mejores resultados en el diseño de páginas de aterrizaje.

Opciones de fuentes

Unbounce ofrece un conjunto estándar de tipos de letra dentro de su constructor de páginas de aterrizaje, así como un conjunto de Google Web Fonts. Te recomendamos que utilices los siguientes tipos de letra cuando diseñes para Unbounce.

Google Web Fonts

A continuación hay una lista de Google Web Fonts disponibles en Unbounce, por favor usa/descarga solo las siguientes fuentes de la biblioteca de Google Web Fonts.

• Abril Fatface
• Allan
• Arvo
• Cabin
• Dancing Script
• Droid Sans
• Gravitas One
• Josefin Sans
• Josefin Slab
• Lato
• Lobster
• Merriweather
• Old Standard TT
• Open Sans
• PT Sans
• PT Serif
• Playfair Display
• Quantico
• Ubuntu
• Vollkorn

Standard Fonts

A continuación se muestra una lista de las fuentes estándar disponibles en Unbounce.

• Arial
• Courier New
• Georgia
• Lucida Sans Unicode
• Lucida Sans Unicode
• Times New Roman
• Trebuchet MS
• Verdana

Ejemplos de páginas de destino

Cada página de aterrizaje tiene un objetivo en mente: hacer que los visitantes realicen una llamada a la acción, como completar un formulario o hacer clic en otra página. A continuación encontrarás una selección de los tipos más comunes de páginas de destino.

Se muestran tanto diseños sencillos y minimalistas como ejemplos completos.

NUEVO: Diseño complicado simplificado

Aprovechar las tendencias de diseño web más populares puede ayudar a que su página de aterrizaje se distinga de las demás, pero su implementación puede ser difícil de codificar. Para que los usuarios de Unbounce puedan aprovechar algunas tendencias de diseño recientes y efectivas, hemos incorporado nuevas herramientas en el constructor de Unbounce. Ahora puedes integrar características como el desplazamiento de paralaje en tu página de aterrizaje con el clic de un botón sin tener que depender de código de terceros.

Escala para ajustar el contenedor

Has buscado en Internet la imagen perfecta para tu página. Lo añades a tu sección y es más grande que el contenedor. Hay una solución fácil para esto en Unbounce.

Una vez que hayas añadido la imagen a la sección de tu página, solo tienes que seleccionar Estirar para ajustar la sección de la página. Si deseas que ocupe toda la página, puedesseleccionar Estirar para ajustarse a la página.

Desplazamiento Paralelo

Para crear una imagen fija que permanezca en su sitio mientras los visitantes se desplazan por la página (parallax), solo tienes que seleccionar la casilla "Fondo fijo mientras se desplaza". Un elemento de diseño que puede ser muy impactante en las páginas de aterrizaje, el parallax scrolling suele requerir un código personalizado. Unbounce te permite añadir esta función con el clic de un botón.

Nota: Esta función no se mostrará cuando los visitantes estén en la vista móvil.

Superposición de colores y opacidad

Con la función de superposición de colores, podrás añadir tintes a tus imágenes de fondo para que aparezca en primer plano el color que elijas.

Puedes ajustar la transparencia de tus imágenes seleccionando la función Opacidad. Una superposición de color de 100 impregnará el fondo con el color elegido por completo.

Elementos a evitar

Para garantizar que tu página siga teniendo el aspecto y el funcionamiento previstos después de compartirla, evita utilizar lo siguiente:

• Formularios con diseño horizontal o de varias columnas (los formularios deben estar apilados verticalmente)
• Galerías, carruseles o elementos animados
• Superposiciones personalizadas
• Gradientes con más de dos paradas
• Sombras que no se pueden cortar como parte de una imagen
• Sombras de texto
• Diseñar diseños líquidos que se expandan con el navegador (y asegurar que tu página pueda ser alineada al centro)
• Diseños que no están alineados en el centro de la página.

Inspiración

1. Consulta la biblioteca de plantillas de Unbounce para inspirarte
2. Lee la Guía definitiva del diseño centrado en la conversión o Diseño para la conversión - 8 técnicas de diseño visual para centrar la atención en sus páginas de destino de Oli Gardner.
3. Inscríbete en el curso sobre la página de aterrizaje

Parte 3: Cómo construir una página de aterrizaje en Unbounce

Cómo construir una página de aterrizaje

La traducción de un diseño a una página de aterrizaje en la plataforma Unbounce debe ser ejecutada de una manera perfecta en cuanto a píxeles. En el ejemplo siguiente, la página de aterrizaje está estructurada por secciones y columnas de la página utilizando la cuadrícula estándar de Unbounce. Exporta todos tus activos de imagen en formato .png o .jpg antes de empezar.

Empezar con una página en blanco

A la hora de construir una landing page a partir de un archivo de photoshop, recomendamos partir de una "página en blanco" en la plataforma Unbounce.

Propiedades de la página

Usando tu archivo original de photoshop como guía, establece el ancho de la página en el panel de propiedades de la página. Asigna el color de fondo a la página de destino. Sube una imagen de fondo si es necesario. Establece el color de texto por defecto para que sea el color de texto más utilizado en tu diseño. Asigna el color del enlace para completar las propiedades de tu página.

Secciones de página y estructura de árbol

Ahora es el momento de estructurar la página de aterrizaje. Arrastra y suelta las secciones de la página en tu página. Lo normal es añadir una sección de página para cada parte vertical claramente definida de tu diseño. Por ejemplo, puedes añadir secciones de página para: la cabecera, el área de contenido 1, el área de contenido 2, etc., el pie de página. A continuación, puedes ajustar la altura de cada sección según las medidas de tu archivo de photoshop. Una vez configuradas todas las secciones de la página, abre el menú de la estructura de árbol de la izquierda y nombra cada sección como corresponda. Esto facilitará la modificación y organización de la página de aterrizaje.

Cada nuevo elemento que se cree dentro de la página de destino aparecerá en la estructura de árbol, así que asegúrate de nombrar cada nuevo elemento a medida que se añada, para futuras referencias y fácil modificación.

Antecedentes

Puedes asignar un color de fondo o un degradado a una sección de la página, o puedes subir una imagen para utilizarla como fondo. Las imágenes también pueden ser mosaicos. En el ejemplo siguiente, se ha cargado una textura de fondo para la zona principal y otra para las franjas más oscuras de arriba y abajo.

Imágenes y vídeo

Las imágenes que hayas recortado y exportado desde Photoshop pueden cargarse y añadirse a la página de destino. Arrastra y suelta las imágenes utilizando la herramienta de imágenes de la barra de herramientas de la izquierda, y colócalas en la página de destino de acuerdo con tu diseño de photoshop

Una vez posicionados, recuerda nombrarlos en la estructura de árbol. Para colocar un vídeo en tu página de destino, utiliza la herramienta de vídeo de la barra de herramientas de la izquierda y pega el código de inserción de YouTube/Vimeo en la ventana que aparece. Cambia el tamaño y la posición según el tamaño y la relación de aspecto previstos.

Texto

Arrastra y suelta la herramienta de texto en la página. Coloca cada bloque de texto de acuerdo con tu archivo de photoshop e inserta tu copia utilizando el editor de texto de abajo. Puedes ajustar la copia, la fuente, el tamaño, la altura de la línea y el color para que coincida con el archivo de photoshop.

Cajas

Puedes utilizar las cajas como contenedores de elementos como formularios, imágenes o texto. Modifica el trazo, el color y el radio de las esquinas para obtener el resultado visual deseado, e incluso convierte las cajas en círculos si es necesario.

Formularios

Arrastra y suelta tu elemento de formulario en la página de destino. Aparecerá la ventana superpuesta del constructor de formularios. Elige los campos prefabricados o crea los tuyos propios. Si utilizas el campo de correo electrónico prefabricado, activa la opción "Validar como dirección de correo electrónico". Una vez completado, haz clic para seleccionar el formulario y estilizarlo ajustando el espaciado, las fuentes, los colores, la anchura y la altura en el panel de propiedades de la derecha.

Botones

Estiliza los botones mediante colores, degradados o añadiendo una imagen personalizada. También se pueden establecer estados de prórroga. Edita el texto del botón y modifica la configuración de la fuente para que coincida con tu diseño.

Página de confirmación

Si tienes un formulario en tu página, se activará una página de confirmación cuando se rellene el formulario. Puedes acceder a la ficha de la página de confirmación en la esquina superior izquierda de tu página.

Modifiqca el diseño de la página de confirmación para que coincida con el diseño de tu página de destino. Esto asegurará a los usuarios que han seguido el camino correcto y proporcionará una experiencia fluida desde la llegada hasta la post-conversión

Establece el objetivo de conversión

Toda página de aterrizaje necesita un objetivo de conversión. Puedes establecerlo haciendo clic en la pestaña "Objetivo de conversión" del panel de propiedades. Si tienes un formulario, debe estar configurado como "Envío de formulario".

Diseño final

Una vez que todos los elementos de tu página de aterrizaje están en la página, simplemente arrastra para reposicionar los elementos para que coincidan con tu archivo de photoshop y crear el diseño final. Utiliza el modo de vista previa para hacer una revisión final de tu página de destino.

NUEVO - Parte 4: Cómo hacer que tu página de aterrizaje sea sensible a los dispositivos móviles

¿Qué es la responsividad móvil?

Mobile Responsive en Unbounce te permite servir una versión móvil o de escritorio de tu página automáticamente a los visitantes dependiendo del tamaño de tu navegador sin usar una redirección. Cuando se configura y habilita la función de respuesta móvil en una página, cualquier visitante que utilice un dispositivo móvil verá la vista móvil de su página, mientras que cualquiera que utilice un dispositivo de escritorio recibirá la vista de escritorio.

¿Cómo funciona en Unbounce?

Unbounce establece el "punto de ruptura" para tus páginas Mobile Responsive en 600px. Esto significa que cualquier ventana del navegador con una vista de 600px o menos recibirá la vista móvil de la página. Cualquier navegador con una ventana gráfica superior a 600px verá la versión de escritorio de la página.

Nota: las pantallas retina, como el iPhone, son técnicamente más grandes que 600px debido a su alta resolución, pero la ventana gráfica se comporta como una ventana del navegador más pequeña, por lo que los teléfonos retina mostrarán la versión móvil de la página

Construir tu página de aterrizaje móvil responsiva

Hay algunas cosas que necesitarás para personalizar tu página responsiva móvil y empezar a servirla a tus visitantes móviles:

Vista de escritorio / móvil

Haz clic en los botones de la parte inferior derecha de la ventana del constructor de páginas para alternar entre la vista de escritorio y la vista móvil.

Cambiar el tamaño del texto

Puedes cambiar el tamaño del texto de tu versión de escritorio para adaptarlo a tu versión móvil. Selecciona el cuadro de texto y utiliza la barra de escala situada en la parte superior derecha de la página de propiedades. El propio cuadro de texto también puede cambiar de tamaño por separado en el escritorio y en el móvil.

Nota: Cualquier ajuste de la fuente, el tamaño de la fuente, el formato o la altura de la línea realizado desde el Editor de texto (en lugar de la barra de escala) afectará a ambas vistas.

Formularios y botones

Los formularios y botones serán los mismos en la vista de móvil y de escritorio. Puedes ocultar un botón en una vista y mostrar otro diferente en la otra. Sin embargo, tu formulario debe ser coherente en ambas versiones.

Ocultar / mostrar objetos

Si tienes objetos que deseas ocultar en la vista móvil o de escritorio, haz clic en el objeto y, a continuación, en el icono de visibilidad del panel de propiedades.

También puedes controlar la visibilidad haciendo clic en Contenido de la página en la parte inferior izquierda del Constructor de páginas.

Cuando selecciones objetos dentro del Constructor de Páginas, los verás resaltados en el Panel de Contenido de la Página. Verás un ojo cuando el elemento sea visible o un círculo sólido si no lo es. Haz clic para alternar entre los dos.

Nota: Si optas por ocultar una caja o sección de la página con objetos anidados dentro, todos los elementos anidados se ocultarán.

Desplazamiento de elementos entre secciones de la página y eliminación de elementos anidados

Por defecto, si cualquier elemento se mueve entre las secciones de la página, se moverá en ambas vistas. Para mover elementos fuera de una sección de la página sin cambiar realmente las secciones de la página, mantén pulsada la tecla Comando (mac) o la tecla Control (Windows) mientras arrastras un elemento. Verás un recordatorio de esto cada vez que muevas un elemento de una sección de la página a otra sin mantener pulsado Comando o Control.

Si hay varios elementos anidados en una caja, al mover esos elementos en una vista, también se moverán todos los elementos en la otra vista. También puedes utilizar Comando/Control+clic para desproteger un elemento en una vista y moverlo independientemente de la otra vista.

Sugerencia: recuerda que también puedes hacer shift+clic para mover más de un elemento a la vez

Advertencias de fuera de los límites: Verás una advertencia si alguno de tus objetos está fuera de los límites de tu página de destino. Solo tienes que mover el objeto dentro de los límites de tu página, u ocultarlo, para eliminar la advertencia. También puedes desactivar los avisos de fuera de límites utilizando la casilla de verificación situada en la parte superior derecha del Page Builder.

Mostrar la versión móvil a los visitantes

Cuando hayas terminado de diseñar tu página móvil, ve al panel de propiedades de la derecha y marca la opción Mostrar versión móvil a los visitantes para activar la vista móvil. A continuación, guarda y publica (o vuelve a publicar) tu página.

Parte 5: Enviar tu plantilla a Themeforest

Tu lista de comprobación esencial

• Verificar las propiedades de la página
• Revisar la estructura del árbol
• Revisar las imágenes y el diseño
• Revisar la copia y las fuentes
• Enlaces de prueba
• Formulario y botón de prueba
• Revisar y establecer el objetivo de conversión (si tu página tiene un formulario)
• Revisar las páginas de confirmación de los formularios para ordenadores y móviles (si tu página tiene un formulario)
• Comprueba que la opción "Mostrar respuesta móvil" está marcada (si tu página tiene una versión móvil sensible)
• Publicar página
• Cuando crees tu documento de ayuda para la plantilla, incluye este enlace a las instrucciones de uso. Si has incluido algún Javascript/CSS personalizado en tu plantilla, debes incluir instrucciones detalladas sobre cómo utilizar o actualizar los scripts y la funcionalidad.

Nota: La publicación de tu página le permite proporcionar un enlace de vista previa en vivo en los mercados de plantillas.

Requisitos de aprobación de ThemeForest

Una plantilla de página de aterrizaje debe ser personalizable. El usuario final debe ser capaz de cambiar fácilmente cualquier imagen o fondo fotográfico. Para garantizar que la calidad de tu página de aterrizaje permanezca intacta y que tu página pase la aprobación de ThemeForest, sigue estas directrices:

1. No editar la fuente de un elemento de texto
2. Dejar activadas las guías de página y de sección
3. Los márgenes de las secciones de la página deben utilizarse para crear espacios, no secciones de la página en blanco
4. Los marcadores de posición son imágenes y son fáciles de cambiar
5. Cualquier hoja de estilo o Javascrips personalizados deben comenzar con un comentario que incluya la información de contacto del autor y las instrucciones para el soporte
6. Tu estructura de árbol no puede tener elementos rotos
7. El botón de un formulario debe estar correctamente unido al formulario
8. Si tu plantilla incluye un formulario, el Objetivo de Conversión debe establecerse como "Envío de formulario".
9. Si tu plantilla tiene una versión responsiva para móviles, la opción "Show Mobile Responsive" debe estar marcada

Descargar una página

Una vez que hayas construido una plantilla de página de aterrizaje hermosa y fácil de personalizar, tendrás que descargarla antes de poder compartirla con (o venderla a) el mundo. Para descargar una página, ve a la vista general de la página (la sección que enumera todas las variantes y estadísticas de su página), busca el icono de engranaje/cog en la parte superior derecha y haz clic en "Descargar página".

Aparecerá una ventana de diálogo que le enviará un correo electrónico cuando el archivo esté listo para ser descargado. El archivo tendrá una extensión ".unbounce". Una vez que hayas descargado tu archivo, no dudes en cambiarle el nombre si es necesario, pero deja intacta la extensión ".unbounce".

Empaquetar varios diseños juntos

¿Quieres empaquetar varios diseños de la misma plantilla? Por favor, evita el uso de variantes de página para empaquetar varios diseños juntos.

En su lugar, crea cada diseño como una página independiente y descarga cada diseño por separado. Esto garantizará que tengas un enlace de vista previa funcional para cada diseño y reducirá la confusión del descargador, ya que las variantes se utilizan específicamente para las pruebas A/B.

Conclusión:

Espero que esto te hayas dado una introducción completa a Unbounce y a la autoría de plantillas Unbounce que responden a dispositivos móviles para tu venta en marketplaces como ThemeForest. Sin embargo, hay mucho más que aprender, así que si tienes alguna pregunta, no dudes en preguntar en los comentarios.