Tutorial crear landing wordpress - Internet Tecnologia Digital

Business

LightBlog

Noticias

LightBlog

03 diciembre 2014

Tutorial crear landing wordpress

Cómo hacer landing pages profesionales Wordpress y más

Crear landing page para wordpress, blogger o web gratis

Buscando CREAR LANDING PAGES?. Ésta es la forma más sencilla, profesional y gratis que puedes conseguir. Los mejores templates a tu disposición. Enjoy!.

landing pages wordpress, landing pages templaste, crear pagina web
Creando landing pages profesionales con InstantPage!

Qué es una landing page?

Si no tienes conocimiento de ello reciba en : Wikipedia
Ahora, muchos somos quienes deseamos tener para vuestro propio propósito una correcta página de aterrizaje o inclusive para un cliente, y no tenemos la f**** idea de cómo hacer una. Ya sea que necesitemos landing pages templates para wordpress o cualquier web en general, tenemos 2 opciones:

1: Realizamos una página de aterrizaje con nuestros conocimientos en HTML y CSS guiándonos a partir de otra y modificando para que se adecue al servicio o producto que deseais ofrecer.
2: Cojemos una landing page ya realizada que va justo con nuestro propósito y solo modificamos texto e imágenes (con algún que otro retoque de código en caso de ser necesario).

Bien, este artículo está pensado para miles de pequeños emprendedores que no saben hacer una página de aterrizaje para vender o dar a conocer su servicio, pero que desean tener una de excelente calidad, profesional y única.

Para ello nos basaremos de 2 herramientas:

 A): Instapage (clickea y ve creando tu cuenta fácil y rápido)
 B): Un block de notas, notepad o si eres super avanzadísisisimo como yo, Dreamweaver. :D

A saber: InstaPage creo que es una de las más sencillas herramientas online para recién iniciados en el mundo de la web y el seo, que permite crear landing pages basadas en los templates que ellos poseen y permitiendonos modificar a nuestro antojo. TOTALMENTE GRATIS, Si gratis. (Aunque en el footer "pie de página" lleva un enlace hacia ellos).

En fin, lo que importa es que podemos hacerlo gratis.

PROS DE USAR INSTAPAGE para crear nuestra landing page:


  • Totalmente gratis
  • Templates disponibles
  • Personalización a gusto
  • Orientado a seo
  • Seguimiento de conversiones (tipo Analytics de Google)
  • No necesitas tener en todo caso, hosting y ni siquiera una web!.
  • Instalación de analytics de Google para medir conversiones
  • Podemos crear variantes de una misma landing page, hasta que una nos convenzca.
  • Podemos subir un template que tengamos y editarlo online.

CONTRAS DE USAR INSTAPAGE para profesionales o usuarios más avanzadillos:


  • La landing page se crea y se hospeda en instapage.com
  • Si somos usuarios FREE no podemos utilizar "meta etiquetas" y demás código seo
  • Obtenemos 1 subdominio PERSONALIZADO para la landing.

Bien, sacando cuentas, tenemos 9 puntos a favor de crear páginas de aterrizaje gratis en InstaPage y 3 puntos en contra. Por lógica deberíamos crear la cuenta y hechar a andar nuestro template! Sin embargo nosotros somos más enfermizos y siempre queremos tenerlo todo.
(Espero no les moleste a algunos esto, sino os lo cuento yo, otro lo hará y ps ¡Matanga dijo la changa!)

CREANDO LANDING PAGE CON INSTAPAGE GRATIS


Lo primero es darnos de alta en la web, confirmando nuestra dirección de email.

Luego de ello  creamos nuestra primera landing page dándole a Create New Page

crear landing page gratis


 Luego le damos a Page Designer
crear pagina de atrrizaje gratis
Click para ampliar

Elegimos un template de entre tantas opciones que nos ofrece. Inclusive en blanco, si eres avanzado como yo, puedes crear una landing desde 0.

El menú de edición es sencillo y práctico:

edicion de landing pages
Click para ampliar

  1.  Variantes: Son las variantes que podemos crear e ir pasando de una en una para hacer diferentes modelos.
  2. Mobile template: Para hacerla más responsive y adaptarla a todo tipo de móviles y pequeñas computadoras.
  3. Settings: El área de configuraciones es sin duda la mejor ya que allí elegimos el fondo de la landing page, El tipo de fuente, podemos añadir html/javascript, Analytics, meta etiquetas, conversiones, etc.
  4. Add New: Para añadir cada elemento similar a (Wordpress en Apariencia -> Widgets), osea arrastrar y soltar.
  5. Un menú de ayuda por si no comprendes.
  6. Guardar la landing por si tu ordenador se apaga (sabe pasar).
  7. Vista previa para saber cómo va tomando forma tu creación.
  8. Publicar, obtienes un link personalizado con subdominio y listo.
Luego de haberla creado, la idea es poder introducir esta landing page en nuestro wordpress como template, o en una página de tu propiedad, o inclusive en un blogger o cualquier sitio donde tú poseas un dominio propio y no quieres que digan (oh!, ha creado su landing page con herramientas gratis), nonono tú eres profesional y necesitamos crear ese mundo.

Para ello, cuando ya obtienes tu link personalizado algo así como esto: http://seoesgoogle.myinstapage.com/

Lo abres en una nueva ventana o pestaña de tu navegador (por mí, recomiendo Firefox, ya Google tiene mucho con el buscador como para andar mejorando esa cosa que le dice navegador).

Le das click derecho a tu landing page y vas a Vér codigo fuente.

Copias TODO el código que te arroja, acto seguido abres tu block de notas, tu notepad o recomendado, Dreamweaver para poder ir editando visualmente y observando el código.

Qué gano con obtener el código fuente de mi landing page creada gratis?

  "¡Si serás, si serás!"  (frase de la Chilindrina)


Al obtener el código fuente podrás:

  • Personalizar la landing a tu gusto en tu software de diseño.
  • Quitar el enlace hacia InstaPage en el footer de la landing.
  • Cambiar y/o reemplazar los css.
  • Agregar analytics de Google a tu manera.
  • Crear objetivos en Google Analytics (en instapage tienes que ser PREMIUM).
  • Añadir etiquetas seo, og:property, dc.etc, etc. (en instapage tienes que ser PREMIUM).
  • Editar el template a tu antojo.
  •  Y todo lo que se te ocurra.

Te fué útil? Agradécelo y comparte si tienes tiempo.

No hay comentarios:

Publicar un comentario

Adbox