Elementor es un potente maquetador visual de WordPress para construir sitios web, desde un blog personal hasta una tienda de productos en línea. Logrará crear una landing page en tan solo unos minutos de su tema favorito y así visibilizar sus proyectos de una forma creativa.
En este webinar Rita Robles le llevará desde la instalación de Elementor Builder hasta la creación de una Landing Page básica.
¿Qué aprenderá acerca de Elementor Builder?
Este video contiene información acerca Elementor Builder, potente maquetador visual de páginas web que le permitirá crear páginas web a su gusto y de una forma muy amigable.
Hoy aprenderá cómo instalar Elementor Builder desde la instalación deWordPress y así comenzar a crear una landing page básica del tema desu preferencia. Aprenderá cómo utilizarlo de forma correcta y cómo obtener provecho de todas las herramientas que ofrece.
La versión de Elementor utilizada en este webinar será la versión gratuita.
En futuros webinars se hará uso de Elementor Pro, ¡así que permanezca atento a ellos!Algunas de las cosas que aprenderá sobre Elementor incluyen:
Instalando complementos
Rita lo guiará através de la instalación de los complementos que se utilizarán para la creación de su página. Primeramente, instalará el tema Hello Elementor, con el cual llevará a cabo la creación de la landing page de ejemplo.
Este tema es 100% compatible con Elementor Builder, cuando se lanza una nueva versión de Elementor, lamayoría de las pruebas se llevan a cabo con el tema Hello Elementor, por lo que es una excelente forma de comenzar a darle forma a su landing page.
Otro de los plugins que Rita instalará es Elementor Header, Footer & Blocks, el cual será utilizado para la creación de una cabecera y pie de página hechas a su gusto, podrá hacer uso de estas secciones en cualquier lugar de su sitio web de una forma muy sencilla.
Por ultimo, instalará WPForms Lite, con el cual Rita le mostrará comocrear paso a paso un formulario de contacto en WordPress con solamente arrastrar y soltar los elementos, y de esta manera usted pueda obtener los mensajes que su audiencia desee enviarle y así estar en comunicación.
Personalizando la identidad del sitio
Rita repasará la configuración general de su sitio web, en esta sección aprenderá a agregar su logo, título y descripción de su sitio web. Es importante que su sitio tenga una identidad que lo represente en internet.
Además, verá como crear un menú con los distintos enlaces que se utilizarán en la landing page de ejemplo, como lo son: Inicio, Variedades, Métodos y Contacto, usted agregará sus enlaces de menu de acuerdo con el contenido que desea mostrar, en este ejemplo Rita creará su landing page con un tema que le apasiona, como lo es el café.
Creando la página de Inicio
Como primer paso para la creación de su landing page, Rita le mostrará como crear la página de Inicio desde cero, la cual, va a contener toda la información del tema que desea dar a conocer y será su página de portada.
Conocerá que existen dos tipos de plantillas con el tema Hello Elementor, Elementor ancho completo y Elementor canvas.
Con Elementor ancho completo, su página heredará la cabecera y pie de página creados y personalizados que usted haya compuesto. Si selecciona Elementor Canvas, lo que obtendrá es una página en blanco, con la cual usted podrá crear su página a su gusto sin heredar la cabecera y pie de páginas, esto es útil cuando no desee que todas sus páginas luzcan de la misma manera.
Para el ejemplo que muestra este webinar, se utilizará la plantilla Elementor ancho completo.
Creando un encabezado con Elementor
Con el plugin Elementor Header, Footer & Blocks que instaló previamente, usted puede crear con Elementor, una cabecera para su landing page. Rita le mostrará como realizar todo el proceso paso a paso, usted puede elegir en qué páginas de su sitio web se visualice la cabecera.
En esta parte del webinar profundizará en las herramientas que ofrece Elementor Builder, las cuales encontrará al lado izquierdo de su páginaweb, en un panel de control en el cual puede seleccionar la herramienta que necesite.
En este panel, también visualizará las herramientas de WordPress.
Rita mostrará la estructura de columnas en la cual está basado Elementor Builder y explicará detallamente como manipular cada sección. Comenzará a agregar los elementos como el logo, menu, título del sitio web, y así dar forma al encabezado.
¡Es momento de comenzar a crear la magia!
Creando un pie de página con Elementor
Es tiempo de crear el pie de página que adornará su landing page y Rita está lista para mostrarle como hacerlo. En esta parte del webinar, aprenderá como agregar una nuestras Green Tags a travésdel enlace GreenGeeks Seal que se encuentra en el dashboard que como cliente puede acceder en cualquier momento.
Es una asombrosa forma de mostrarle al mundo que su sitio es verde y “reductor de carbono”, puede sentirse feliz de estar ayudando a marcar la diferencia alojando sus páginas web en una plataforma que es ecológica.
Creando un formulario de contacto
Toda sitio web necesitará de un formulario de contacto, con el cual las personas que accedan a su sitio pueden establecer comunicación con usted.
Rita le mostrará como hacer un formulario de contacto en pocos minutos mediante el plugin WPForms Lite que permite crear un formulario sencillo y funcional.
Más adelante cuando proceda a crear todo el contenido de su landing page, hará uso del formulario de contacto para incorporarlo a la misma.
Creando contenido
La creación de contenido es la parte esencial para que su landing pagepueda mostrar a su público espectador lo que desea transmitir, mediante texto, imágenes, video y demás elementos disponibles.
Rita le mostrará el proceso de realizar esto con Elementor Builder, aprenderá como colocar todo el contenido en un solo lugar de una forma amigable y entretenida.
Ya cuenta con la cabecera y pie de página, entonces es momento de agregar el contenido que va a ir en el medio de ambas secciones. En esta parte del webinar, Rita le mostrará como agregar cada una de las imágenes descargadas previamente acerca del café.
Como buena práctica, Rita recomienda tener todas las imágenes descargadas con anterioridad y en un tamaño optimizado.
También, profundizará en cómo hacer uso de las distintas funciones que contiene Elementor Builder para manipular las imágenes, como por ejemplo, crear una opacidad a la imagen y dar una forma medianteel divisor de forma.
Echará un vistazo a demás opciones que este maquetador visual de WordPress le ofrece, como la opción de División Interior con la cual aprenderá como duplicar contenido de una forma sencilla y que le ahorrará tiempo.
Creará un carrusel de imágenes dándole un estilo agradable a la vista y añadirá un contador para mostrar las variedadesy métodos para preparar el café.
¡Aquí es donde su imaginación le permitirá ser tan creativo como quiera!
Por ultimo, Rita le mostrará como agregar la información de contacto para su landing page, agregando los campos de teléfono y correo electrónico. Así como también agregando el formulario de contacto creado anteriormente y el mapa de Google Maps.
¡Espero verte de nuevo para aprender más sobre Elementor Page Builder!
Nos gustaría agradecer a todos los que sintonizaron nuestro webinar. Esperamos poder ayudarlo a mejorar su aprendizaje sobre Elementor yWordPress en general.
Permanece atento a nuestras redes sociales para saber cuándo estará disponible el próximo webinar, muy pronto tendremos algunos webinars con Elementor Pro.
¡Muchas Gracias y feliz aprendizaje!
