Tutorial de ELEMENTOR para Wordpress 2024 (Parte 01)

Tutorial de Elementor para Wordpress, completo, desde cero y actualizado al 2021 para que aprendas a usar este plugin constructor correctamente y diseñes webs dinámicas con un aspecto profesional más fácil y más rápido.
Este video va a sentar las bases sobre todo lo que necesitas saber sobre Elementor como herramienta, y cómo instalarlo, configurarlo y utilizarlo de forma apropiada.
⚡️ Elementor PRO: bit.ly/33VlCrR
Introducción
Instalación y configuración
Ajustes del sitio, header y footer
Sistema de Diseño
Elegí tus colores globales *
coolors.co/
Elegí tus fuentes globales *
www.canva.com/...
Página de Inicio
Creá el Blog
Página de Contacto
PopUp
🔗 Plantillas compatibles con Elementor:
elementor.com/...
⭐️ Webs GENIALES creadas con Elementor Pro: elementor.com/...
🔗 Documentación y Centro de Ayuda:
elementor.com/...
¡NO TE PIERDAS LA SEGUNDA PARTE!

[@juancarloslopezlopez8454]

EXCELENTE MATIAS!!!! MUCHAS GRACIAS ERES GENIAL...

[@roosbellmoreno4136]

Les recomiendo realizar la inversión de PRO. Vale la pena!! Excelente video

[@josefinahelman9020]

Q bueno q es tu canal Matias!!!!

[@jormanso3364]

Sos capo, ya hice algunas pag, pero no paro de repasar tus videos y SIEMPRE saco algo

[@diegoroman6450]

Magistral tus tutoriales

[@efra.oficial]

Excelenteeeee !!! Gran tutorial !! Y por lejos... lo mejor de KZbin !!! Gracias !!!!

[@celinatettenborn3860]

Hola!!!! Gracias sinfiiiiiin!!!! Sos muy groso !!! Estoy empezando con mi primera web y es maravilloso este tutorial.

[@juanferrer2787]

Mati te re banco de corazón, estuve teniendo una banda de problemas con worpress y sigo lo que haces paso a paso y me solucionas todo. Sos geniooo

[@williamhdezvaldes3231]

muchas gracias por compartir tus conocimientos con tanta claridad, me ha servido de mucho este video, saludos

[@gianfrancobossa3101]

sos un genio, gracias por esto, te ganaste un nuevo suscriptor.

[@wismanramirez6693]

ESTO ME ACABA DE SALVAR LA VIDA, Grande crack

[@victoriautube77]

Matiaas!! Muuchas gracias por toda la info! Gracias a tu tutorial creé mi página! Recomiendo mucho elementor Pro también y que se consigue en mercado libre por si a alguien le sirve! Abrazos de Buenos Aires!

[@gabrielrodolfoazar]

Capo total, he visto muchos tutoriales de estos temas, sos un genio!

[@D-VERDAD.G]

He visto mas de muchísimos videos de muchas personas que dicen saber pero nada tan sencillo como tu lo explicas De verdad muchas gracias👏👏👏👏

[@yonerjesusarriojajimenez6751]

matias ERES UN CRACK, soy ingeniero en informatica soy backend pero me ofrecieron trabajo para diseñar paginas por WORDPREESS dije que NO SABIA pero podia aprender en 24 horas, jajaj consegui tu video y de verdad aprendi lo suficiente... ERES UN MOSTRO

[@caroalfonso23]

Hola Joner! me ofrecieron un trabajo en wordpress con elementor y me dijeron algo parecido, que iba a aprender rapido, te funciono? aparte de ver este tutorial claro. muchas gracias

[@yonerjesusarriojajimenez6751]

@@caroalfonso23 hola disculpa lei el msj, como estás? A mí me fue súper y tú ya comenzaste?

[@elisacruz2833]

Hola Matías, he visto casi todos tus vídeos y ví tu tutorial de WordPress completo, para seguir aprendiendo más decidí comprar un curso de Domestika de creación de páginas web profesionales en WordPress, no estuvo nada mal pero puedo decirte que el tuyo me ha aportado más y he aprendido mucho más, eres un excelente profesor. Gracias por traer estos videos y a parte de todo gratuitos, son de GRAN valor, aprecio mucho tu trabajo, saludos desde México. Y nuevamente GRACIAS!

[@Matias-Porta]

Hola Elisa! Muchas gracias por tu comentario! Me alegra saber que te sirvió el tutorial y espero te ayude al usar Wordpress. Saludos desde Argentina!!

[@tatianaacosta1171]

Me encanta tu forma de enseñar y las herramientas que nos das!! Gracias por montones!!!

[@saulbahamonde2506]

¡GRACIAS por tu aporte Bro... eres un Capo..! me estas dando muchas maneras de hacer ediciones un abrazo desde Perú..!

[@maoimaginario4212]

¡Maravillosos tutorial, mil y mil gracias!!!

[@valeriayarce6556]

este contenido es ORO!!!

[@chamoy7034]

18:09 Ajustes del sitio -colores -tipografía. 20:20 logo del sitio, nombre, favic.. 8:20 Crear páginas (para el menú). 21:20 Crear cabecera y añadir menú. 24:40 Pie de página. -Copyright 26:32 Página de inicio - Banner -Boton 33:37 Agregar iconos sociales 35:56 Alinea elementos (Duplicar Ctrl+D) 44:47 Ajustar modo adaptable 48:45 conectar la página de inicio 52:44 Editar las páginas del menú - Widgets - Entradas 54:22 Animación de letras 55:23 Banner al final de la página 1:01:24 Crear página de contacto

[@nereidamartin2948]

Gracias por el tutorial es increible como explicas ,he visto mas tutoriales tuyo y en definitiva de todos los que he visto en youtube te considero de los mejores o el mejor youtuber de estos temas muy entretenido como explicas .

[@Meridianoservicio]

Super vigente el vídeo, muchas gracias Matías

[@Artemissanana]

Muchas gracias he estado practicando con elementor y esta super . Muchas gracias por todo tu aporte

[@santiagoibanez4782]

Simplemente PERFECTO. GRACIAS

[@dianatobon1110]

¡Un excelente tutorial, mil gracias Matías, bendiciones!

[@carlosteileche4641]

Hola, Matías tengo 58 años y esto iniciando la pagina sin conocimientos previo, vi los tutoriales de WP y ahora estoy con los de elementor, desconozco si tienes formación docente pero eres muy didáctico, claro y practico en los conceptos , realmente te agradezco el haber realizado estos tutoriales que son de gran utilidad para personas como yo, aprovecho para hacerte una consulta estoy utilizando la plantilla NEVE en WP y cuando selecciono una plantilla de elementor solo veo parte del diseño no lo inserta completo. Saludos y gracias

[@Victoria_FCB]

Tu canal es muy bueno! por el momento vi los primeros 30 minutos del video, quiero aprender a manejar este plugin ya que en la empresa en que trabajo tiene un cliente el cual maneja su página con este y agradezco mucho que compartas tus conocimientos.

[@villagraned777]

TRemendo curso!!! MUCHAS GRACIAS Un gran abrazo

[@Paola-vr1wk]

Hola muchas gracias por tu contenido me ha ayudado mucho! oajal pudieras hacer la sección de blog con elemtor version sencilla, ,uchas gracias!

[@Matias-Porta]

Hola Paola! Lo voy a tener en cuenta! ;) Un saludo

[@ferheviatorres]

Ojalá todos los tutoriales fueran como este. Claro, conciso y lleno de detalles. Gracias a ti estoy desarrollando mi primera página partiendo de cero conocimientos previos. Eres genial!!!

[@miguelgr7966]

Gracias Matías , muy bien explicado !

[@darthedgar]

Buen video me has ayudado mucho, gracias

[@silviojuarez4611]

llevo un par de días practicando con elementor y este video me viene como anillo al dedo, muchas gracias :)

[@andresstiven4174]

que gran video, gracias

[@vensatta]

te amo Mati. necesitaba este video!! graciasss

[@Wfriver70]

¡Qué grande eres Matías!, tenia varias dudas que fueron disipadas, tienes una forma de explicar increíble 0 agobios 0 aburrimiento.

[@jersonlopez1778]

pague 600 dolares en un curso de marketing digital donde te obligan a compra las herramientas que ellos crean y no me explicaron como usar elementor ya que ellos usan otras herramientas. viendo este video de gratis me doy cuenta que bote 600 dolares por no asesorarme primero. tu video vale oro

[@nadialuna2109]

de todo se aprende.

[@frankiloco5726]

sos capo chabon, muy bueno el curso

[@camilolynn7394]

Eres un crack, muchas gracias!!!

[@soniasamanthasierrazarate101]

Hola Matias, está super padre tu video. Me podrías orientar con una duda, es que actualicé elementor y ahora no me deja editar nada. Te agradezco mucho si me puedes guiar sobre a donde recurrir para resolverlo. Gracias!!

[@Matias-Porta]

Hola Sonia! Tienen esta sección en Elementor donde abordan el tema de los errores tras una actualización: elementor.com/help/update-issues/ Fijate si te sirve y avisame. Saludos!

[@matiasmedrano7454]

Muy buen video, explica muy bien lo justo y necesario, para que el espectador también profundice y aprenda por su parte. Muchas gracias

[@adrianocabral_estudio]

Muy bueno el tutorial, ya conocía la mayor parte porque vengo usando la versión gratuita, no estaba seguro de elegir la versión paga, pero me convenciste de hacerlo. Vale la pena por todas las funciones que tiene, te evita estar usando plugins para complementar la versión gratuita. Muchas gracias por el contenido, 10 de 10.

[@myriam7867]

Matías, nuevamente no tengo palabras para agradecerte en compartir tu enorme capacidad para que muchos podamos tener una fuente de trabajo gracias a tus enseñanzas. Excelente video

[@camiiriso7012]

Gracias Matías, sos muy claro

[@agostinaalassia2332]

Hola Matías, gracias por este tutorial. Me encantó tu forma de explicar, Saludos desde Chubut. Nueva Suscriptora :)

[@LiquidBone984]

Hola Matías, no me deja modificar la opción de cabecera y pie de página del tema hello en el minuto 7:53 y más adelante tampoco me permite modificar pie de página y cabecera cuando me abro elementor. Puede ser porque no tengo la versión pro?

[@estebanwebdesign]

Me parecen excelenes tus videos y explicaciones. o hara unos meses empece a estudiar codigo (htm y Css) pero desde que descubri Wordpres (y aun lo sigo estudiando), me enamore de este cms, con todo el potencial que tiene. Es increible!!

[@hf-sg5gz]

Excelente, Mejor imposible

[@jesushurtado6352]

Es genial esta clases valen mucho (:

[@raquelsanz5164]

Muchísimas gracias Matías, ¡que grande eres!. Información útil y de 'lujo' explicada.

[@alexisfox1000]

genial el tutorial, estoy suscrito y esperando la segunda parte.

[@freestylepcm]

Excelente trabajo, cosas que no tenía claro, ahora veo todo mejor. Un tutorial muy completo. Un suscriptor más.

[@YisusByte]

saludos bro, hoy hice mi primer landing page gracias a este tutorial.. tarde desde las 8am hasta las 4pm y lo logre!, claro, todo de manera local usando Xampp, pero la web que hice (inspirada en otra) quedo practicamente igual -era mi objetivo-... si se puede, si con la parte 1 hice un landing page, no me imagino con la parte 2 xD saludos!

[@valeriagv5915]

¡Gracias! Justo estoy empezando a manejar Elementor y tu explicación me ha servido de mucho. :D

[@juanjosejzt]

YAAAS! Gracias, lo necesitaba.

[@Matias-Porta]

Excelente!

[@hossmusica]

Excelente tutorial, gracias.

[@propulsoresdemarca]

Tremendo tutorial, muy claro y preciso con la información. Muchas gracias 👏👏

[@agustinacastello6496]

gracias Matías me encantó! fan

[@BrayFitLife]

Que buena clase muy buen video

[@danielmadal9428]

Hola amigo. Puse me gusta y estoy a punto de suscribirme a tu canal. Estoy buscando un tuto para crear una web para radio con WordPress utilizando Astra y elementor. Gracias. Saludos desde Córdoba Argentina.

[@paraisotravelscol5024]

Un tutorial muy util, gracias

[@alexanderrepollo1024]

Con este video aprendí mucho sobre Elementor, de verdad te agradezco!

[@ArtipitekuS]

excelente tutorial, muy bueno! muchisimas gracias

[@Burzumhell]

Gracias totales!!!

[@irmasegura2538]

Tú muy claro. Muchas gracias. Sólo que para el modo responsive, donde se hacen modificaciones para tablet o para móvil, me pongo a moverle (asegurándome estar en el iconito correspondiente) y cuando regreso a ordenador, ya me movió todo. No encuentro cuál es el error. Tienes algún tip? Gracias.

[@vladimiracuna9788]

Gracias por esa gran ayuda

[@joorchampi3346]

Buen video supercompleto y muy bien explicado todo, te felicito crack! Por cierto, tengo ls mismos paneles que tu, en otro color por eso! El absorbente, los tengo porque me dedico a la producción, y son cojonudos, un saludo!

[@marketdigitalcl]

Excelente Matías, actualiza este mega curso amigo, eres el mejor un abrazo desde chile💪

[@FlorenciaGagliardi]

Hola Matías! Gracias por el video, muy claro. Una pregunta: si ya tenga instalado en Elementor, para un sitio, ¿debería cambiar de plan para poder utilizarlo en un segundo sitio, no? ¡Gracias!

[@blaschet.9580]

lo mismo me pregunté yo!!! pudiste evacuar tus dudas?

[@josecalcagni8472]

👉 Excelente tutorial, muchas gracias, muy claro y bien explicado.

[@AlejandroDeverlo]

Brillante!!! Muy bueno!!

[@bortatuxa8521]

Muy bueno Matías!! Armé mi web con tus videos, solo me falta que desde el formulario en vez de llegarme la info al mail (probé con Contact form 7, pero no se puede) quiero que se agreguen los datos automáticamente en la web y se arme (igual q una guía telefónica) una guía por ciudades de pintores, albañiles, gasistas, electricistas y limpieza. Y ayudar a la gente q no consigue trabajo tan simple sea encontrado con solo poner (y queda para siempre) su ciudad, teléfono y rubro q se dedica en una web. Lo puedo hacer con elementor pro? Gracias!!!

[@marianodelacruz]

nuevo suscritor exelente

[@marcosasd442]

Excelente tutorial, queria comentar que existe una version gratuita y legal de las funciones de elementor pro, se llama pro elements pueden descargarla y instalar el plugin a WP, Saludos!

[@myriam7867]

Genio total!!

[@gynnymartinez]

Genial Matías, impecable. Sólo una cosa, según tu experiencia, como van las páginas hechas con elementor a nivel de WPO?

[@Matias-Porta]

Hola Gynny! Gracias! Elementor carga código innecesario aunque va mejorando con cada actualización. Diria que, de base, hay que hacer varias optimizaciones “extra” para que todo cargue como debe. Saludos!

[@gynnymartinez]

@@Matias-Porta toca el tuto de cómo opotimizar una web hecha con elementor 😅😚

[@mariamauri34]

¡Muchas gracias Matías! Genial el contenido que nos compartís!! Yo no estoy pudiendo poner el botón dentro de la sección que quiero. Alguien puede ayudarme?

[@milegadoalmundo4439]

Matias, si vamos a usar elemento pro gratis también hay que poner la tarjeta y me pueden cargar como me paso hoy dia con LPc.

[@mozar3510]

Por favor, poderia me ajudar com uma dúvida no Elementor? Quando eu insiro um bloco/seção, coloco um fundo (por exemplo verde) neste bloco/seção. Quando eu insiro outro bloco/seção, e coloco neste bloco/seção um fundo verde também igual ao de cima, fica com uma faixa branca, um "espaço" branco entre os blocos/seções. Queria que toda a página ficasse com o mesmo fundo verde, sem essas faixas brancas entre os blocos/seções. Como eu poderia fazer para que toda a página ficasse com o fundo verde e não ficasse com essas faixas/espaços brancos entre os blocos/seções? Fica a sugestão para fazer um vídeo explicando isso.

[@Mi_camino_en_el_trading]

hola la opción de ir a apariencia/menu despues de crear las paginas con la nueva actualizacion desaparecio a su vez salen solo 2 opciones TEMAS y Editor en Beta, selecione la edicion editor beta y ya aparecen como menu. A lo mejor es una mejora

[@luiscarlostrotta8119]

Buen día Matias!!!! Te felicito por tu didáctica y la manera de transmitir tus conocimientos!!! Te quiero hacer la siguiente consulta por favor: Si quiero utilizar solo la versión free de Elementor que viene como plugins en wordpress, este tutorial me sirve? Bueno muchas gracias y saludos!!!!

[@Matias-Porta]

Hola Luis! Si claro que te sirve! recién en las demás partes puede que haya contenido más bien dirigido a quien adquiera la versión premium. Saludos!

[@luiscarlostrotta8119]

@@Matias-Porta excelente!!! Muchas gracias!!!!

[@charlestechs]

kzbin.info/www/bejne/hJK6p3yZl613p5I&ab_channel=CharlesTechs

[@isauradb7638]

Hola Matías. Gracias por todo el contenido. Te sigo desde el año pasado y gracias a tus vídeos pude crear una página web para mi emprendimiento, desde cero y sin conocimiento previo 😃 Este año modifiqué mi logo y quiero subirlo a mi web y no se porqué ahora toda imagen PNG que subo me la convierte automaticamente en JPG. Ya sea desde la opción "agregar imagen" con Elementor o desde "personalizar escritorio" con WordPress. Si tenés algun consejo sobre cómo subir imagen PNG será de una gran ayuda!! Muchas gracias desde ya. P/D me alegro que hayas aumentado el número de suscriptores, cuando conocí tu canal tenías 4mil y me parecía injusto. Espero que sigas sumando! Me suscribí desde mis 2 cuentas 🤭 Saludos!

[@Matias-Porta]

Hola Isaura! Gracias por el comentario! Me alegro mucho que te hayan servido los videos. La verdad es que no me ha pasado, ¿usás algún plugin de optimización de imágenes que tal vez este haciendo la conversión de forma automática? Si subís una imágen a Wordpress entonces debe figurar como tal en la biblioteca de Medios. Fijate si está. Avisame si pudiste resolverlo. Saludos!!

[@isauradb7638]

@@Matias-Porta muchas gracias por tu respuesta. Sí, tenía un plug in de optimización de imagen, lo que hice fue desactivarlo y funcionó!!! Pude cargar la imagen manteniendo el formato original. Luego volví a activar el plug in y todo quedó perfecto! Muchísimas gracias por la ayuda, es invaluable. Saludos!

[@charlestechs]

APRENDE A CREAR PRODUCTOS CON WOOCOMMERCE DESDE CERO, VEA EL SIGUIENTE VIDEO. kzbin.info/www/bejne/hJK6p3yZl613p5I&ab_channel=CharlesTechs

[@armindasanchez6047]

Genio Matías!!!

[@david9219]

excelente, gracias.

[@recicladograbaciones851]

sinceramente es muy clara tu forma de explicar, es muy dificil encontrar buenos tutoriales y los tuyos son realmente muy profesionales, concretos y bien explicados. es por ello que te quiero consultar lo siguiente, algo hice mal que no puedo hacer que en mi pagina no se visualicen los cambios que hago en elementor, no se por que, podras explicarme algo al respecto, instale varias veces de nuevo el plugin de elementor tanto el basico como el pro, y no hay forma que lo logre... no se que hice mal

[@charlestechs]

kzbin.info/www/bejne/hJK6p3yZl613p5I&ab_channel=CharlesTechs

[@francodutto9082]

Un crack, excelente video! Quisiera consultarte como hago para darle sticky a la cabecera. Millón de gracias.

[@Matias-Porta]

Hola Franco! Gracias por el comentario, lo explico en el último video de Elementor que subí, sobre creación de menús. Saludos!

[@santiagoberlanga6290]

Una duda. Veo en otros videos que este Plugin ralentiza la web. Se que se utiliza mucho.. hasta que punto perjudica mas que aporta. Gracias. Buen contenido siempre.

[@salvaravens]

Matías, muy buen tutorial!!! pregunta, porqué cuando pongo "visitar el sitio" en el menú principal no me agarra todas las modificaciones que hice con elementor? solo la versión básica de worpress?? muchas gracias desde ya!

[@rebecapacheco6401]

Muy bueno tu tutorial, felicidades y gracias!!! Pero tengo una pregunta, a ver si me puedes decir si hay forma de editar la versión PC y la versión MÓVIL por separado, porque ahora si toco la versión móvil también me aplica los cambios en la versión PC y al revés. Gracias y un saludo!!!

[@Luis-ys4uq]

Estimado usted me podria recomendar algun hosting donde se pueda subir muchisimas imagenes y videos por favor...

[@giorginespinoza]

Gracias por estos tutoriales que nos ayudan mucho, quiero saber si entendi bien , puedo escoger una plantilla de wordpress y despues diseñarla con elemntor, es asi, gracias por todo desde Peru

[@Matias-Porta]

Muchas gracias por comentar! Sí, así es! Saludos 👋🏻

[@claudiagonzalez8658]

Excelente tutorial!..Matias podrías hablar sobre como solucionar errores en el plugins, por ejemplo con letras o signos especiales? Estaba haciendo una web y por poner diéresis en la letra U ( los dos puntos arriba en la palabra Lingüística, me daba el error 406)...gracias!

[@Jaibytes]

como puedo editar las propiedades de un cuadro que se encuentra anidado en un grupo de objetos? porque cuando intento sujetarla no me deja, es como si estuviera debajo de otroso y no puedo siquiera seleccionarlo

[@tata64]

Hola Mati, cómo estás, espero que bien, muy buenos tus videos, precisaría una ayuda para mi proyecto de página y asesoramiento, cómo te puedo contactar, muchas gracias y saludos!

[@maricelarias5994]

hola Matías, gracias por este video, ha sido de mucha ayuda para mí. Aunque tengo una limitante con las funciones del elemento, aún no entiendo cual es el motivo de que no me aparezca en las funciones de ajustes cabecera y pie de pagina, no me aparece en el listado para activar. Tendré que hacer alguna otra configuración?

[@pablogarciajc]

Brutal.. Hermano .. muchas gracias.. 🤌🤌

[@isabeleaguirre993]

Hola Matias, muchas gracias por enseñarnos tantas cosas. Tengo una duda: tengo mi pagina hecha por una empresa, pero ahora quiero empezar yo a manejarla y estoy por ello aprendiendo porque no era capaz, esta hecha con elementor aunque a mi me parece divi más intuitiva, se puede ahora añadir divi o me debo quedar con elementor?

[@VISIONFAMILIA]

Hola matias, muy bueno tu material, te felicito por la capacidad que tienes de transmitir tus conocimientos. Quisiera saber si es necesario adquirir Astra Pro + Premium templates para tener buenas plantillas o talves solo con tener Elementor Pro me supla todo lo que necesito para una linda pagina? Pues tambien necesito colocar base de datos y no se como y un boton de acceso con clave para clientes. Muchas gracias por tu gran aporte!

[@Matias-Porta]

Hola! Muchas gracias por tu comentario! Sí, realmente ambas opciones te van a otorgar mucha capacidad de diseño para lo que querés hacer. Ya sea optar por Elementor Pro únicamente o por Astra Pro, pero no te hacen falta ambas en mi opnión. Para hacer lo demás que comentás tenés plugins útiles en el repositorio de Wordpress. Saludos!

[@kaeli.0967]

Me pasa que hago los cambios del vídeo pero al.momento de querer guardar los cambios estos no se guardan, es decir cuando pongo en el buscador para iniciar sesión veo que los cambios no se han hecho :c Estoy ocupando la opción de WordPress local y estoy usando elementor