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
Colocas un correo, selecciona una contraseña y le das “Crear cuenta”
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”
Luego le das click en “Install Free”
Colocas el dominio, en este caso el mío es https://emprendeconjuanka.com/ y le das click en “Check for WordPress”
Después le das click en “Install Elementor”
Por último, le das “Instalar Ahora”
En Elementor en la parte de Plugins vas a darle click en “Activar Plugin”
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.
¿Cómo puedes ver las plantillas Gratis? Das en la opción “Todos” y luego click en “Gratis”
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.
Después de que tingas definido que plantilla vas a utilizar le das “Importar plantilla”
Luego le das click en “Saltar e importar”
Y después le das click en “Siguiente”
Cuando se haya importado todo le das click en la opción de “Ver el sitio” y listo ya tienes creado tu sitio web.
¿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
- 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”,
Te va a aparecer el editor que trae WordPress, pero lo vamos a editar con Elementor.
(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.
También puedes editar los encabezados, imágenes, editar los textos.
Empieza a editar la plantilla. Yo pondré mi nombre puedes darle click en donde quieras empezar a editar.
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.
Y le das actualizar.
Ahora vamos a ver la imagen del fondo. Vas a darle click en la imagen
Luego click derecho, “Editar sección”
Después te vas de nuevo a la opción “Estilos”
Ahora el siguiente paso es buscar la imagen que quieres para la portada tu página, da click “sobre la imagen”
La vas a “Subir archivos”
“Seleccionas el archivo” donde se encuentra la imagen
Por último, la “Insertamos”
Y esta imagen se vería así.
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.
En esta plantilla dice Get My Guide, pero yo la modifiqué y le puse “Contacto”, tú puedes ponerle lo que gustes.
Puedes observar que en esta parte dice enlace, ¿cómo colocas el enlace?
Te vas a la web, y le das clic en “Contacto”
Copias el enlace
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.
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.
En el botón de “Leer más”, haces lo mismo, abríamos la sección de “About”
Copias el enlace
Y luego lo pegas
También puedes editar los años de experiencia, das “click sobre el número”
Colocas los años de experiencia, le puedes agregar un sufijo yo le puse el signo de +.
Se verá de esta forma
Aquí decía premios, pero yo le puse clientes satisfechos y el número de fin 300 y el sufijo de +.
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.
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 +.
Después debes darle click aquí en “+”
Luego “Elijes una estructura”
Ahora, en estos puntitos y buscas la palabra video
Y lo arrastras al lugar donde lo quieres poner
Después colocas la “dirección del video” que quieras mostrar.
Recuerda darle click en “Actualizar”
Se vería de esta forma
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.
Le das la opción “SALIR AL ESCRITORIO”
Recuerda que WordPress, en la sección de páginas puedes ver todas las que trae el tema que elegiste
Si ustedes quieren ir a buscar otras plantillas, te vas a “Apariencia”, en “Opciones de Astra”
Y le das click en “Ver la biblioteca”.
Cuando estás ahí vas a ver la biblioteca de todos los gratuitos.
Aquí encontrarás todas las diferentes plantillas
Si tu empresa se dedica al tema de salud también encontrarás opciones.
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
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.
2 Respuestas
Excelente artículo! super detallado y super bien explicado.
Muchas gracias por tu comentario, me alegra que te haya servido el artículo.