Descubre todo lo que puedes lograr con el editor de páginas de destino de Benchmark. Crea páginas de destino impresionantes muy fácil y rápido, solo arrastra y suelta los bloques y listo.
Desde el menú principal haz clic en Páginas de destino y nuevamente en páginas de destino.
Haz clic en el botón Crear una nueva página de destino.
Escribe un nombre para tu nueva página de destino. Este nombre solo será visible para ti. Al terminar haz clic Siguiente.
Para duplicar una página de destino, haz clic en el botón de Más opciones de la página de destino que deseas duplicar. Dale un nuevo nombre a tu página duplicada y haz clic en Guardar.
Al duplicar una página de destino, se copiarán los elementos de diseño de la página, los demás pasos del checklist deberán ser añadidos nuevamente.
En la página a continuación, podrás ver un checklist. Notarás que el botón Publicar se encuentra desactivado, este se activará cuando hayas completado todos los pasos del checklist.
Localiza el paso Información de la página y haz clic en el botón Añade un título y una descripción. Toma en cuenta que un buen título te ayudará a incrementar las visitas en tu página. Una vez completado este paso la marca de verificación se tornará verde.
Ahora, es momento de enfocarse en el diseño de tu página de destino
Dirígete al paso Diseñar y haz clic en Diseñar la página.
NOTA
El editor de páginas de destino es muy parecido a nuestro Editor de arrastrar y soltar de campañas de correo electrónico. Si ya sabes cómo utilizar nuestro editor, entonces te será muy sencillo crear páginas de destino. Si no es así, no hay nada de que preocuparse, ya que nuestro editor es bastante intuitivo y además puedes continuar leyendo para resolver cualquier duda.
Una vez dentro del Editor de páginas de destino, verás tres pestañas. La primera seleccionada por defecto es Diseños. En esta etapa podrás decidir entre crear tu diseño desde cero o bien, elegir uno de los diseños preestablecidos. También puedes elegir una de nuestras plantillas. Sin importar lo que elijas siempre podrás personalizar tu diseño en el editor.
Una vez hayas seleccionado un diseño esta será la pantalla que se mostrará.
Diseños: Al hacer clic en esta pestaña regresarás a las opciones de diseño. Si decides cambiar a otro diseño o plantilla, toma en cuenta que perderás el contenido creado previamente.
Bloques: En esta pestaña encontrarás dos opciones:
Estilos globales: Esta pestaña te permitirá cambiar los colores de fondo de tu página de destino. En esta pestaña encontrarás la opción de agregar una imagen de fondo a toda tu página de aterrizaje. Para aprender cómo añadir una imagen de fondo haz clic aquí. En esta opción también te será posible elegir la tipografía de tu campaña.
Botón Mostrar áreas: Al hacer clic en este botón podrás ver tu diseño dividido por áreas y cada área con sus columnas. En esta opción encontrarás flechas para cambiar la ubicación de la sección, para duplicar la sección o eliminarla y la opción del engrane te permitirá realizar cambios en el fondo de la sección y su contenido.
Botón Mostrar bloques: Esta opción te permitirá ver cuantos bloques tienes en tu diseño. Un área puede tener varios bloques.
Botón Ver versión móvil: Al hacer clic en este botón podrás ver la versión móvil de tu página de destino. En esta opción también tienes la posibilidad de personalizar esta vista. Es posible que los cambios hechos en esta versión, afecten a la versión de escritorio.
Barra de título: La barra de título se encuentra en la esquina derecha y allí podrás ver el nombre de tu página de destino.
Volver a la página de verificación: Esta opción te permitirá volver al checklist.
Área de diseño de la página de destino: En este espacio podrás arrastrar los bloques y ver el diseño de tu página.
Registro de guardado: Benchmark protege tu trabajo guardando cada cierto tiempo un respaldo, aquí podrás observar la última copia guardada.
Vista previa: Revisa cómo se verá tu diseño en un móvil o en computadora, haciendo clic en este botón.
Guardar y Seguir: Haz clic aquí para guardar tu diseño y continuar con la lista de verificación.
Opciones para ocultar bloques
Algunos bloques tendrán la opción de ser ocultados para la versión móvil y para la versión de escritorio. Para hacer uso de esta opción cambia la barra de gris a azul. Cada bloque tiene opciones de configuración distintas, busca las opciones de ocultar en la barra de configuraciones de la izquierda que aparecerá al hacer clic en el bloque.
El diseño de tu página estará dividido en secciones. Una página puede tener múltiples secciones y cada sección puede tener diferentes bloques.
La opción secciones se encuentra debajo de la pestaña bloques. Puedes arrastrar la cantidad de secciones que necesites a tu página de destino.
Las secciones disponibles se encuentran divididas en columnas, hay secciones desde una hasta cuatro columnas.
Para añadir secciones a tu página de destino tan solo tienes que arrastrar el bloque y soltarlo en el lugar deseado, tal y como se muestra en la imagen siguiente:
Para ver las secciones de tu página de destino haz clic en botón Mostrar Áreas.
Al hacer clic en este botón verás las secciones y sus columnas existentes en tu diseño y además, tendrás las opciones siguientes:
Flechas: Estas flechas te ayudarán a mover las secciones de lugar.
Engrane: Al hacer clic en este icono se abre la configuración de la sección en dónde podrás cambiar el color de fondo de una sección específica o añadir una imagen.
Copiar: Copiará la sección completa.
Basura: Este icono borrará la sección completa. Esta acción no es reversible.
Para salir del modo secciones haz clic ahora en el botón ocultar áreas.
Una vez que la imagen esté insertada verás nuevas opciones.
Imagen de fondo
Relleno. La imagen cubrirá el fondo de la sección por completo quedando fija. La imagen se desplazará en el sentido del puntero. A continuación un ejemplo de una página de destino con imágenes como relleno. Para este ejemplo se utilizó una imagen de relleno al principio y al final, para dar un efecto de transición de color se usó una imagen con un fondo gradiente.
Mosaico. La imagen se repetirá continuamente formando un patrón similar a una retícula de mosaicos. La cantidad de repeticiones de la imagen dependerá del tamaño de la pantalla.
Parallax. La imagen llenará el espacio de la sección, sin embargo al deslizar la página hacia arriba o abajo, la imagen obtendrá un movimiento dinámico, que a la vista parecerá que el contenido a continuación cubre la imagen, mientras ésta queda estática.NOTA: El efecto parallax se apreciará cuando la página se deslice hacia arriba o abajo. Además pudieras aprovechar este efecto para darle un toque creativo a tus diseños, como en el ejemplo a continuación:
Posición de la imagen. Estos controles te permitirán cambiar la posición de la imagen. Haz clic en la posición que más se ajuste a tus necesidades.
Opciones de edición
Editar: Esta opción te permitirá entrar a nuestro editor de imágenes, donde podrás cambiar el tamaño de la imagen o incluso añadir efectos.
Reemplazar: Si la imagen no es lo que necesitas, puedes reemplazarla haciendo clic en esta opción y eligiendo una nueva imagen desde la galería.
Reiniciar: Esta opción eliminará la imagen de fondo, dejando el fondo libre para tu elección de color o nueva imagen.
Diseño de contenido
Fondo cuadrado: Esta opción resguardará tu diseño dentro de un marco. Este marco es fijo y puedes agregarle color, tu diseño se mostrará dentro de este margen.
Fondo ancho total. Esta opción permitirá que tu diseño tenga el ancho de la pantalla.
Al terminar no olvides hacer clic en Guardar y cerrar.
Los bloques son los elementos de diseño que podrás insertar a tu página de destino. Para hacer uso de ellos haz clic en la pestaña bloques, donde encontrarás dos opciones: secciones y contenido. Los bloques disponibles están debajo de la pestaña Contenido.
Para añadir un bloque a tu diseño haz clic en él y arrástralo hacia el lugar deseado, tal y como se muestra en la imagen a continuación:
NOTA
A continuación te mostramos los bloques disponibles y sus características:e.
Utiliza este bloque para añadir imágenes que puedes subir en el momento o tomar desde tu galería de imágenes. Para utilizar cualquiera de estos bloques haz clic él y arrástralo hacia tu diseño, una vez allí, suelta el bloque en el lugar deseado.
Un bloque de imagen añadirá una imagen a tu diseño, mientras que un bloque de imagen de tarjeta, añadirá la imagen más texto dentro de un marco.
En el siguiente ejemplo puedes ver a tu izquierda un bloque de imagen y a la derecha un bloque de imagen de tarjeta.
¿Qué bloque debo usar en mi diseño?
Utiliza el bloque de imagen cuando desees añadir una imagen.
Cuando necesites añadir texto o una descripción a tu imagen, entonces utiliza el bloque de imagen de tarjeta, de esta forma al mover el bloque se moverá imagen junto a su descripción.
Para aprender cómo añadir una imagen de tarjeta haz clic aquí, para añadir un bloque de imagen, haz clic aquí.
También podrían interesarte los siguientes contenidos:
Un bloque de texto e imagen te permite básicamente añadir una imagen con texto. La diferencia entre estos bloques y el bloque imagen de tarjeta es que el bloque de imagen con texto no se encuentra sujeto a un contenedor o marco, mientras que el bloque de imagen de tarjeta sí. Esto le permite a los bloques de texto ajustar los márgenes hasta el final del espacio en el bloque. A continuación te mostramos un ejemplo de un bloque de texto a la izquierda y un bloque de imagen de tarjeta a la derecha.
Para aprender cómo añadir uno de los bloques disponibles de imagen y texto, haz clic aquí.
El texto es esencial, y para añadirlo, puedes arrastrar el bloque de texto a tu diseño y soltarlo en el lugar que desees. Una vez colocado el bloque basta con hacer clic en el para eliminar el texto por defecto y añadir el tuyo.
El bloque de texto es totalmente personalizable y además puedes hacer uso de las siguientes opciones:
Revisión Ortográfica
La funcionalidad Revisión Ortográfica de Benchmark comprueba tu contenido para garantizar que la ortografía de tu email es correcta. El idioma de la Revisión Ortográfica será, por defecto, el idioma seleccionado de tu cuenta. Puedes cambiar el idioma o desactivar la funcionalidad Revisión Ortográfica en la barra de menú superior de las Landing Pages.
Para ver el corrector ortográfico en acción, abre cualquier bloque de texto y empieza a escribir. Las palabras mal escritas aparecen subrayadas en rojo. Puedes hacer clic con el botón derecho en la palabra para seleccionar la ortografía correcta o ignorar el aviso. La opción Más abrirá otra lista de palabras disponibles.
IMPORTANTE
El clic derecho no funciona: Algunos sistemas operativos tienen una configuración por defecto para los gestos de clic con el botón derecho del ratón. Comprueba la configuración de tu ratón o trackpad si al hacer clic con el botón derecho no aparecen las sugerencias ortográficas.
NOTA
Al seleccionar la opción Ignorar, se guardará la palabra que has corregido en ese momento. Si cierras el bloque y vuelves a él más tarde, la palabra mal escrita aparecerá como mal escrita.
La funcionalidad Revisión Ortográfica está disponible actualmente en los siguientes idiomas.
Inglés
Español
Alemán
Italiano
Portugués
Francés
Pegado Fácil
Copia y pega tu contenido desde otras fuentes utilizando la funcionalidad Pegado Fácil. La funcionalidad Pegado Fácil hace que copiar y pegar contenido de otras fuentes, como tu página web, Google y documentos de Microsoft, sea rápido y sencillo. Puedes eliminar el formato original o mantenerlo para que coincida con tus otras páginas.
Para utilizar la funcionalidad Pegado Fácil, sigue los pasos que se indican a continuación.
Copia el contenido de una de tus fuentes.
Luego pega el contenido en uno de los bloques de texto de tu email.
En la ventana emergente, selecciona Mantener o Eliminar formato.
Eliminar formato: elimina los estilos en línea y conserva algunos formatos como la negrita, la cursiva, la sangría, las listas numeradas y los enlaces.
Mantener formato: conserva el estilo y la estructura del contenido original. Pegado Fácil sólo conservará el HTML compatible con el formato del email y eliminará los estilos, atributos y etiquetas no válidos y patentados dentro del código del contenido.
Cuando hayas terminado con tu contenido, haz clic en Guardar.
IMPORTANTE
Las fuentes que no son compatibles con el formato del email cambiarán por defecto a la fuente Arial.
La funcionalidad Pegado Fácil no admite imágenes.
Si necesitas dar más estilo al texto puedes editarlo al abrir el bloque de texto o desde la opción </> “Código de Fuente” desde la opción “Más”.
Copiar y Pegar
Si ya tienes un texto listo, puedes usar la opción Pegar . Esta opción removerá cualquier código o formato escondido en el texto, y permitirá que obtengas un diseño nítido.
Código de fuente
Para añadir código deberás usar el bloque texto, una vez allí, haz clic en el icono código de fuente y pega el código.
Si estas opciones no están simple vista, haz clic en la opción Más en tu barra de herramientas.
Los videos son herramientas visuales muy efectivas, ya que le permiten al usuario ver el producto y sus características y esto se traduce en compras exitosas. No dejes de utilizar esta increíble herramienta en tus páginas de destino.
Si deseas aprender cómo subir un video a tu página de destino, o a tu galería de videos, haz clic aquí.
Utiliza este bloque para crear espacios entre los elementos de diseño, esto hará que tu página de destino luzca profesional y que cada elemento sea visto con claridad. Para añadir este bloque solo tienes que arrastrar y soltar en el lugar deseado. Si deseas saber más sobre este bloque haz clic aquí.
El CTA (Call to action por sus siglas en inglés) o llamada a la acción, es la parte crucial de tu diseño, ya que es allí dónde podrás medir la interacción de los usuarios. Para añadir este botón haz clic en el bloque y arrástralo hacia la posición deseada. En el panel de la izquierda verás las opciones para personalizar el botón. Sigue leyendo para conocer las opciones de la pestaña Contenido del botón.
En esta casilla deberás añadir el texto que se mostrará en el botón. Procura que sea algo que capte la atención del lector y que logre el objetivo: hacer clic.
Antes de comenzar, selecciona el tipo de URL y después añade la URL a la cual se dirigirá el usuario al hacer clic. Esta URL puede ser externa o bien puede dirigirse a una parte de la página de destino, por ejemplo, si hace clic en SUSCRIBIRSE, puede enviar a el usuario al formulario de registro contenido dentro de la misma página. Puedes añadir opciones alternativas, por ejemplo anclas, números de teléfono y correos. Para añadir estas opciones:
Puedes añadir una opción alterna haciendo clic en la opción enlace en la barra de herramientas. Después en el recuadro emergente, selecciona una opción del menú desplegable.
O, directamente seleccionando el tipo de enlace en las opciones de configuración del botón. Nota: Si eliges usar un ancla deberás añadirla antes.
Barra de herramientas del botón: Esta barra se encuentra en la parte superior del editor y allí podrás personalizar el texto y añadir enlaces alternativos.
La opción Aplicar estilo a todos los botones, te puede ser útil si añadirás a tu página varios botones y deseas que todos tengan las mismas características.
Añadir bloques de redes sociales a tu página de destino es esencial. Nuestro editor tiene bloques de redes sociales con propósitos diferentes. Para usar cualquier de ellos, solo tienes que arrastrar y soltar el bloque en tu diseño.
El bloque de redes sociales te permite añadir los iconos de tus redes sociales, este bloque contiene los iconos de más de 20 diferentes redes, incluyendo, Facebook, Twitter, Whatsapp, Linkedin, YouTube, Pinterest, RSS, Vimeo, TripAdvisor, entre otros.
El bloque de compartir en redes sociales te permite añadir: Facebook, Twitter, Linkedin, Myspace, e instapaper. Este bloque le permite a los lectores compartir la página de destino en cualquiera de las redes mencionadas.
¿Cuál debo usar?
Según tu estrategia, si lo que quieres es enviar a tus lectores a tus redes sociales, utiliza el botón de redes sociales, de esta forma los usuarios harán clic en la red social de su preferencia donde podrán compartir tu contenido o dar una reacción.
Ahora, si lo que deseas es que tus usuarios compartan la página de destino, entonces, añade el botón de Compartir en redes sociales.
Sigue estas instrucciones para añadir cualquiera de los dos bloques:
Arrastra a tu diseño el bloque deseado o haz clic en él si ya existe en tu diseño.
En el panel de la izquierda haz clic en la pestaña Contenido.
Selecciona un servicio del menú desplegable y haz clic en el icono de más a un costado de este menú.
Ve a tu diseño y haz clic en el icono agregado recientemente, verás que aparecerán nuevas opciones de configuración.
Añade el texto del botón, puedes también cambiar el color y el radio del borde. Y si así lo deseas copiar el mismo radio a los demás botones del bloque.
Si deseas mover o eliminar el icono, ubica el puntero de ratón en él y elige la opción deseada.
La barra de navegación es una barra con múltiples enlaces que le permitirá a tus usuarios ir directamente al enlace que les concierne en vez de explorar la página completamente.
Haz clic en Agregar enlace para agregar opciones a tu barra. Puedes añadir hasta 6 enlaces por barra, estos enlaces pueden ser imágenes como logotipos y texto.
Existen tres disposiciones de los enlaces, explora cada una de ellas para revisar cual le conviene a tu diseño.
Utiliza las opciones de alineación vertical y horizontal para ubicar la barra. El tamaño del canal determina el espacio entre cada enlace.
El estilo para móvil te permite manipular la forma en la cual los usuarios de dispositivos móviles verán la disposición de los elementos de la barra.
Usualmente las páginas de destino tienen la finalidad de colectar suscriptores. Entre más suscriptores tengas, la información de tus campañas llegará más lejos.
NOTA
Sigue las instrucciones a continuación para añadir un formulario de registro a tu página de destino. Deberás usar un formulario integrado el cual ya deberá haber sido creado. Para crear un formulario integrado haz clic aquí.
Arrastra el bloque formulario de registro a la posición deseada.
Dirígete al panel de la izquierda y selecciona un formulario existente. Solo se permite insertar formularios integrados.
Tu formulario será mostrado en tu diseño. Dentro del editor de páginas de destino puedes personalizar el tamaño del formulario. Para más opciones de diseño deberás ir a la opción Abrir el editor del formulario. El formulario se abrirá en nueva ventana, al terminar los cambios recuerda guardar.
Un par de segundos después los cambios se reflejarán automáticamente en el formulario dentro de tu página de destino. Si no visualizas los cambios, elimina el formulario y agrégalo nuevamente (para eliminar sitúa el puntero en el formulario y haz clic en el icono de eliminar).
Nota: Puedes cambiar el formulario de registro cuando quieras seleccionando uno distinto desde el menú desplegable formulario integrado.
El bloque de ecommerce puede usarse para promover y vender productos en tus landing pages.
El bloque de ecommerce incluye espacios para incluir lo siguiente:
Imagen del producto
Descripción del producto
Precio del producto
Botón de acción
Para usar este bloque simplemente arrástralo y suéltalo en el lugar de tu preferencia dentro del layout de tu página de aterrizaje.
Personaliza el bloque de ecommerce con los pasos a continuación:
Comienza añadiendo la imagen del producto.
Escribe una descripción breve y al punto.
Añade el precio del producto.
Después, personaliza el botón de acción de esta forma:
Agrega el texto del botón
Añade la URL a donde será redirigido el usuario al hacer clic en el botón para completar la compra.
Para finalizar, cambia el color y forma del botón de acuerdo a los elementos de diseño de tus boletines. Para evitar el trabajo repetitivo, puedes aplicar el mismo diseño a todos los botones. Para aprender más sobre la personalización de éste bloque haz clic aquí.
Puedes omitir cualquiera de los elementos del bloque de ecommerce inhabilitando desde la pestaña contenido.
Al terminar, haz clic en guardar y luego en guardary siguiente o bien, haz clic en alguna parte fuera del bloque.
A continuación te mostramos algunas ideas para utilizar el bloque de ecommerce.
Para usar este bloque como cualquier otro, arrástralo y suéltalo en la sección deseada.
El bloque de Shopify está disponible en todas las cuentas de Benchmark, sin embargo, para que funcione, necesitarás una cuenta de pago activa de Shopify. Al usar este bloque por primera vez deberás integrar antes ambas cuentas. Haz clic aquí para integrar Shopify y Benchmark.
Una vez que hayas integrado ambas cuentas exitosamente, verás la lista de los productos disponibles de Shopify.
Selecciona uno de los productos de tu lista. La información del producto en tu cuenta de Shopify automáticamente se añadirá en el bloque de Benchmark.
El bloque de producto de Shopify incluye la siguiente información:
Imagen del producto
La imagen del producto es la misma imagen contenida en el producto de tu tienda de Shopify. Esta imagen no se aloja en tu galería de imágenes de Benchmark, a menos que realices modificaciones a la imagen en nuestro editor, entonces, se guardará la imagen editada como una nueva imagen. Estos cambios no afectarán a la imagen del producto en tu cuenta de Shopify.
Descripción del producto
La descripción del producto será la misma que ya tiene tu producto en tu cuenta de Shopify. Puedes modificar esta descripción en el bloque, esto no afectará la descripción del producto en Shopify.
Precio del producto
El precio del producto es el asignado desde tu tienda en Shopify. Aunque podrías cambiar el monto en el bloque de Benchmark, este cambio no se reflejará en el producto de Shopify.
Botón de acción
En el botón de acción automáticamente se colocará la URL que llevará al producto en la tienda de Shopify. Este botón es totalmente personalizable. La URL del producto puede establecerse como objetivo.
Importante
Si la cuenta de Shopify que estás usando no es la cuenta administradora, deberás contar con los permisos sobre los productos. Haz clic aquí para conocer más sobre usuarios y permisos de Shopify.
Puedes conectar a la vez una sola tienda de Shopify. Utiliza la opción cambiar tienda para cambiar la lista de productos. Esta acción removerá los productos anteriores.
Los detalles de los productos en el bloque son obtenidos de Shopify. Sin embargo, los cambios realizados en el bloque de Benchmark no afectarán a los detalles del producto en Shopify.
Si los detalles de un producto ya colocado en Benchmark se modifican en Shopify, los cambios no se reflejarán automáticamente, deberá insertarse de nuevo el bloque para ver los cambios
Los productos archivados en la tienda de Shopify no estarán disponibles en la lista de productos de Benchmark.
Duplicar un bloque te permitirá mantener las ediciones del bloque duplicado, ahora bien, si cambias el producto, el formato duplicado será removido, dejando el bloque en su formato original.
Estos son algunos ejemplos de lo que es posible hacer con el bloque de Shopify.
Ahorra horas de diseño, guardando tus bloques personalizados para usarlos en otros diseños. Añade un bloque guardado y modificalo en tu nuevo diseño, no le pasará nada al bloque guardado orginalmente.
Para guardar un bloque, pasa el puntero sobre el bloque y haz clic en la opción guardar bloque. Dale un nombre y haz clic guardar y cerrar.
Para usar un bloque guardado
Arrastra y suelta el bloque en en tu diseño.
Edita el bloque agregado y continúa con tu diseño.
Eliminar bloques guardados
Arrastra el bloque a tu diseño. Verás una lista con los bloques guardados previamente en el panel de la izquierda.
Haz clic en el icono de basura y confirma tu decisión seleccionando la opción borrar.
Los bloques eliminados de la sección Mis bloques, no se eliminarán automáticamente de tus diseños.
Impresiona a tus lectores animando los bloques de tu página de destino, selecciona diversas animaciones y configura su duración y demora.
Para agregar animación a tus bloques haz lo siguiente:
Dirígete al diseño de tu página de destino.
Inserta un bloque en tu diseño y después haz clic en él o bien elige un bloque ya existente en tu diseño.
Una vez hayas seleccionado el bloque verás las opciones de configuración a tu izquierda, ahora, selecciona la casilla Bloque animado
Selecciona el tipo de animación y configura los demás campos.
Al hacer clic en el menú desplegable Tipo de animación podrás elegir la animación que más se adapte a tu estrategia, además puedes añadir la duración de la animación, la demora y la compensación.
Páginas de destino 
NOTA
NOTA: El efecto parallax se apreciará cuando la página se deslice hacia arriba o abajo. Además pudieras aprovechar este efecto para darle un toque creativo a tus diseños, como en el ejemplo a continuación:
IMPORTANTE 
. Esta opción removerá cualquier código o formato escondido en el texto, y permitirá que obtengas un diseño nítido.
y pega el código.
