Landing page

Una landing page, en castellano se traduce como página de aterrizaje, no es mas que una página creada para objetivo muy concreto, dicho objetivo es conseguir que el usuario que visita dicha pagina web lleve a cabo una acción: rellenar un formulario, hacer una compra, descargar un lead magnet, suscribirse a una newsletter, escribir una reseña, etc.

Los usuarios suelen llegar a las landings pages desde muy diversos canales, los mas habituales son las campañas publicitarias, pero también se suelen conseguir visitantes a la landings por medio de campañas de email marketing, desde los perfiles de redes sociales, enlaces ubicados en nuestra web/blog, etc.

Para que el visitante de la landing page lleve a cabo la acción para la que fue diseñada, es necesario que tanto el copywriting de la misma, como el diseño y la CTA (llamada a acción) trabajen al unísono, creando una propuesta de valor atractiva que incite, al visitante, a llevar a cabo la acción que deseamos.

1. Diferencia entre landing page y página web

Una landing page no es una página web tradicional, si bien ambas son un tipo de página web, lo que les diferencia es básicamente el propósito para el que han sido creadas y los elementos que ofrecen.

Las páginas web cuentan, generalmente, con un gran número de elementos, así con información detallada de la empresa, sus servicios y productos, formas de contacto, secciones variadas donde detallar información, permiten realizar compras, consultar la sección de preguntas frecuentes, etc.

Por su parte, una landing es una página muy vertical, donde todos los elementos han sido estructurados con una sola misión: hacer que el visitante realice una acción específica de nuestro interés.

Así, una landing page o página de aterrizaje, debe de tener una descripción y beneficio de algún producto o servicio, elementos para captar el interés y una llamada a la acción (CTA) para que el usuario lleve a cabo la acción que deseamos.

Colocar más elementos siempre es posible, pero no recomendable. Por ejemplo: colocar botones de acceso a redes sociales es un error muy común, hace que el visitante pierda el foco sí pulsa en ellos y no convierta.

2. Elementos de una landing page

Para crear una landing page sea eficiente, ha de contar con una serie de elementos básicos. La estructura que, al menos, ha de tener una landing page son:

• Títulos llamativos. Debe de tener títulos claros y lo mas sencillos posible, donde el visitante tenga muy claro que va a recibir si realiza el objetivo que deseamos.
• Imágenes y/o vídeos. La landing page ha de contar con imágenes y/o vídeos, relacionados con la propuesta y sirvan para implicar emocionalmente al visitante.
• Formulario. Un formulario es prácticamente indispensable en una landing page, para así conseguir los datos del usuario y poder establecer un contacto posterior. El formulario ha solicitar el menor número de información posible, para hacer muy sencillo de completar.
• Call to action (CTA). Han de contar con un botón de llamada a la acción (call to action), siendo este botón el responsable de que el usuario envíe los datos del formulario y conseguir la información de los leads.

3. Beneficios de una landing page

El uso de una landing page reporta sustanciales mejoras en nuestra estrategia de marketing digital, dado que nos permite atraer a potenciales clientes a nuestro negocio y obtener sus datos para posteriores contactos comerciales.

Entre los beneficios que ofrece se encuentran:

• Ayuda a trabajar el posicionamiento SEO.
• Consigue una elevada tasa de conversión.
• Hace que los resultados obtenidos sean muy sencillo de analizar.
• Mejora la experiencia de compra y conversión de los clientes.
• Permite que su diseño sea muy específico y distinto a nuestro sitio web.
• Pone el foco en un público objetivo muy concreto.
• Potencia el conocimiento de un servicio ó producto.
• Son un método muy barato y sencillo de obtener conversiones.

4. Usos de landing page

El objetivo final de una landing pages es generar una conversión, que el visitante haga la acción que deseamos que lleve a cabo.

Si bien, existen diferentes tipos usos/acciones para los que llevamos a los usuarios una landing, algunos de esos propósitos son:

• Captar leads para un webinar.
• Conseguir contactos mediante un formulario (para realizar campañas de envios masivos).
• Generar descargas de una app (mejorar su ASO).
• Incentivar el uso gratuito un servicio web.
• Mostrar la cuenta atrás de un lanzamiento (creando sensación de expectación y urgencia).
• Realizar una promoción puntual de producto o servicio.

5. ¿Cómo añadir un formulario de suscripción a una landing page con Mailrelay?

Aclaración importante: En este post damos por sentado que ya hemos creado nuestro formulario de suscripción en Mailrelay y disponemos del código HTML del mismo. Nos centraremos, por tanto, en explicar cómo integrar adecuadamente este código en la landing page. Si aún no tienes el formulario creado ni dispones del código HTML, te aconsejamos pasarte primero por este otro post y seguir los pasos que ahí se indican: Mailrelay V3 formularios de suscripción.

Opción 1: Usando Elementor

Ya hemos hablado de Elementor en alguna otra ocasión. Se trata de un potente maquetador visual que está disponible en WordPress, tanto en versión gratuita como de pago. Es una opción ideal para crear y maquetar páginas de aterrizaje de manera rápida y sencilla.

Si tu página web está construida en WordPress, es muy aconsejable utilizar este plugin para montar tu página de aterrizaje, ya que será fácil y sencillo. Tanto si lo usas normalmente como si todavía no lo conoces, puedes descargarlo gratuitamente del repositorio de WordPress y emplearlo para crear tu landing page. ¿Empezamos?

Una vez dentro del panel de administración de nuestra página de WordPress, debemos ir al apartado “páginas” y hacer clic en añadir una nueva.

Esta nueva página será la que utilicemos para ubicar todo el contenido de nuestra landing page. En este caso, antes de empezar a maquetar el contenido, es aconsejable hacer algunos ajustes previos como darle un nombre a la sección, escoger el template, etc.

En muchas ocasiones, vemos páginas de aterrizaje que no tienen un menú superior. Esto se suele emplear cuando queremos que el visitante se centre solamente en el contenido de la página de destino y no se nos “escape” haciendo clic en cualquier otro enlace del menú. Esta medida puede ser especialmente útil en páginas de aterrizaje de anuncios online, por ejemplo.

Si quieres implementar esta medida y quitar el menú de navegación en tu landing page, deberás buscar, en la columna de la derecha, los atributos de página. Una vez los hayas localizado, en el apartado plantilla, selecciona la opción “Elementor canvas” y guarda los cambios.

Una vez hecho esto, abre el constructor Elementor haciendo clic en “Editar con Elementor” y empieza a construir tu página de aterrizaje, siguiendo la estructura que desees.

Cuando hayas terminado de montar tu página, tendremos que implementar el formulario de suscripción. En este caso, vamos a tomar el código HTML de nuestro formulario de Mailrelay y lo insertaremos en la página.

Para hacerlo, deberemos buscar el módulo “código” y ubicarlo en la columna o sección que deseemos. Una vez colocado, nos pedirán que insertemos el código que tengamos. En este caso, pegaremos el código HTML de nuestro formulario Mailrelay para integrarlo en la página.

Una vez insertado, el resultado sería algo parecido a esto (ver foto inferior). Es importante tener en cuenta que la estructura y diseño de la página variará en función de los módulos y elementos que hayas incluido.

Llegados a este punto, me gustaría resaltar que el formulario cogerá la apariencia y los estilos que vengan marcados en tu plantilla o tema. Para hacer cambios o modificaciones de estilo, será necesario editar el HTML o utilizar plugins específicos que permitan personalizar nuestros formularios de suscripción.

Opción 2: Usando Divi

Divi es hoy en día una de las plantillas más utilizadas para la creación de sitios web en WordPress. Ello se debe, principalmente, al hecho de que cuenta con un potente constructor visual por módulos, que permite crear páginas vistosas y llamativas fácilmente.

Actualmente, Divi es una herramienta Premium (de pago) y está disponible como plantilla y como constructor visual para WordPress. Si tu web está montada con esta plantilla o tienes instalado el plugin Divi Builder, quédate. Te enseñamos, paso a paso, cómo añadir un formulario de suscripción a una landing page usando Divi.  ¿Empezamos?

Los pasos a dar son bastante similares a los utilizados con el maquetador Elementor, por lo que el proceso que seguiremos será bastante similar al anterior.

En primer lugar, nos dirigiremos al apartado páginas y haremos clic en “añadir nueva”.

Una vez dentro de la nueva página, empezaremos a editar los ajustes principales. Si, como en el caso anterior, quieres suprimir la barra superior del menú en tu landing page para darle mayor efectividad, deberás buscar en la columna de la derecha al apartado “plantilla” o “template” y hacer clic sobre “Blank page”.

Con esto estaremos diciéndole a WordPress que no queremos que en esa sección concreta de la web se muestre ningún menú superior. Interesante, ¿verdad?

Una vez le has dado el nombre a la página y has establecido la configuración de la plantilla, no olvides guardar los cambios para que no se borren.

A continuación, empezaremos a construir nuestra landing page con el maquetador de Divi. Para ello, haremos clic sobre “Usar Divi builder” o “Use Divi builder” y esperamos a que se cargue la página. Divi, por defecto, nos da varias opciones entre las que escoger: Usar una plantilla predeterminada y adaptarla o crear una desde cero. En este caso, puedes escoger aquella que desees.

Una vez hayas maquetado tu página de aterrizaje, llega el momento de insertar tu formulario de suscripción de Mailrelay. En este caso, deberemos buscar el módulo “Código” en la barra derecha de Divi y ubicarlo en la columna o apartado que deseemos.

Una vez colocado, se nos abrirá una ventana en la que se nos pedirá que insertemos el código HTML que deseemos. En este caso, deberemos pegar el código HTML de nuestro formulario Mailrelay, el cual ya deberíamos tener.

Una vez ubicado el código, podremos ver cómo el formulario se ha implementado sin problemas en nuestra sección.

Como en el caso anterior, el formulario cogerá los estilos que vengan marcados en tu plantilla o tema. Para hacer cambios o modificaciones de estilo será necesario editar el HTML o utilizar plugins específicos.

6. ¿Cómo añadir un formulario de suscripción a una landing page fuera de WordPress?

Aunque WordPress es uno de los CMS más utilizados para crear páginas web, puede darse el caso de que no utilices WordPress. Si es tu situación, te contamos qué herramienta puedes emplear para crear tu propia página de aterrizaje rápidamente.

En este punto, es importante destacar que la mayoría de estas herramientas son de pago pero ofrecen dos semanas de prueba o más para que experimentes con ellas. De esta forma, una vez pasado el periodo de pruebas, puedes decidir si te interesa o no invertir en la plataforma.

En este caso, nos vamos a centrar en explicar cómo utilizar Instapress  para la creación de páginas de aterrizaje.  Una herramienta, medianamente sencilla, que permite crear una landing page desde cero o partiendo de alguna de las plantillas que nos proporcionan.

El primer paso para empezar con este método será darnos de alta en la plataforma e iniciarnos con la demo gratuita. Para ello deberemos dirigirnos a la instapage y hacer el registro.

Una vez en la plataforma, en el apartado escritorio, deberemos hacer clic sobre la opción “create a new page” para empezar a crear nuestra página.

Dentro, se nos dará a escoger entre varias opciones. En este caso, deberemos elegir la primera de ellas: “Standard page”.

Una vez seleccionada esta opción, nos llevará a una nueva pantalla en la que deberemos escoger entre varias plantillas. Podrás empezar a hacer tu página desde cero, escogiendo la opción “blank page” o podrás elegir cualquiera de los otros templates prediseñados.

En este caso, es importante dejar claro que las cajas de suscripción que aparecen en las plantillas no nos van a servir, puesto que tendremos que utilizar el código HTML de nuestro formulario Mailrelay.

Una vez hayas escogido tu opción, dale un nombre a la página y empieza a maquetarla a tu gusto, dejando un hueco para el formulario de suscripción.

Bien, ahora que tenemos montada nuestra sección, llega el momento de introducir el formulario. Para ello, entre las herramientas ubicadas en la parte superior, deberemos escoger el bloque que dice “HTML”.

Nos aparecerá en pantalla un cuadro que podremos ubicar donde deseemos. Ten en cuenta que este cuadro se corresponde con el formulario, por lo que ubícalo en aquel apartado en el que te interese que aparezca. Para introducir nuestro código HTML, deberemos pinchar sobre el recuadro contenedor y hacer clic sobre el botón “edit”.

Se nos pondrá el cuadro en blanco y tendremos la posibilidad de introducir nuestro código. Pegaremos el HTML de Mailrelay y haremos clic sobre el botón “done”. Una vez hecho esto, veremos cómo nuestro formulario aparece.

Como en los casos anteriores, es importante resaltar que el código del formulario Mailrelay no tiene estilos incorporados en su código HTML. Por ello, si quieres personalizarlo más, será necesario que edites el código y añadas aquellas líneas que consideres oportunas. Si no estás muy familiarizado con el HTML, puedes utilizarlo tal cual como en el ejemplo que te acabamos de mostrar.

Por último, deberás pinchar sobre el botón “save” que aparece en la esquina superior derecha de la pantalla.

Cuando hayamos guardado, tendremos que publicar la página. Para ello deberemos ir al escritorio, hacer clic sobre la página que deseemos publicar y, en la siguiente ventana,  buscar el botón “publish” y hacer clic sobre él.

Para publicar de manera definitiva deberás configurar la URL de tu página. Por ello, después de hacer clic sobre publicar, aparecerá un pop-up en el que te informarán y te darán la opción de configurarla. Pinchamos sobre el botón “set URL” y, entre las distintas opciones disponibles, escogemos la que mejor nos venga.

Si tienes WordPress, podrás escoger esa opción y seguir los pasos que te indican para poder publicar la página. Si no tienes WordPress, deberás pinchar sobre la primera opción “custom domain” y seguir las instrucciones para la configuración de tu dominio.

Junto a cada opción encontrarás un link que dice “learn more”. Si tienes dudas sobre los pasos a seguir, haz clic ahí. Te llevará a una sección informativa con todo lo que debes saber para hacer los cambios y publicar tu página de manera definitiva.