Bienvenidos a la cuarta clase del curso de Page Builder, en el que aprendemos a crear, diseñar y maquetar el contenido que creamos con WordPress.
En la lección de hoy veremos 2 widgets clave en cualquier landing page. Uno para crear botones, y uno para crear llamadas a la acción (Call To Action).
4.1 - Widgets del Bundle de Page Builder
Antes que nada, vamos a instalar un plugin que nos va a permitir tener ciertos widgets extra para utilizar con Page Builder. Actualmente son 13 widgets muy interesantes, y los vamos a ver a lo largo de las próximas lecciones.
Bien, pues ya los tenemos a nuestra disposición. Y sobretodo fijémonos en lo importante que es hacerlo así, en lugar de tenerlo todo en un mismo widget, que crearía un locking importante con el plugin principal, y además le añadiría un exceso de código innecesario. De esta forma, nos aseguramos la independencia entre la funcionalidad del Page Builder y del contenido que este muestra.
Y ahora vamos a ver todo lo que se puede crear. Y como se suele decir, para muestra... ¡Un botón!
4.2 - Widgets de creación de botones
Veamos el primero de esos widgets que hemos creado. El de creación de botones. Nos permitirá de una forma fácil y rápida diseñar y crear un botón en lo que canta un gallo. Vamos al lío:
¿Fácil, cierto? Un botón personalizado con el diseño que queramos, colores, bordes, e incluso un icono a elegir entre varios cientos. ¡Incluso podemos poner nuestra propia imagen!
Y ya que hemos estudiado cómo poner un botón, ¿Por qué no damos un paso más allá y creamos una llamada a la acción completa? ¡Pues a eso vamos!
4.3 - Widgets de creación de llamadas a la acción
Hay cientos de tipos de llamadas a la acción. Y de hecho, incluso lo podríamos hacer con un botón simple. Pero ahora veremos otra forma de hacerlo, a través de una caja en la que pondremos un título, un subtítulo y un botón, para invitar al usuario a "hacer algo". Una invitación... Una llamada... ¡A la acción!
¡Y ya está! Así de fácil, así de simple. Ya hemos creado una nueva zona en nuestro contenido en la que invitamos a los usuarios a suscribirse a nuestra newsletter. Pero evidentemente, la llamada podría ser para cualquier otra acción. Ya veremos más ejemplos en futuras lecciones.
Bien, pues ya sabéis crear botones y llamadas a la acción. Ahora ya sabéis lo que toca. Todos a experimentar y a diseñar. Y para cualquier duda o pregunta, podéis usar el apartado de "soporte" de la Intranet :)
¡Nos vemos en la siguiente lección, con más widgets, más diseño y más Page Builder!
Todos los capítulos de este curso:
- Curso de Page builder #1: Introducción al editor visual
- Curso de Page builder #2: Widgets de WordPress y configuración
- Curso de Page builder #3: Widgets de Page Builder
- Curso de Page builder #4: Botones y llamada a la acción
- Curso de Page builder #5: Hero
- Curso de Page builder #6: Construyendo una home con destacados
- Curso de Page builder #7: Elementos multimedia
- Curso de Page builder #8: Imágenes
- Curso de Page builder #9: Página de precios
- Curso de Page builder #10: Página de contacto