Como usar Elementor en WordPress

Como usar Elementor en WordPress

En mi blog anterior te hablé de como crear una página web con WordPress desde 0, muy rápido y barato, en este nuevo artículo pretendo darte los pasos esenciales para que puedas usar Elementor en WordPress como maquetador para editar tu sitio web, si esto te interesa, empecemos.

Mira el Video Completo de como crear una Web y Editar con Elementor

Adquiere el Hosting para tu Web con 70% OFF

Lo primero que vas a necesitar es crear una cuenta de Elementor, ingresa en y le das click en Get Started

elementor wordpress 1

Colocas un correo, selecciona una contraseña y le das “Crear cuenta”

elementor wordpress 2

Luego de aquí, Elementor te realizará unas consultas sobre para qué quieres usar Elementor, el tamaño de tu empresa y otros detalles adicionales, lo único que debes hacer es completar esa información y darle siguiente.

Ahora llega el momento de conectar tu WordPress con Elementor.

Eliges la opción “Yes” y seleccionas “Continuar”

elementor wordpress 3

Luego le das click en “Install Free

elementor wordpress 4

Colocas el dominio, en este caso el mío es https://emprendeconjuanka.com/ y le das click en “Check for WordPress”

elementor wordpress 5

Después le das click en “Install Elementor

elementor wordpress 6

Por último, le das “Instalar Ahora”

elementor wordpress 7

En Elementor en la parte de Plugins vas a darle click en “Activar Plugin”

elementor wordpress 8

Instala el Template Astra en tu sitio web, este Template te permite las mejores herramientas a la hora de maquetar con Elementor, ambos plugins de WordPress se integran muy bien.

Una vez Instalado el Template Astra Volvemos a la sección de “Apariencia” y después “Plantillas de inicio”, vas a seleccionar cuál de todas las opciones te gusta más.

elementor wordpress 9

¿Cómo puedes ver las plantillas Gratis? Das en la opción “Todos” y luego click en “Gratis”

elementor wordpress 10

Yo seleccioné la plantilla Learn Digital Marketing, aquí puedes observar cómo se verá la página, el HOME (Inicio), el ABOUT (Sobre nosotros), en esta plantilla existe una para cursos en los Cursos, Blogs, Contactos.

elementor wordpress 10

Después de que tingas definido que plantilla vas a utilizar le das “Importar plantilla”

elementor wordpress 11

Luego le das click en “Saltar e importar”

elementor wordpress 12

Y después le das click en “Siguiente”

elementor wordpress 13

Cuando se haya importado todo le das click en la opción de “Ver el sitio” y listo ya tienes creado tu sitio web.

elementor wordpress 14

¿Cómo se ve nuestra web en este punto? Vas a ir a tu sitio web, en este caso es:

emprendeconjuanka.com. Así se ve la web

elementor wordpress 15

  1. Cuando estás dentro de la página y ya sabes cómo se ve, el siguiente paso es dar click en “Editar la página”,

elementor wordpress 16

Te va a aparecer el editor que trae WordPress, pero lo vamos a editar con Elementor.

elementor wordpress 17

(Te recomiendo que, si tienes dos monitores abras tu sitio web a un lado y el editor en el otro, sino no pasa nada.)

Cuando le das editar ves que vienen por bloques.

elementor wordpress 18

También puedes editar los encabezados, imágenes, editar los textos.

elementor wordpress 19

Empieza a editar la plantilla. Yo pondré mi nombre puedes darle click en donde quieras empezar a editar.

elementor wordpress 20

Si tu nombre es muy largo como el mío puedes darle en la opción de “Estilos” y en “Tipografía”, puedes ajustar el tamaño.

elementor wordpress 21

Y le das actualizar.

elementor wordpress 22

Ahora vamos a ver la imagen del fondo. Vas a darle click en la imagen

elementor wordpress 23

Luego click derecho, “Editar sección”

elementor wordpress 24

Después te vas de nuevo a la opción “Estilos”

elementor wordpress 25

Ahora el siguiente paso es buscar la imagen que quieres para la portada tu página, da click “sobre la imagen”

elementor wordpress 26

La vas a “Subir archivos”

elementor wordpress 27

“Seleccionas el archivo” donde se encuentra la imagen

elementor wordpress 28

Por último, la “Insertamos”

elementor wordpress 29

Y esta imagen se vería así.

elementor wordpress 30

En esta parte voy a colocar una descripción interesante, yo la elegí de mi página web juancarloschavarria.com, recuerda que puedes editarlo dando “click sobre el texto” que quieres editar o editar texto.

elementor wordpress 31

En esta plantilla dice Get My Guide, pero yo la modifiqué y le puse “Contacto”, tú puedes ponerle lo que gustes.

elementor wordpress 32

Puedes observar que en esta parte dice enlace, ¿cómo colocas el enlace?

elementor wordpress 33

Te vas a la web, y le das clic en “Contacto”elementor wordpress 34

Copias el enlace

elementor wordpress 35

Y lo pegas, después le das “Actualizar”. Esto hará que cuando estés en la página de inicio y des click en contacto, te va a redirigir a la sección de contacto de la página.

elementor wordpress 36

Recuerda, cada vez que quieras ir modificando más cosas debes irte a Elementor

 Aquí, yo le agregué una foto, haces lo mismo la buscas y la cargas, también escribí información sobre mí, es importante que la información que tenga la página realmente resuenen con tu negocio.

elementor wordpress 37

En el botón de “Leer más”, haces lo mismo, abríamos la sección de “About”

elementor wordpress 38

Copias el enlace

elementor wordpress 39

Y luego lo pegas

elementor wordpress 40

También puedes editar los años de experiencia, das “click sobre el número”

elementor wordpress 41

Colocas los años de experiencia, le puedes agregar un sufijo yo le puse el signo de +.

elementor wordpress 42

Se verá de esta forma

elementor wordpress 43

Aquí decía premios, pero yo le puse clientes satisfechos y el número de fin 300 y el sufijo de +.

elementor wordpress 44

elementor wordpress 45

Esta plantilla trae la opción de agregar un video, sino quieres poner ningún video solo das click sobre el video y después en la x y lo eliminas.

elementor wordpress 46

Si la plantilla que elegiste no tiene esta opción, también puedes agregar una sección, solo le das click acá en el signo de +.

elementor wordpress 47

Después debes darle click aquí en “+”

elementor wordpress 48

Luego “Elijes una estructura”

elementor wordpress 49

Ahora, en estos puntitos y buscas la palabra video

elementor wordpress 50

Y lo arrastras al lugar donde lo quieres poner

elementor wordpress 51

Después colocas la “dirección del video” que quieras mostrar.

elementor wordpress 52

Recuerda darle click en “Actualizar”

elementor wordpress 53

Se vería de esta forma

elementor wordpress 54

Te recomiendo que el video que vayas a incrustar sea uno donde muestres los beneficios que ofreces, o ya sea mostrando tu negocio, lo que ofreces a los clientes.

 Puedes seguir editando lo que gustes y cuando ya lo tengas listo, le das clic acá en las tres rayitas.

elementor wordpress 55

Le das la opción “SALIR AL ESCRITORIO”

elementor wordpress 56

Recuerda que WordPress, en la sección de páginas puedes ver todas las que trae el tema que elegiste

elementor wordpress 57

Si ustedes quieren ir a buscar otras plantillas, te vas a “Apariencia”, en “Opciones de Astra”

elementor wordpress 58

Y le das click en “Ver la biblioteca”.

elementor wordpress 59

Cuando estás ahí vas a ver la biblioteca de todos los gratuitos.

elementor wordpress 60

Aquí encontrarás todas las diferentes plantillas

elementor wordpress 61

Si tu empresa se dedica al tema de salud también encontrarás opciones.

elementor wordpress 62

Este template te da un montón de opciones para que vengas, creas tu página y empieces solamente a modificar. Te dije que iba a ser fácil, súper sencillo, aquí está, ya lo tienes.

Todos los enlaces están dentro de este artículo y además te recomiendo ir a ver el video de “Cómo crear una PÁGINA WEB PRO 🦾 ▶︎ Tutorial Paso a Paso ◀︎” para que se te haga más fácil y sigas los pasos correctamente.

Adquiere tu Hosting con 70% OFF

Date de Alta en Elementor

Además, recuerda suscríbete a mi canal ya que seguiré subiendo videos de esta serie. Realmente espero que sea bueno para ti y para tu negocio.

Compartir:

Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp
Share on pinterest
Juan Carlos Chavarria

Juan Carlos Chavarria

👊 Ayudo a emprendedores a DIGITALIZAR sus negocios con Marketing Digital. 😎 CEO DIGESIT Agencia de Marketing Digital, emprendedor y músico. 🤝 Te ayudo a crear estrategias de marketing para tu negocio. Talleres y seminarios 👨‍💻 😍 @tanniaulloa_

2 Responses

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

¿QUIERES MEJOR MARKETING?

juan carlos chavarría

Soy Juan Carlos Chavarría y he ayudado a miles de emprendedores y empresas a conseguir clientes, ventas y dinero con marketing digital.

Sigue leyendo ...

Publicaciones recientes