Wishpond: la herramienta que buscabas para hacer Landing Pages

Quédate con este nombre: Wishpond.

PEDAZO de herramienta para crear landing pages.

Sí, ya sabes que soy un friki de las páginas de aterrizaje, pero es que me dan resultados geniales en mi reto de los 10.000 suscriptores.

Quizás es poco conocida para el gran público, pero eso no quita que sea una herramienta PODEROSÍSIMA en las manos adecuadas.

En este artículo de hoy voy a hacer un análisis en profundidad de esta aplicación.

Y no se trata de un análisis cualquiera.

La analizaré mientras la voy usando para crear una landing page hecha exclusivamente para la ocasión.

Pero una Landing Page 100% funcional, que incluso pondré a prueba y mostraré los resultados.

Te pica la curiosidad, ¿eh?

Pues sigue leyendo.

 

1- Qué es Wishpond

Wishpond es, básicamente, una app para crear Landing Pages del tipo WYSIWYG (What you see is what you get), es decir, “Lo que ves es lo que consigues”.

Eso quiere decir que puedes diseñar visualmente, sin añadir una línea de código por ningún lado.

Aparte tiene otras funcionalidades añadidas que se salen un poco de lo corriente y de las que hablaré en el apartado 3 de este artículo.

Aquí puedes ver la Landing Page de la web de Wishpond.

whispond landing page

Para mi lo más interesante que tiene es que tiene un MUY BUEN sistema de creación de Landing Pages.

De los mejores que he usado, la verdad.

Y si bien su precio estándar es algo elevado (69$ mensuales), tiene una opción muy interesante:

ES GRATIS hasta llegar a los 200 leads generados, lo cual está muy bien.

Además de eso tienes 14 días de prueba en cualquiera de los planes, así que aúna un modelo Freemium con Demos.

Nadie más del mercado hace eso.

Y eso yo se los valoro muy positivamente.

Te invito a registrarte y probarla en el modo gratuito, y si te convence, ya decides si quieres ir más allá o no.

En lo que a mi experiencia con aplicaciones similares se refiere… Te puedo asegurar que Wishpond no te va a defraudar.

 

2- Cómo crear una Landing page con Wishpond. Paso a paso.

¿Qué te creías? ¿Que iba a hablar de esta nueva app sin meterme de lleno a enseñártela?

¡Já!

Voy a enseñártela como mejor se enseñan las cosas: Usándolas.

Voy a crear una landing page funcional que además podrás ver en directo al final del proceso.

Vayamos al lío:

 

Paso 1: Creando la Landing Page

Cuando te creas una cuenta en Wishpond, y vas a campañas, esto es lo que te encuentras en el menú principal.

wishpond1

Ese “Crea la campaña” en grande es demasiado suculento como para no hacer click…

Así que esta ves te animo a que te dejes llevar por tus impulsos y hagas click.

Eso sí, antes de irnos, verás que en el menú hay otros tres opciones. Popups, Formularios y hasta Promociones Sociales.

Todas ellas son un extra que no tienen otras apps para crear Landing Pages, así que… ¡Bienvenidas sean!

wishpond

Sin más, sigamos;

Al hacer click en crear Campaña, te dará la opción de elegir plantillas.

Ya sea una en blanco (la primera de arriba a la izquierda de la imagen) o bien cualquiera de las demás que aparecen.

En nuestro caso, he elegido una que ya viene predefinida para promocionar un ebook.

Y es que en lugar de hacer una landing page sin razón aparente, voy  a crear una landing page práctica que usaré yo mismo.

 

Paso 2: Above the Fold

Above the Fold, si has leído mi Guía para hacer Landing Pages, se refiere a la parte de la página que se ve nada más entrar en la web.

Literalmente significa “Por encima del doblez”, como si se tratara del periódico que encuentras en el estanco doblado a la mitad y con la noticia principal en la parte que queda a la vista.

Esta es la parte MÁS IMPORTANTE de cualquier web, por lo que hay que ponerle la máxima atención.

En nuestro caso, apenas tocaremos lo principal.

La Landing Page que tenemos me encanta tal y como es, y sólo voy a modificar los textos y las imágenes y adaptarlos a mi caso.

Los colores y el diseño se van a mantener casi intactos.

Lo siento, es que me gusta ese verde turquesa tan molón… ¡No puedo remediarlo! Y esa tipografía…

Evidentemente, aquí hay mucho que cambiar.

Hasta el texto de la imagen tiene un Lorem Ipsum de esos… ¡Argh!

Bueno, vamos al tema…

Necesitaré un texto llamativo y poderoso para el Título.

EBOOK LANDING PAGE, la verdad, no me seduce…

Veamos qué opciones hay si hacemos click en el elemento.

¡Ajá! A mano izquierda se abre un menú para modificar el alineamiento, el padding, el margen…

Wishpond landing pages

 

Antes de que se te venga la pregunta a la cabeza, el Padding y el Margen (Margin, en inglés) modifican el espacio que rodea el elemento, en este caso el título.

Son atributos para ensanchar el espacio que rodea el objeto que estamos trabajando.

El padding es el atributo más inmediato al elemento, y el margen es el más lejano.

Lo cierto es que entre ambos, está el borde, que en este caso (y en la mayoría) es invisible. En esta imagen lo ves mejor:

margin and padding

Estos son conceptos de CSS (diseño web a nivel programación) que no tocan aquí, pero creo que es importante que los vayas sabiendo, porque en las Landing Pages son los que permiten que tomen forma como tú quieres.

Bueno, volviendo al tema, no vamos a tocar nada de los padding y margin.

Tocando uno y otro ninguna de las combinaciones me convence más que la original, así que lo dejamos como está.

En cuanto al texto que voy a usar… bueno, vamos a ir a por lo directo y evidente:

LA GUÍA DEFINITIVA DEL GROWTH HACKING.

Creo que no voy a comerme mucho la cabeza con esto. A veces lo más simple tiende a funcionar.

Doble click en el objeto me permite modificar el texto. Mantendré la tipografía y lo cambio.

Luego hago click en el elemento que hay debajo (el formulario), y modifico algunas cosillas:

  • Traduzco al español Name por Nombre y Email por… ehm… Bueno, ese no.
  • A continuación, cambio el botón por algo más directo. DESCARGA AQUÍ creo que es lo bastante directo. Y me suele funcionar bien en otras Landing Pages.
  • Modifico las opciones del formulario para que, una vez introduzcan nombre y email, les permita descargar el archivo del ebook. ¡Qué menos! ¡Se suscriben por eso!

wishpond formulario

Termino todas estas cositas y…

¡Voilá!

wishpond guide

Me encanta como queda el titular.

Pero oye, espera un momento… Aún está la imagen predefinida. ¡Cambiémosla!

Usando el mismo elemento, abandono un momento el Wishpond,  y con un poco de Photoshop, diez minutos después, soy capaz de parir esto:

Whispond image

Mi portada puesta encima de la tablet.

Ya, no es que sea una genialidad, pero da el pego, ¿no?

Guay.

Ya tenemos el Above The Fold listo. Ahora a por el Below The Fold.

 

Paso 3: Below The Fold

Si Above the Fold era por encima del doblez… Below the fold es por debajo.

Vamos, lo que no se ve salvo que bajes la pantalla.

Siguiendo el sistema, no modifico nada y voy cambiando textos del mismo modo que hice con el titular.

Doble click, y añado textos relacionados con mi ebook que lo resuman de algún modo, en lugar de vulgares Lorem Ipsums.

wishpond8

Fíjate que además, he añadido abajo una cita célebre de un Growth Hacker, para redondear más al idea del Growth Hacking.

Por último, bajamos un poco más y nos encontramos con el final de la página.

Un par de cambios más de textos y… ¡Listo!

Nuestra página está lista para ser lanzada.

 Wishpond9

 

Paso 4: Experimentando un poco con La Landing Page

Antes de lanzarlo, voy a hacer un pequeño experimento.

Me parece una pérdida de recursos, y una falta de respeto al sagrado Growth Hacking no aprovechar la opción de crear un test A/B

wishpond10

Como ves, en el menú superior de la página donde estamos, Wishpond ha tenido la muy interesante idea de dar la opción de crear un test A/B.

Para hacerlo sencillo, voy a cambiar UNA sola cosa y así ver con claridad si ese ligero cambio influye o no en el desempeño de la Landing Page.

Esa única cosa no es otra que la imagen:

Wishpond landing

El libro preformateado es un reciclado que ya he usado para otras landing pages, así que no me ha costado nada crear este test A/B.

Al final del experimento, veremos cuáles han sido los resultados.

 

Paso 5: Finalizando y lanzando la Landing Page

Lo que debemos hacer, llegados a este punto, no es ni más ni menos que darle al enorme y naranja botón de Publicar:

wishpond publish

Como ves, en mi caso he decidido publicarlo en la página web, aunque Wishpond te ofrece otras opciones como publicarla en Facebook, o en una dirección de la propia Wishpond.

Yo prefiero tener las cosas en mi propia web, y eso simplifica las cosas.

Una vez puesto el nombre a la campaña, cojo el código que se me ofrece, y lo pego en una página nueva que he creado para la ocasión en mi blog.

¿El resultado final?

Míralo tú mismo

Como ves, no nos ha llevado más de media hora crear una Landing Page con Wishpond.

No he conocido una herramienta para crear Landing Pages más rápida y cómoda que ésta hasta hoy.

Ni tan siquiera Thrive Content Builder, con toda la comodidad y posibilidades que ofrece, es tan cómoda de manejar como Wishpond.

De momento, tiene mi visto bueno sobradamente.

 

El Resultado del test A/B:

El resultado después de lanzar una mini campaña en Facebook Ads con 5 euros de presupuesto es el siguiente:

wishpond grafica test ab

Un 17,6% y un 16,7% respectivamente.

No está nada mal, aunque siempre se puede mejorar.

Como ves, en este pequeño experimento, ha ganado la original, ya sabes, la que tenía la imagen de la tablet.

Eso sí, cuando los experimentos tienen una diferencia tan ligera (alrededor de un 1%), yo los considero despreciables.

¿Despreciables? No, no pienses en plan “una persona despreciable”.

Por despreciables me refiero a que no les doy importancia, porque la diferencia es tan insustancial que no hay diferencia real.

En cualquier caso, como puedes ver, Wishpond tiene un buen sistema de analíticas integrado que siempre es de agradecer.

 

3- ¿Qué otras cosas te permite hacer Wishpond?

Wishpond tiene, además de las que ya hemos mencionado, otras muchas opciones que hacen que sea una app no-solo-para-crear-landing-pages.

¿Que cuáles son esas?

Bueno… ¿recuerdas el menú que poníamos al principio del punto 2?

Éste, para ser más concretos:

wishpond

Como ves, tienen Popups, Formularios, y Promociones Sociales.

Como no les he dado aún uso profundo, vamos a verlos por encima.

Son un añadido interesante, sí, pero hoy por hoy no me he visto en la necesidad de usarlos. Tal vez a ti te vengan bien.

 

Extras en Wishponds: Popups y Formularios

Los popups, o Pop-Ups, son las clásicas ventanitas emergentes que saltan cuando estás navegando por una web, y te animan a interactuar de algún modo.

La mayor parte de las veces, al menos hoy en día, se utilizan para ganar suscriptores.

Puesto que yo tengo ya unos popups que funcionan estupendamente con el plugin Ninja PopUps, como he comentado por ejemplo en mi último análisis mensual, no me he visto en la necesidad de usarlos.

pop ups

Pero puedo asegurarte que por lo que he visto, tienen una pinta estupenda.

Diseños visualmente atractivos, sin muchos aspavientos, pero que cumplen a la perfección los cánones de diseño actual sin perder ni un ápice de efectividad.

En cuanto a los formularios… si te digo la verdad, no me queda muy claro qué diferencia tienen con respecto a los Popups.

Y digo esto, porque lucen como popups, no como formularios.

Ya sabes, con su espacio para introducir el email y el nombre de usuario…

Seguiré indagando y actualizaré este post en el futuro si llego a alguna conclusión.

 

Más extras en Wishpond: Promociones Sociales

Aquí hay otra cosa muuuuy interesante que a la larga puedo sacarle partido:

Promoción Social Wishpond

Fíjate todas las opciones que trae.

¡Concursos y Sorteos a tutiplén!

Echemos un vistazo por ejemplo a… ehm,… Concurso de relatos.

Ya, no creo que haga yo muchos concursos de relatos en el blog, pero es solo para que comprobemos qué tal luce:

Concurso de Relatos

Mola.

Fíjate que el concepto de este concurso de relatos es que describas brevemente la foto, y a continuación añadas tu dirección de email.

No se me habría ocurrido nunca.

Si algún día hago un blog de literatura, me lo apunto.

Pero veamos otros ejemplos:

concurso instagram

El concurso de Instagram, por ejemplo, reutiliza la foto predefinida superior (la he recortado para centrarnos en lo importante), pero cambia en la presentación del formulario.

Como ves, te da la opción de importar una foto de Instagram, describirla, e introducir tu email.

Los planteamientos para los concursos, como estamos comprobando, son similares, pero cumplen su cometido sobradamente.

Voy a tener que pensarme a ver si les doy un uso a estas promociones sociales de Wishpond.

Tengo la sensación de que, con esto a mano, hay un océano de posibles maneras de conseguir suscriptores delante de mí.

 

Aún más extras en Wishpond: Email Marketing

¿Lo cualo?

¿Que Wishpond tiene email Marketing integrado?

Sip.

Raro pero cierto.

Ellos los llaman “Flujos de Trabajo”, Workflows, pero en esencia es un sistema de Email Marketing como lo pueden ser Mailchimp, Aweber o Mailrelay.

wishpond workflow

Tienes la opción de enviar newsletters, o automatizar envío de emails.

Los flujos de trabajo son esa automatización, como, por ejemplo, enviar un email en un día y a hora determinadas, enviar un email de bienvenida, enviar un email cuando tus compradores abandonan el carrito (si tienes tienda online, claro), etcétera.

En la siguiente imagen puedes verlos más claramente:

diferentes-flujos

Nuevamente, de momento voy bien tirando de Mailchimp, pero no me disgustaría probarlo en el futuro.

Tener en un mismo sitio las Páginas de aterrizaje, los popups, el email marketing y los concursos me parece un plan estupendo.

 

4- Conclusiones finales

Decididamente, si tienes en mente hacer Landing Pages, Wishpond se merece una oportunidad.

Tiene un sistema de creación de Landing Pages súper intuitivo y cómodo.

Las plantillas molan.

Y el resto de variantes, como el email marketing, las promociones sociales y los popups, terminan de redondear el conjunto.

Además su opción gratuita con todas las características del premium disponible hasta los 200 suscriptores, es algo que las otras empresas similares no ofrecen y es de agradecer.

Su único pero, para mí, es el precio de las versiones no gratuitas, que resulta excesivo para los bolsillos de los no-marketeros, pero eso es algo a lo que los que estamos metidos en este mundillo estamos acostumbrados…

¡Lo bueno se paga!, dicen.

En cualquier caso, insisto en mi invitación a que le eches un vistazo en su modo gratuito, y ya luego decides.

¿Mi veredicto?

9 sobre 10.

Ahí queda.

 


Ahora te toca a ti….

  • ¿Conocías esta herramienta?
  • ¿Qué otra herramienta usas para tus landing pages?

 

 

By | 2016-10-14T13:01:20+00:00 21 4 2016|Categories: Growth Hacking, Marketing|Tags: , |3 Comments

About the Author:

Apasionado de las métricas. Inconformista nato. Creativo incansable. Growth Hacker por vocación. Quiero crecer hasta lo más alto posible, hasta los 10.000 suscriptores, pero sólo si tú creces conmigo. ¿Qué me dices? ¿Vamos a por ello?
  • Hola! Gran artículo. Lo estoy probando pero me surge una duda. Cuando intento publicar la Landing Page en mi web, me aparece un enorme espacio en blanco entre el final de mi “diseño” y el final de la página. (no se si me explico), y cuando lo veo dentro de la visión previa, se ve perfectamente. ¿Sabes porque pasa?

    Gracias

    • ¡Hola ibotella78!
      Puede tener que ver con el tipo de plantilla de WordPress que estás usando. En la barra lateral de la página donde hayas elegido ponerla, te debería aparecer el siguiente menú justo debajo de lo de publicar:

      View post on imgur.com

      Yo he puesto la opción 100% width (ancho al 100%), pero tal vez es propio de mi tema de WordPress. Mira a ver si te aparece eso o algo similar y si se soluciona tu problema.

      ¡Un saludo!

  • Francisco

    Parece muy buena herramienta, una cosa si me podrías facilitar el dato, tiene para incluir código? Me refiero por ejemplo para introducir un formulario creado con otra herramienta.

    Gracias

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

CERRAR

CONVIÉRTETE EN UN GROWTH HACKER

Consigue GRATIS la mejor guía en español de Growth Hacking y dispara el crecimiento de tus proyectos