Una landing page aumenta la cantidad de ventas que haces en tu negocio, es una parte esencial de tu sales funnel. Con una landing page puedes obtener nuevos prospectos, nutrir a tus clientes, enviar promociones y sobre todo traer más clientes a tu negocio.

WordPress es el mejor programa con el que puedes crear el sitio web de tu negocio, es fácil y al mismo tiempo puede ser muy potente. Pero WordPress no se encuentra diseñado precisamente para ser una herramienta de marketing, por lo que este es un punto débil.

Es por eso que en este video tutorial te mostraré como puedes crear landing pages en tu web WordPress, como siempre fácil y rápidamente, y además este plugin que utilizaremos funcionará en cualquier plantilla que te encuentres utilizando.

El plugin que nos encontramos utilizando es Thrive Architect, el valor del plugin puede llegar hasta los $147.00 USD, pero puedes obtenerlo gratis para todos tus sitios web con una cuenta de Hosting WordPress, este plugin se encuentra incluído en los planes Premium o Business completamente gratis.

Si deseas conocer las diferencias y las bases de una landing page, puedes ver el siguiente artículo: ¿Qué es una landing page y cómo utilizarla?

[x_accordion_item title=”Transcripción del video”]

En este video te mostraré como puedes crear una landing page para tu sitio web WordPress.

Si ya te encuentras utilizando WordPress para tu negocio, estarás de acuerdo en que es la forma más fácil de crear un sitio web profesional en muy poco tiempo.

Pero WordPress no es precisamente una plataforma de marketing para tu negocio.

Como lo hemos discutido antes utilizar landing pages y sales funnels aumentan la cantidad de ventas que puedes tener en tu negocio.

Te ayudan a crear un proceso de ventas automático, convirtiendo tu sitio web WordPress en una maquina vendedora que funciona 24/7.

Entonces te voy a mostrar cómo puedes crear landing pages que aumenten las ventas de tu negocio y cómo hacerlo de la forma más fácil y rápida.

Además, al final del video te mostraré como puedes instalar gratis los plugins que vamos a utilizar.

Muy bien, el plugin que utilizaremos para crear nuestra landing page se llama Thrive Architect.

Este plugin nos ayudará a crear landing pages estupendas y lo mejor de todo es que cuenta con muchas plantillas que podemos editar por completo, de esa forma puedes crear tus landing pages en tiempo record y no tienes que ser un diseñador profesional para obtener una buena landing page.

Lo mas importante de las plantillas con las que cuenta Thrive Architect es que no se encuentran diseñadas para ser bonitas.

No entiendas mal, las plantillas se ven muy bien, pero ese no es el objetivo de tu sitio web.

No estoy seguro de tu caso, pero yo no creo sitios web para ganar concursos de diseño, creo sitios web que funcionan como negocios y tienen objetivos, que normalmente son una venta.

Entonces hago sitios web para vender productos o servicios.

Por lo tanto, tu landing page no debe ser diseñada con el objetivo de verse bonita, tiene que ser diseñada con el objetivo de obtener conversiones.

Una conversión puede ser diferente en cada caso, puede ser una venta, obtener los datos de un prospecto, hacer que alguien llame a tu negocio, etc…

En este tutorial te mostraré como crear una landing page promocional que venda un producto.

En el futuro crearemos otros tipos de landing page para diferentes objetivos como obtener el correo de un prospecto o hacer que llamen por teléfono a nuestro negocio.

Para iniciar con el diseño de nuestra landing page, vamos a crear una nueva página, así que desde aquí damos clic para crear una nueva página.

Le voy a colocar un título.

Y damos clic en publicar.

Muy bien, ahora vamos a utilizar este botón para activar Thrive Architect.

Esto nos lleva a otra pestaña en la que se carga el editor.

Como puedes ver en esta página tenemos los elementos normales de nuestra web.

Contamos con el encabezado que tiene nuestro logo y el menú, el área donde va el contenido y el pie de pagina.

Como te mencionaba antes en un artículo, debemos eliminar todas estas distracciones de nuestra landing page.

El usuario solo debe tener una acción disponible, si dejamos todo esto, entonces le estamos dando otras opciones al usuario.

Puede distraerse y dirigirse hacia otro lado en nuestra web, no queremos distraerlo, así que vamos a eliminar todo esto.

Por cierto, te colocaré el link hacia el artículo del que hablo en la descripción de este video.

Entonces vamos a dar clic en este ícono de la parte de abajo del editor que dice page setup.

Aquí vamos a utilizar la primera opción, en la que podemos seleccionar una plantilla.

Como puedes ver contamos con una gran cantidad de plantillas.

Todos son sets completos, dentro de ellos hay mas plantillas para diferentes propósitos.

Para este tutorial, voy a utilizar este tipo de diseño.

Ahora puedes ver que dentro de este set tenemos muchas otras plantillas y cada una tiene un propósito específico.

En este caso, voy a utilizar esta plantilla.

Asi que simplemente, damos clic sobre ella para seleccionarla, vamos hacia abajo y damos clic aquí para instalarla.

Esto remplazará todo el contenido de la página en la que estamos trabajando.

Y como puedes ver ahora ya tenemos el diseño instalado en nuestra página y podemos editarlo por completo.

Para el tutorial crearemos una página promocional de un solo productos, asi que vamos a eliminar algunas cosas.

Bien, para editar el texto, es tan fácil como darle doble clic y comenzar a editar.

En este lado contamos con todas las opciones del editor, las opciones que podemos ver cambian dependiendo del elemento que estamos editando.

Por ejemplo, quiero modificar este video, asi que damos clic sobre el video y ahora el editor nos muestra las opciones del video.

Es posible utilizar un video desde YouTube, Vimeo, Wistia o añadir un código personalizado.

En mi caso utilizare un video de YouTube, asi que para remplazar este video simplemente debemos colocar aquí la URL del nuevo video.

Muy bien, ahora el video se ha remplazado.

Tienes muchas opciones en cada módulo.

Por ejemplo, podría seleccionar el minuto en el que deseo que inicie el video.

Algo muy bueno es que trae estilos para el contenedor del video prediseñados.

Desde aquí puedes seleccionar cualquiera de estos estilos.

Por ejemplo, en mi caso voy a seleccionar este estilo que muestra el video con una sombra.

Y damos clic aquí para aplicar los cambios.

Luego podemos modificar sus márgenes, y también el padding que es el margen interior, esto podemos modificarlo en todos los elementos de nuestra landing page.

Es posible ocultar el editor para visualizar mejor como nos está quedando nuestro diseño.

Y de hecho creo que el video se ve muy grande para mi gusto, quiero hacerlo más pequeño.

Asi que lo selecciono y abrimos el editor.

Desde aquí voy a max-width que es el ancho máximo del elemento y puedo utilizar este slider para modificar el ancho.

Lo voy a dejar en 720px.

Un pequeño truco para no tener que estar cerrando el editor al visualizar los cambios, es presionar control y el símbolo menos.

Con esto podemos hacer zoom out a la página y tendremos una mejor vista del área de trabajo.

Puedes hacer zoom alejándote con control más el símbolo menos y zoom acercándote con control más el símbolo más.

Para desactivar el zoom puedes presionar control más cero.

Muy bien, ahora voy a modificar el texto de este botón.

En la parte de arriba tienes unos indicadores que te ayudan a identificar cuál elemento te encuentras editando.

Como puedes me dice que estoy editando el texto, que se encuentra dentro del botón, que se encuentra dentro de una sección background, que se encuentra dentro de nuestra landing page.

Desde aquí podemos seleccionar cualquiera de estos elementos para entrar en sus propiedades.

Por ejemplo, ahora que ya edite el texto del botón, quiero modificar el link del botón, asi que selecciono desde aquí al botón.

Podemos hablar mucho sobre todas las posibilidades que tenemos en cuanto estilos y acciones que puede realizar un botón, que vamos a dejar todos esos detalles para un futuro curso gratuito de marketing.

Vamos a centrarnos en realizar cambios rápidos para este tutorial.

Asi que lo primero que quiero hacer es modificar el color del botón.

Aquí tienes la opción para modificar el color, puedes jugar con este selector hasta encontrar el color que deseas, o puedes colocar un código de color por si ya lo tienes previamente seleccionado.

 

También es posible modificar el tamaño del botón, igual que hicimos con el video.

Y desde este campo podemos añadir el link al que debe ir el botón, que en este caso sería hacia nuestra página de venta, por ejemplo, en este caso le colocaré un link hacia nuestros planes de hosting en lievanosan.com

Y de esta forma hemos modificado nuestro botón.

Ahora voy a guardar los cambios de la página, es importante ir guardando tus cambios por si pasa algo.

Imagina que te quedas sin electricidad, se cae tu internet, o cualquier otro evento, todo tu trabajo se encontraría perdido, asi que es bueno ir guardando nuestros cambios.

Para eso simplemente das clic aquí en save y tus cambios se guardan.

Muy bien, lo siguiente que haremos será eliminar una sección completa, si vamos hasta abajo, podrás ver esta sección con tablas de precio, en mi caso estoy vendiendo un solo producto en esta página, asi que quiero eliminar estas tablas.

Para eliminar la sección, voy a darle clic a una de las tablas.

Las secciones se llaman background section, como puedes ver la tenemos aquí arriba.

Asi que la seleccionamos.

Ahora nos muestra en verde toda la sección, y puedes ver en esta zona dos íconos, el primero es para duplicar el elemento y el otro es para eliminarlo.

Asi que damos clic aquí para eliminar la sección.

Y de esa forma puedes eliminar secciones completas de contenido que no necesites en tu landing page.

Para terminar esta landing page únicamente agregaremos dos elementos más.

El primero es una característica muy buena y que te ayudará a obtener más ventas en tu web.

Y es que si tu visitante entra en esta landing page, observará el botón de comprar inmediatamente.

Esto puede causar un rechazo inmediato a tu página, el visitante siente que estas intentando venderle y ya no prestará la misma atención a tu video.

En este caso el video es nuestra carta de ventas, tenemos un mensaje que deseamos darle al visitante, queremos que el visitante vea el video para que comprenda los beneficios de nuestro producto.

Pero no prestará la misma atención a tu mensaje si te ha rechazado desde que llego a la página.

Ese rechazo no debe ser tan fuerte como para que tu mensaje se vea afectado, es decir, que cualquier persona va a sentir ese rechazo incluso a un nivel inconsciente.

Esto es parte de la psicología del comprador.

Entonces debemos evitar ese efecto de rechazo y que el prospecto pueda ver nuestro video sin prejuicios, para que el mensaje del video llegue a tu comprador lo más clara y transparentemente posible.

Una buena técnica para hacerlo, es no mostrar el botón de compra cuando el visitante llega a nuestra web.

Debemos retrasar la carga del botón y hacer que cargue pasado cierto tiempo desde que el visitante llega a nuestra página.

Para hacerlo voy a utilizar un elemento aquí en el editor.

En esta lado podrás encontrar muchos tipos de contenidos que es posible utilizar, como videos, textos, imágenes, botones, etc…

Y uno de ellos se llama content reveal.

Asi que vamos a seleccionarlo y lo arrastramos donde lo deseamos colocar, que en este caso será debajo de nuestro botón.

Muy bien, ahora todo lo que colocamos dentro de esta zona tendrá ese efecto de retraso.

Asi que voy a colocar mi botón dentro de esta caja.

Es posible, que al mover el botón se te duplique, si esto sucede simplemente debes eliminar uno de los botónes.

Muy bien, como puedes ver, si ahora seleccionamos el botón, nos indica arriba que el botón se encuentra dentro del módulo de content reveal.

Asi que seleccionemos el content reveal.

Desde aquí, puedes modificar el tiempo que debe retrasarse la carga de este contenido.

Ahora imagina que este video habla sobre tu producto, y que en cierta parte del video, invitas al visitante a realizar la compra.

Entonces, puedes indicar aquí, que justo en este momento, se revele el contenido e incluso podemos desplazar la ventana hacia nuestro botón en ese momento.

Por ejemplo, en mi caso le diré que cargue el contenido después de 10 segundos desde que el visitante llega.

Y si marco esta opción, entonces desplazará el navegador hacia el contenido que coloque aquí de forma automática.

Ya puedes ver lo poderoso que esto puede llegar a ser para tus campañas de marketing y como aumentará las ventas en tu sitio web.

Pero ahora le añadiremos otro factor psicológico a esta página.

Le colocaremos un contador, supongamos que esta es una oferta de tiempo limitado.

Entonces junto a nuestro botón, deseamos añadir un contador que aumente la urgencia de comprar.

Asi que vamos a regresar a los módulos y utilizaremos el que se llama countdown.

Podemos iniciar por seleccionar un estilo.

En mi caso utilizare este.

Luego le colocaremos un color diferente.

Ahora podemos colocar la fecha en el esta oferta termina, supongamos que termina en unos dos días.

Aquí seleccionamos la fecha.

Peor también, podrías modificar el contador con estas opciones.

En esta zona puedes añadir un texto para cuando el contador finalice.

Muy bien, ahora vamos a modificar el texto que tiene el contador, ya que en este momento se encuentra in ingles.

Simplemente damos doble clic sobre el texto y lo editamos, cambiaremos esto por días.

Luego cambiamos horas, ahora cambiamos minutos y finalmente segundos.

Perfecto, finalmente creo que colocare un pequeño texto en la parte de arriba de nuestro contador.

Seleccionamos el texto, y lo colocamos arriba del contador.

Muy bien, ahora voy a colocarle un texto que aumente la urgencia de perderse esta oferta.

Finalmente vamos a modificar este texto.

Primero el color se lo cambiaremos hacia blanco.

Ahora le aumentare el tamaño de texto.

Vamos a dar clic directamente sobre el texto, y desde aquí modificamos la alineación, que en este caso lo deseamos centrado.

Y voy a guardar los cambios que hemos realizado, por si Murphy.

Esto es todo lo que haremos en esta landing page para el tutorial.

Como puedes ver podríamos seguir modificando esta página, aún nos falta cambiar el texto de estos testimonios, podemos modificar el texto de la caja de garantías, añadir más contenido etc…

Hay muchas cosas que se pueden hacer.

Pero normalmente el encabezado de nuestra landing page es la parte mas importante y es por eso que nos hemos concentrado únicamente en esta área.

Asi que llego el momento de publicar y probar nuestra nueva landing page.

Para verificar como nos ha quedado, voy a regresar eliminar el zoom que le he colocado al inicio a mi navegador para editar la página.

Muy bien ahora regresemos a WordPress.

Y desde aquí voy a dar clic para ver la página.

Como puedes ver en la página no tenemos el menú, no hay nada de nuestro encabezado, y eso es muy bueno.

Ahora nuestro futuro cliente no se distrae con nada.

Luego contamos con los elementos que le hemos colocado.

Como el texto superior y nuestro video.

Y parece que se nos ha olvidado modificar la miniatura del video, ya lo haremos en un momento.

También podrás notar que al inicio no tenemos el botón de comprar ni el contador ni el texto, esto es exactamente lo que deseamos.

Estos elementos se cargan automáticamente y el navegador se desplaza hacia ellos como se lo hemos indicado.

Entonces mientras el cliente está viendo nuestro video, el botón de comprar aparecerá justo en el momento preciso.

Gracias a esto podremos hacer más ventas o capturar más prospectos con nuestra landing page.

Una pequeña sorpresa de esta página la podemos ver cuándo intentamos salir de ella, si nos movemos hacia la parte superior, nos aparece un popup.

Esto entrega un mensaje a los visitantes que desean abandonar la página.

En este popup podríamos añadir una oferta final o cualquier otro texto o incluso video que promueva persuada al visitante para realizar la compra.

Bien, entonces nuestra landing page esta casi lista, únicamente modificaremos la miniatura del video.

Asi que regresamos al editor.

Muy bien, damos clic sobre el video.

Ahora en esta zona podrás ver las opciones avanzadas.

En esta área modificaremos la miniatura.

Simplemente seleccionamos una imagen de nuestra galería o subimos una nueva imagen.

Muy bien, adicionalmente contamos con otros controles que nos permiten modificar el comportamiento del reproductor del video.

Por ejemplo podríamos hacer que el video se reproduzca de forma automática.

También podemos ocultar el título del video de YouTube, esto te lo recomiendo mucho si estas utilizando un video de YouTube.

Asi como ocultar las video recomendaciones del final.

Ya que gracias a las recomendaciones del final y el título del video, muchos visitantes pueden escapar de nuestra página hacia YouTube.

De hecho lo más recomendable es utilizar Vimeo o Wistia para los videos de tus landing pages, y no YouTube.

En este caso voy a ocultarlo todo, vamos a ocultar los controles, la opción de pantalla completa y también el logo.

Ahora ya tenemos el video como lo deseamos.

También creo que le colocaré un poco más de margen en la parte inferior a la caja del content reveal.

Muy bien, y finalmente guardamos los cambios.

Perfecto, vamos a regresar a la página en WordPress y damos clic aquí para verla nuevamente.

Como puedes ver ahora el video inicia automáticamente, y no tenemos los controles que distraen al visitante.

También podremos ver que cuando se revela nuestro contenido aparece con un margen mas amplio en la zona inferior.

Debido al tiempo no hablaremos sobre el popup extra que tiene la página en este tutorial, lo haremos en el siguiente.

Lo que si te mostraré es como obtener este plugin y muchos más gratis en tu sitio web WordPress.

Thrive Architect tiene un valor normalmente de $147.00 USD

Pero puedes obtenerlo gratis al adquirir una cuenta de hosting con nosotros.

En nuestros planes de hosting Premium o Business se encuentra incluidos plugins y plantillas Premium gratis para WordPress.

Y cada vez añadimos más elementos disponibles para añadir a tu sitio web.

Todos los plugins y plantillas son actualizados con regularidad, adicionalmente puedes automatizar la actualización de tus plantillas y plugins.

Por lo que siempre tendrás la versión nueva de todos los plugins y plantillas de WordPress.

Además de Thrive Architect contamos con otros plugins que veremos en otros tutoriales, como Thrive Leads que te permiten crear listas de correo rápidamente.

Contamos con plantillas y constructores como Divi y Beaver builder con el que podrás crear tu sitio web WordPress fácilmente.

En total nuestro catálogo de plugins y plantillas tiene un valor por separado por más de $1500 USD, pero tu lo obtienes gratis con un plan de hostign Premium o Business.

Si ya tienes una cuenta de hosting con otro proveedor, no hay problema, te entregamos un servicio de migración completamente gratuito.

Voy a mostrarte que fácil es instalar Thrive Architect en tu web WordPress.

Primero debemos entrar en nuestro panel de control de hosting.

Desde aquí vamos a buscar la opción WordPress Pro.

En wordpress pro tienes todas las plantillas y plugins Premium gratis que puedes instalar.

Puedes buscar el plugin manualmente o podemos buscarlo desde aquí.

Una vez nos encontramos en la página del plugin damos clic en instalar.

Ahora seleccionamos el dominio en el que deseamos instalar el plugin.

Debes asegurarte que este campo de abajo se encuentre vacío, y finalmente vamos hacia abajo y damos clic aquí para instalar el plugin.

Esto inicia la instalación de nuestro nuevo plugin.

Muy bien, ahora únicamente debemos entrar en WordPress y activar el plugin.

Y listo, nuestro plugin se encuentra correctamente instalado y se actualizará automáticamente siempre que exista una nueva versión.

De esta forma tendremos las actualizaciones de seguridad y mejoras del plugin completamente gratis.

Asi como este plugin también podemos añadir que nos permiten mejorar el marketing de nuestro negocio y también el SEO.

Por ejemplo, podríamos instalar el plugin Premium de SEO by Yoast, solo con Thrive Architect y SEO by Yoast deberías gastar más de $200.00 USD, pero con nuestros planes de hosting Premium o Business puedes obtenerlos completamente gratis.

En los siguientes videos vamos a mejorar nuestra landing page y también añadiremos popups y diferentes cajas en nuestra web para capturar el correo de nuestros visitantes.

Vamos a convertir nuestro sitio web en una verdadera máquina de ventas.

Así que nos vemos en un siguiente video tutorial.

[/x_accordion_item]

¿Deseas aprender a crear sitios web?

Regístrate gratis como estudiante y descubre como crear sitios web sorprendentes. Gana medallas y certificados por tus cursos completados.
REGÍSTRATE GRATIS

¿Quieres aprender a crear sitios web?

Regístrate gratis como estudiante y aprende a crear sitios web sorprendentes. Gana certificados y medallas al completar los cursos gratuitos.
¡REGÍSTRATE GRATIS!
close-link

¿Deseas aprender a crear sitios web?

Regístrate gratis como estudiante y descubre como crear sitios web sorprendentes. Gana medallas y certificados por tus cursos completados.
REGÍSTRATE GRATIS
close-link
Crea tu sitio web con diseño profesional en menos de 15 minutos
Ver Tutorial
close-image