Share
Pagewiz fue diseñado para permitir a los profesionales de marketing, propietarios de negocios y afiliados lanzar campañas desde la página de inicio desde cero, en cuestión de minutos, y optimizarlas fácilmente hacia una alta tasa de conversión. Este tutorial lo guiará a través del diseño de páginas de destino con Pagewiz, y finalmente lo ayudará a empaquetar y vender sus plantillas de Pagewiz en Envato Market.
Cuando vaya a crear plantillas de páginas de destino, debe asegurarse de que cumplan con los conocimientos empíricos de marketing en línea, reunidos a través de miles de campañas de páginas de destino exitosas y / o fallidas..
Si realmente desea participar en este carro de marketing en línea, y está aspirando a poder diseñar plantillas de página de destino orientadas a la conversión, debe leer en:
Hay cinco elementos básicos que deben establecerse en cada página de destino:
(1 - 2) Los dos elementos más destacados en su página deben ser el título + sub Titular y su CTA. El primero recibe a sus visitantes en la puerta y el segundo les da a ellos (y a la campaña) la recompensa..
"Encima de la tapa" - en una página en línea hay todo lo que se puede ver sin tener que desplazarse hacia abajo. En esta área, su visitante debe ver su título + subtítulo; esta es la copia que los atrae con una promesa y ofrece el beneficio clave de su oferta.
Si su oferta no es compleja y / o el lector típico ya está muy familiarizado con su oferta, es probable que sea útil colocar su primer botón / formulario de CTA cerca del encabezado + subtítulo encima del pliegue. En otras palabras, todo lo que un visitante motivado necesita para validar su decisión de llegar a su página de destino es, en primer lugar, el frente y el centro. No necesitan buscar alrededor para tomar más medidas. Ellos vinieron. Ellos vieron. Hicieron clic.
Reduce la fricción, hazlo fácil para ellos..
¿Con qué facilidad pueden los visitantes de su página de destino encontrar su botón de llamada a la acción (CTA)? Si su respuesta no fue "¡¿Cómo pueden extrañarla ?!”, entonces es posible que tenga algo de trabajo que hacer..
los color El botón CTA debe distinguirse del resto de la combinación de colores de la página. Por lo tanto, un botón naranja de CTA puede funcionar bien en una página compuesta de tonos de azul, pero menos en una página donde el rojo es dominante. Mira la pantalla donde has colocado un botón de CTA. ¿Qué es lo primero que atrae a tus ojos? Si no es el botón de tu CTA, cambiar el color puede ser un buen ajuste para hacer en la variante que proporcionas con tu paquete de plantillas.
(3 - 5) La forma en que elija la disposición de la lista de características y beneficios de su página de destino, sus creadores de credibilidad y su resumen final es totalmente suya. Tendrá que encontrar una manera de combinarlos con su diseño, mientras que tenga mucho cuidado de no desvanecer sus dos elementos más destacados. Recuerda esos dos de unas pocas oraciones atrás.?
Naturalmente, las personas que compren su plantilla necesitarán tener espacio para copiar para elaborar las características de su oferta. También necesitarán poder colocar alguna prueba social como:
Si su plantilla se vuelve demasiado llena, recuerde: el desorden de diseño de la página de destino es confuso y no le da a sus visitantes ningún lugar en el que concentrarse. El espacio en blanco es su amigo y lo ayudará a hacer su plantilla más clara y más orientada a la conversión..
Sin navegación!
El propósito de crear una página de destino se opone a la inclusión de una barra de navegación.
Recuerda: no estás diseñando un sitio web..
El único propósito en el que debe enfocarse su página de destino es convirtiendo a sus visitantes.
Si les ofrece opciones para pasear, su objetivo principal se ve obstaculizado. Cuando el embudo de conversión tiene múltiples opciones, es menos probable que un cliente potencial actúe sobre lo que el director de la campaña le dirige. Esta es la lógica simple detrás de por qué no debe colocar un menú de navegación en el diseño de su página de destino.
Una vez que haya creado su cuenta de Pagewiz y desee comenzar a exportar el diseño de su plantilla a Pagewiz, inicie sesión en su cuenta y haga clic en el icono rojo grande. + Crear nueva página de destino botón en la parte superior derecha:
Luego se le pedirá que elija el tipo de campaña de la página de destino: Escritorio o Móvil.
El tipo de campaña que seleccione influirá en el ancho de la página de su plantilla: las plantillas de la página de destino del escritorio generalmente tienen un ancho de 960px en Pagewiz, mientras que las plantillas móviles tienen un ancho recomendado de 320px (aunque siempre puede cambiarlo más adelante).
Es importante que inicie el diseño de su plantilla personalizada eligiendo la plantilla en blanco para tener el inicio más fácil y sin tener que eliminar nada antes de comenzar:
Ahora es el momento de usar las secciones para dividir sabiamente la plantilla de la página de destino, por lo que es más fácil de controlar y personalizar:
Una vez que tengo una nueva sección en su lugar, puedo establecer una textura, color de fondo o imagen como fondo. Usaré una de las muchas texturas disponibles dentro de Pagewiz:
Luego hago clic en el Expandir botón para que se extienda hasta el ancho completo de la pantalla (más allá del ancho de mi página, que es 960px):
También podría establecer una imagen como fondo para esa sección si quisiera, seleccionando la sección en la que me gustaría aplicar una imagen de fondo y haciendo clic en Textura> Usar una imagen como textura.
Cuando agrega un elemento a su página, se posiciona absolutamente, donde quiera que elija colocarlo. Pagewiz no le preguntará si desea colocar un elemento encima de otro o si desea colocarlo de forma no alineada. Simplemente lo colocará.
Habiendo dicho eso, Pagewiz tiene algunas herramientas avanzadas de ayuda de posicionamiento para asegurarse de que todo esté posicionado correctamente, tal como le gusta:
Las coordenadas de posicionamiento están disponibles para que personalices muchas cosas. Cada elemento que coloque en su página tiene valores Superior (y) e Izquierda (x), que puede personalizar desde el menú superior, de acuerdo con las medidas en su archivo de Photoshop / Illustrator.
De esta manera sus diseños se mantienen precisos al píxel..
Otra excelente manera de asegurarse de que los elementos que posiciona en su página están alineados con precisión entre sí es usar las herramientas de alineación integradas de Pagewiz. Estas herramientas se muestran cuando realiza una selección múltiple de elementos presionando Ctrl + Al hacer clic en ellos. Una vez que haya seleccionado más de un elemento, puede usar las herramientas de alineación para alinear los bordes o centros de los elementos seleccionados.
Ver video:
Puede agregar un elemento de formulario a la plantilla de la página de destino para convertirla en una página de inicio de generación de leads, arrastrando un Formar Elemento de la barra de herramientas a la izquierda:
Personaliza tus campos de formulario y configuraciones como quieras:
¿Está diseñando una plantilla de página de destino de clic? Entonces no debería tener un formulario, sino simplemente un botón de CTA para hacer clic. Para ello, arrastre un elemento de botón en el diseño de la página de destino y personalícelo a su gusto..
Para sus encabezados por favor use el Titular y para el texto de sus párrafos, utilice el elemento de texto enriquecido, ambos están en la barra de herramientas del lado izquierdo, listos para que los arrastre a su diseño.
Toda la biblioteca de fuentes de Google está a su disposición cuando elija el tipo de fuente que desea utilizar en sus plantillas:
El creador de la página de destino de Pagewiz tiene una gran Avance botón para permitirle comprobar constantemente cómo se ve el diseño de su plantilla. Es importante echar un vistazo a la vista previa antes de publicar realmente su plantilla porque puede encontrar que diferentes navegadores representen su página de manera diferente, y probablemente querrá hacerse cargo de cualquier imprecisión que pueda haber ocurrido..
Importante: no deje su plantilla sin una versión de página de destino móvil. Los compradores de la plantilla de la página de destino lo esperan, y es muy posible que se abstengan de comprar su diseño (por muy atractivo que sea), solo porque usted no incluyó la versión móvil..
Se ha demostrado una y otra vez que muchos clientes potenciales que llegan a una página de destino rebotarán o simplemente no se convertirán si no se muestra correctamente en su dispositivo móvil.
Si eso no te convence de la importancia de diseñar una página de destino para dispositivos móviles, aún no estás pensando como un comercializador en línea ...
Hay dos maneras de hacer esto:
# 1 Crea otra página de destino en blanco y elige la Base de la plantilla de página de destino móvil para una plantilla optimizada para todos los tipos de navegadores de dispositivos móviles.
Esto te permitirá diseñar la versión móvil desde cero. Luego puede agrupar esa página de destino optimizada para dispositivos móviles junto con la página de destino normal (960px de ancho) que ha creado..
# 2 La otra forma (más rápida) es duplicar la página que ha creado para los navegadores de escritorio.
Cuando haya duplicado su diseño, puede establecer un nuevo ancho (móvil). El ancho recomendado para páginas móviles es de 320 píxeles..
Una vez que haya establecido el nuevo ancho de la página en 320px, deberá asegurarse de que no quede ningún elemento fuera de los límites de ancho de 320 píxeles arrastrándolos hacia dentro y modificando su tamaño de acuerdo con los requisitos del diseño:
Los esfuerzos hacia una gran campaña no terminan el día del lanzamiento. Una vez que la campaña se está ejecutando, se pueden realizar pruebas A / B ilimitadas en Pagewiz para maximizar la conversión, y puede aumentar la satisfacción de los compradores de la plantilla proporcionándoles diferentes versiones de la plantilla de la página de destino, o en otras palabras: variantes para probar.
Puede agrupar varias páginas diferentes y, por lo tanto, proporcionar a sus compradores diferentes colores o diferentes tipos de formas de conversión en su plantilla, es decir, una página de acceso directo y una página de generación de prospectos (que incluye un formulario). Tal vez incluya otra versión que centre la atención en un video.?
Cuando agrupa la plantilla de su página de destino con algunas variantes bien pensadas para que los compradores de su comercializador las utilicen en su campaña, su reputación como diseñador de plantillas orientadas a la conversión debería extenderse, y es probable que los profesionales de marketing quieran hacer negocios con usted más a menudo.!
Las imágenes de héroe de ancho completo se han vuelto muy comunes y se usan a menudo en las páginas de destino. Pueden ayudar al diseño a comunicar un cierto sentimiento mientras visitan la página..
Para crear una imagen de fondo de héroe de ancho completo, necesita tener una imagen amplia y de alta calidad, que le recomendamos que optimice para la web, antes de subirla a los servidores de Pagewiz.
Para usarlo realmente en su diseño, primero cree una nueva sección arrastrando el elemento de sección desde el menú de elementos del lado izquierdo:
Para configurar la imagen de fondo de la sección:
A continuación, puede controlar la posición de la imagen de fondo, lo que puede hacer desde la parte inferior de la imagen de fondo. Textura menú:
Una última cosa que deberá hacer es expandir la sección a todo el ancho haciendo clic en el botón Expandir botón:
Tu sección ahora tiene una imagen de fondo de ancho completo..
Sobre las coordenadas de posicionamiento X e Y de los elementos, el creador de la página de aterrizaje de Pagewiz también le proporciona Reglas y Guías, para que pueda crear una cuadrícula (como en Photoshop, o cualquier otro software orientado al diseño) en el que puede verter su diseño.
Haga clic en el Gobernantes Icono dentro del generador de la página de destino para activar las reglas:
Arrastre tantas guías de reglas como necesite (desde el lado derecho / izquierdo) para crear su cuadrícula:
Para aumentar sus ventas en Envato Market, le recomendamos que cree una plantilla con más de una versión incluida en el paquete:
Cada versión debe exportarse por separado y archivarse como un archivo .zip. Pagewiz le permite exportar su página de destino al mercado de ThemeForest. Para poder utilizar la funcionalidad de exportación, deberá tener una cuenta de Autor de Envato en Pagewiz. Puedes solicitar una registrándote en esta página de registro..
Para exportar una página de destino, primero navegue a páginas de destino, luego haga clic en el ajustes Enlace bajo el nombre de la página que desea exportar:
Haga clic en el Exportar botón.
Un archivo de Pagewiz será descargado a su computadora.
Es de esperar que este tutorial le haya proporcionado la información necesaria sobre los objetivos principales de las campañas de la página de destino y una introducción a la forma en que Pagewiz los crea. Ahora también sabe cómo empaquetar sus paquetes de plantillas de Pagewiz a la venta en ThemeForest.
Accentsconagua