Landing Page: ¿Qué es, para qué sirve y cómo usarlo en tu Blog?

¿Tienes dudas sobre qué es una Landing Page? o no sabes ¿Cómo incluirlo en tu blog de Blogger o WordPress? Déjame decirte que estas en el lugar indicado. 😉

¡Hola! Bienvenido a Peengler, soy Gabriela. Y vengo a enseñarte un poco sobre Landing Page, sino tienes ni idea de qué es, para qué es, ni cómo usarlo a tu favor. Es momento de que lo sepas y así puedas tener tu propia página de aterrizaje.

Sin más que decir ¡empecemos!

Video Tutorial sobre Landing Page en Blogger y WordPress

Clic en la imagen para ver el vídeo en YouTube

😉 Recuerda suscribirte ☑️ y de darme un like 👍

¿Qué es y para qué sirve una Landing Page?

Una Landing Page (página de aterrizaje) tiene un objetivo en específico que cumplir, ya sea, para promocionar un producto, para obtener leads (personas que dejan su información) ya sea suscribiéndose a tu lista de emails para recibir un descargable (e-book) o porque le has ofrecido algún descuento, etc. 

¿Cuándo usar una Landing Page?

La verdad es que lo puedes usar para cualquier cosa, todo depende de tu estrategia. Otro ejemplo que se suele usar es en los cursos ya sea gratuito o de pago.

Ejemplo: digamos que haces 10 artículos en tu blog sobre un curso básico sobre diseño ¿qué puedes hacer para posicionar mejor esos artículos? ¡Así es!, una Landing Page que mencione esos artículos. Lo mejor de esto, es que, si llegas a pagar por publicidad, el artículo que vas a mencionar será sobre la Landing Page de ese curso, porque allí tendrás todo lo que el visitante le va a interesar sobre ese curso.

También puedes usarlo para ganar suscriptores, podrías primero pedir a que se unan a tu lista de correos (usando algún newsletter por ejemplo mailchimp) y luego tú le envías la URL del curso gratuito o del archivo. En fin, solo es cuestión de usar la imaginación. 😉

Ahora, sino estas muy seguro, que elementos se necesita para que tu Landing Page tenga éxito, sigue leyendo. ↓

Características que debe tener una Landing Page para ser eficiente

Sin menú: no recomiendan mostrar el menú principal de tu sitio ¿por qué? Lo que se quiere es que la persona haga alguna acción (compra, descarga, etc) y no se desvié de tu página, aunque existen algunas excepciones, por ejemplo, que el menú navegue dentro de la misma Landing Page.

Mostrar un formulario: Es fundamental obtener algo de tu visitante, ya sea a que se contacte contigo o para que se suscriban a tu lista de emails. Un dato interesante, es la ubicación, es decir, Si el formulario aparece al principio de tu Landing Page eso sería buenísimo o ubicarlo en la barra lateral.

¿Por qué están importante tener una lista de correos? Simple, imagínate que tienes unas 100 personas en tu lista, la idea es que de vez en cuando le envíes un correo de tus productos, servicios o de alguna publicación de un artículo, así tendrás la posibilidad de generar alguna venta o de ganar visitas en tu post. ¡Es la bomba!🔥

La llamada a la acción: Esto sin dudas lo debes aplicar, es decir, tener un botón llamativo de (suscríbete o empieza tu prueba gratuita) ya sea en la cabecera o en alguna parte de tu sitio. Esto es para atraer clientes potenciales o simplemente ganar suscriptores.

Producto limitado: añadir un mensaje de tiempo limitado como en los comerciales, ejemplo: válido hasta el 31 de octubre. Con esto motivas a que las personas decidan solicitar el descuento, el descargable (e-book) o lo que le estes ofreciendo.

Sección de testimonios: tiene como intención de que el usuario se motive a obtener ese producto basándose en lo que mencionan estas personas. Tú decides cuantas colocar y por supuesto que hablen de maravillas de tu servicio o producto.

Nota: Por favor, que sean reales.

Sin fugas: Si puedes tener una página donde la persona no pueda salirse porque no hay menú, ningún botón que lo saque del sitio al menos que se suscriba o compre. Es válido, es más, debería ser así.

En pocas palabras: Una Landing page que sea sencilla con una clara descripción del producto y sin distracciones. Sería lo ideal.

Ahora, si puedes dar el protagonismo absoluto al formulario y mencionar que van a obtener las personas al unirse a tu lista de emails, es sin duda algo que debes hacer.

Plantillas Gratuitas de Landing Page

Por ahora te voy a mostrar 3 páginas que cumplen con lo mencionado anteriormente, entre ellas:

Landing Page para Negocios

Ver demo / Instalar

Landing Page para Producto

Ver demo / Instalar

Landing Page para E-book

Ver demo / Instalar

Nota: Poco a poco estaré subiendo más plantillas de Landing Page, si estas interesado te recomiendo que te unas a mi Zona Vip para que puedas tener acceso a mis archivos→ clic aquí.

Plugin para tener una Landing page en WordPress

En realidad, se puede hacer sin ningún plugin, pero en esta ocasión mencionare este en especial porque me ha parecido genial todas las opciones que te da para editar tu página. Claro tiene su versión de paga y la gratuita.

Si quieres puedes probar la versión gratuita a ver si te convence, ahora si eres una persona que te gusta maquetar, meterte con el HTML y CSS. Más adelante te enseño como hacerlo.

Landing page para Blogger 

¿Es posible tener una Landing Page en Blogger? ¡Claro que sí! en primer lugar, déjame explicarte lo que, SI puedes hacer con el método que vamos a implementar para lograrlo, además de los cambios que puedes aplicar en las plantillas que mencione anteriormente:

• No tendrás que instalar ninguna plantilla en tu blog.
• No es necesario tener otro blog para usarlo como Landing Page.
• Las plantillas están diseñadas para adaptarse a cualquier dispositivo (Responsive)
• La página será independiente de tu blog.
• La Landing Page es estática, por lo tanto, tendrás que modificar su contenido en el código de tu blog.
• Tendrás que usar un formulario de tercero.

Puede que suene bien, pero tiene su punto negativo, lo que NO se puede hacer con este método es lo siguiente:

• No puedes añadir ninguna función de Blogger.
• No puedes incluir el formulario, entradas recientes o cualquier función/elemento de Blogger por ser una página independiente de tu blog.

Cómo tener una Landing Page en Blogger paso a paso

Para obtener los códigos, regístrate o inicia sesión en la Zona VIP. Luego te ubicas en Landing Page, allí veras todas las disponibles.

Añadir el CSS (Estilos)

Opción 1: Añadir el CSS abajo de <body> Para eso tendrás que copiar lo siguiente:

 <style>
/*aqui el css*/
</style>

Opción 2: Añadir el CSS antes del ]]></b:skin> Con esta opción copias y pegas los estilos sin necesidad de colocar <style>

Método (Condiciones) para añadir Landing Page en Blogger

 <!--{{ Comienzo de la page }}-->
 <b:if cond='data:blog.url == &quot;URL-DE-LA-PAGINA&quot;'>
CODIGO DE LA PAGINA
 <b:else/><!--{{ SINO es landing Page entonces muestra lo demás }}-->
 .
 .
 .
 </b:if> <!--{{ Fin de la Landing Page }}-->
 .
<!--{{ JS Landing Page }}-->
 .
<!--{{ FIN JS Landing Page }}-->

Añadir 2 o más Landing Page en Blogger

Para mostrar más de una landing Page, debes usar el elseif para añadir más páginas sin ningún limite, el código seria así:

 <!--{{ Comienzo de la page }}-->
 <b:if cond='data:blog.url == &quot;URL-DE-LA-PAGINA-1&quot;'>
 Código de la página 1
 <b:elseif cond='data:blog.url == &quot;URL-DE-LA-PAGINA-2&quot;'/>
 Código de la página 2
 <b:else/><!--{{ SINO es landing Page entonces muestra lo demás }}-->
 .
 </b:if> <!--{{ Fin de la Landing Page }}-->

En conclusión

Usar una Landing page y que cumpla su objetivo, es lo mejor que puedes hacer, yo tengo varias en mente y quizás algún día las implemente. Lo que siempre debes tener en cuenta es que sea responsive, aunque tu plantilla no lo sea, intenta de que la página de aterrizaje se pueda adaptar a cualquier dispositivo.

La idea es demostrar la mejor versión ¿verdad? Y ahora sobre qué estrategia usar, seria mencionar la Landing Page en los artículos que tenga que ver con ese tema o cuando pagues por publicidad ya sea en Instagram o Facebook, que tu publico aterrice en esa página.

Y bien ¿qué te pareció este tema?