En este tutorial de CursoWpress.com te explicamos cómo crear una landing pageUna landing page, o página de aterrizaje, es una página que contiene información y se crea específicamente para una campaña publicitaria. Las landing pages son fundamentales para las campañas publicitarias en cualquier ámbito del Marketing Online como, por ejemplo, el E-Mail Marketing, el Display Marketing y el SEO. La característica principal de las landing pages es la presentación original del contenido y del diseño que logran que la campaña publicitaria más con Gutenber el nuevo editor visual de WordPressWordPress es el software de blogs líder en el mundo, y es concretamente fácil de utilizar y adaptable. Con WordPress, es factible crear con éxito sitios web con la ayuda de funciones ya predefinidas, sin mucho esfuerzo, y para proporcionar contenido como texto, imagen y vídeo. No se requiere conocimiento de HTML. WordPress además facilita la gestión y el mantenimiento de contenidos extensos. Al mismo tiempo de su fácil manejo, más.
Lo que debes conocer antes de crear tu landing page con Gutenberg
Las landing pages al mismo tiempo reconocidas como páginas de aterrizaje, son unas herramientas de uso habitual en el mundo del marketing online. Si eres un webmasterEl término webmaster fue utilizado por primera vez por Tim Berners-Lee, el inventor de la World Wide Web, en su documento "Style Guide for Online Hypertext". La palabra se compone de las palabras inglesas "web", forma corta de World Wide Web y "master". En los primeros días de la WWW, a principios de la década de 1990, el término se usaba principalmente como un nombre profesional para las personas que disponen más o bloggerEl término blogger tiene dos significados. Se puede usar para referirse a la plataforma gratuita de hosting de blogs de Google, blogger.com, o a una persona que opera su propio blog. Blogger (persona) Los bloggers (o blogueros) son personas que gestionan un blog y hacen público regularmente "artículos" en ellos, ya sea por razones privadas o comerciales. Los mensajes de los bloggers suelen caracterizarse por el hecho de que muchas más experimentado ya estarás familiarizado con las páginas de aterrizaje.
Nosotros, en entregas anteriores te hemos hablado in extenso sobre ellas. Pero si no sabes muy bien de qué va el rollo de las landings, bien puedes pasarte por nuestro tutorial:
Qué es una landing page y cómo crear una en WordPress
En esta ocasión aprovecharemos las ventajas que ofrece Gutenberg, el nuevo editor visual de WordPress, para diseñar una página de aterrizaje atractiva.
Lo que necesitas para crear una landing page con Gutenberg
Para crear una de estas páginas para tu web necesitarás:
- Tener activado el editor Gutenberg. Vendrá por default en WordPress a partir de la versión 5. Pero por ahora lo puedes instalar como te mostramos en:
Conoce a Gutenberg, el nuevo editor visual de WordPress
- Activar el pluginConcepto de Plugin¿Qué es un Plugin?Un Plugin es un fragmento o componente de código hecho para ampliar las funciones de un programa o de una herramienta. En el ámbito del marketing digital, especialmente dentro del marketing de contenidos, es algo que se utiliza con mucha frecuencia dentro de entornos como WordPress, puesto que sirven al momento de contar con añadidos que hagan mucho más cómoda y completa la experiencia de más Stackable del que te hablamos en:
Los mejores plugins para Gutenberg
- Seguir los siguientes pasos:
Creando una landing page con Gutenberg
1. Planeando tu landing page
Una vez activados los plugins que te mencionamos en la previa y, antes de lanzarnos a diseñar, es necesario tener una idea clara de lo que queremos.
Aún cuando es cierto que cada landing page es distinta, atendiendo al contenidoEl contenido puede ser muy difícil de definir con precisión. Es una definición que se refiere a las declaraciones contenidas en un documento o publicación de cualquier tipo y puede incluir las tecnologías de la información y la comunicación. Esto cubre todos los tipos de medios como imágenes y texto. A parte de esto, en el campo de la optimización de motores de búsqueda, los términos duplicar contenido, contenido único, más, publico objetivo¿Qué es un objetivo?En marketing, un objetivo es el resultado que se pretende alcanzar en un periodo de tiempo, a través el uso de los recursos disponibles. Por tanto, se debe formular de una forma clara y hace falta que sea accesible y medible. más, y un largo etcétera. Todas las páginas de aterrizaje tienen items y características en común.
Características tales como:
- Tener un objetivo claro
- Incluir alguna llamada a la acción (o Call to ActionUna campaña call to action (“llamada a la acción”) es una invitación dirigida al público objetivo con intención de provocar una reacción específica. Es decir, generar Conversión. Un call to action puede aparecer en forma de texto, de imagen, o como una combinación de ambas. El CTA es muchas veces un prerrequisito para que el usuario interactúe con el sitio. Definición Se considera un anuncio “call to action” (CTA) a más)
- Ser de forma visual atractivas (Eye Candy)
- Sencillas (menos es mas)
- Tener unos textos (copys) poderosos.
Con esto en mente, bien podemos bosquejar una landing page efectiva.
Es importante recordar que el diseño de la página de aterrizaje dependerá al cien por cien del texto. Por lo que la comunicación con nuestro copywriter es vital.
2. Creando nuestra landing page con Gutenberg
Si ya activaste el Gutenberg y el plugin complementario Stackable, nos podemos poner manos a la obra.
1. Crear una nueva página
En nuestro escritorio de WordPress seguimos la siguiente ruta:
Paginas > Añadir nueva
Nos aparecerá una nueva página. Para este tutorial llamaremos a nuestra página de ejemplo Landing Gutenberg (tu puedes ponerle el nombre que gustes).
2. Ubicamos el texto de la página de aterrizaje
Ubicamos el texto o copy¿Qué es un copy?Texto de carácter publicitario destinado a llamar la atención del cliente potencial y promocionar un producto o servicio determinado. más que llevará nuestra landing. En función de lo que diga el texto ubicaremos imágenes adecuadas.
Un inciso sobre las imágenes:
Tienen que ser libres de derechos de autor. Podemos hacerlas nosotros mismos, contratar a un fotógrafo o bajarlas de un banco de imágenes libres de derechos.
Al mismo tiempo el texto nos dirá dónde se ubican los call to actions y otros items especiales como botones, acordeones, descansos.
El texto de nuestro ejemplo tiene la siguiente estructura:
- Texto breve.
- Botón de Call to Action.
3. Agregando un encabezado
Para agregar un encabezado en Gutenberg situamos el cursor sobre el botón de la H.
Ahora escribimos nuestro encabezado:
Nosotros en un derroche de inspiración le pusimos: Encabezado Landing (tu puedes ponerle el nombre que gustes).
4. Agregando texto
Para agregar un elemento en Gutenberg situamos el cursor sobre el símbolo “más” (+) o Añadir Bloque.
Posteriormente seleccionamos el botón Párrafo. A continuación añadimos nuestro texto:
Podemos al mismo tiempo cambiar el color del texto, o del fondo del texto si y solo si, consideras que el color favorecerá al mensaje. Y si, a la vez, el color encaja con la estética de tu proyecto.
5. Agregando un botón de Call to Action
Los call to action o llamadas a la acción son vitales si queremos generar conversiones. Tan importantes son, que hicimos un tutorial dedicado integro al tema: Tutorial Call to Actions.
Para hacer un call to action en Gutenberg:
Ubicamos el símbolo “más” (+) para Añadir Bloque. Y ubicamos los Layout Elements. Ahí encontraremos la opción de botón.
Agregamos el texto al botón.
Cambiamos los colores que trae el botón default para elegir unos más atractivos. El principio es el mismo que utilizamos para cambiarle el color a nuestro texto en el paso anterior (4).
Entonces le colocamos la URLEl URL (Localizador Uniforme de Recursos), es una dirección definida que apunta a la posición de un archivo en un servidor y lo recupera. Las URL se introducen en un navegador web para ingresar a documentos en la web o se incrustan como hipervínculos dentro de un documento. Se puede usar un Permalink para que una URL esté disponible de forma permanente. Componentes de una URL • prefijo de protocolo más a la que dirigiremos a nuestros clientes.
Y ya tenemos nuestro call to action.
Y nuestra landing page creada con Gutenberg.
Con este nuevo editor las posibilidades son ilimitadas. Bien puedes añadir tantos items requieras.
Siguiendo estos mismos conceptos y teniendo en cuenta el propósito de las landing pages puedes llegar a crear auténticas joyas. Y todo sin necesidad de usar complicados maquetadores visuales. Y sin requerir los servicios de un diseñador.
Recuerda, si deseas ser un experto en desarrollo web y todo lo referente al mundo del WordPress apúntate al mejor curso en línea y en español del mejor gestor de contenidos: WordPress.org
