Guía paso a paso para diseñar una landing page en Elementor
Вставка
- Опубліковано 5 вер 2024
- Amig@s! en este tutorial les enseño cómo diseñar una landing page desde 0 con Elementor. Vamos a revisar una de mis landing pages que nos genera cerca de $10 mil USD al mes. La tenemos vinculada solamente a nuestras campañas de Google Ads.
✅ ¿Estás pensando comprar Elementor PRO? Apóyame y hazlo con mi link:
bit.ly/3MHhAXS
🥇 Únete a mi curso de diseño web con Elementor y diseña páginas web como un PRO
manumartinezma...
----------
🥃 Contrátame para tu proyecto web o de marketing digital: bit.ly/4627V4N
✉️ Email de contacto: emmanuel@digitalcrew.com.mx
☑️ manumartinezma...
----------
➡️ VAMOS A CONECTAR
/ manumartinez.mkt
#landingpage #diseñoweb #elementor #elementorpro #wordpress
¡Equipo! si les sirvió este tutorial y están por adquirir Elementor PRO, les dejo mi link de afiliado 👉 tinyurl.com/2j6nswue Gracias x apoyar al canal 🥃
Manu gran material, una duda en la parte de texto en el min 11:22 donde seleccionas integrado, siguiendo los pasos no me deja el texto en una sola linea abra alguna otra opcion para resolver ese tema?
acà en una version mas reciente aparentemente de WP me da la opcion de personalizado achica la caja del texto pero no se alinean !!
He visto muchos tutoriales de WordPress y este ha sido el mejor que he visto bien explicado,, práctico y al punto. Excelente profesor, gracias por compartir tus conocimiento. Ya tienes otro suscriptor fiel
Gracias por tu comentario :) Éxito en tus proyectos!
Llevo 5 años viendo videos de todo tipo en WordPress y realmente eres el mejor! Saludos.
Hermano, me acabas de hacer el día. Éxito en tus proyectos
Hermano excelentes sus videos. Mas facil imposible!!!
Muchas gracias, en la mayoría de videos se van por instalar un plugin de plantillas, que puede ser más fácil... pero con lo que tu enseñas creamos la landing específica como queremos...buena esa.
Este contenido vale oro 🙌🏻🙌🏻🙌🏻🙌🏻🙌🏻♥️♥️♥️♥️♥️
Una MASTERCLASS !!! Sin dudas uno de los mejores tutoriales de uso de Wordpress+Elementor. Nuevo suscriptor
Bro! me hiciste la mañana con tu comentario. Muchas gracias!
Buenísimo Manu, eres muy pedagógico. Aprendí mucho, muy buena velocidad en tu lenguaje
muchas gracias por enseñarme de manera gratuita a utilizar wordpress!!! te lo agradezco mucho!
Éxito en tus proyectos!
Me ayudo a perfeccionar la que ya había terminado, muy buena Información claro y preciso sin tanto rodeo. GRACIAS
Q Bueno q te pude apoyar!! Éxito en tu proyecto :)
Qué tutorial! Qué crack de profe! Gracias!
¡Hola, Manu! Recién voy por la primera parte y paré para pasar por aquí y agradecerte. La verdad, y como dicen en varios comentarios, me has ahorrado horas y horas de cursos (ya me había cansando de buscar y ver videos). ¡Un super like y suscripta!
Están muy perrones tus vídeos. Muchas felicidades! en una sentada mejoré mi página gracias a ti. Eres un chingón!!!
Me acabas de hacer la semana! Ya voy a subir contenido mas PRO … tengo unos buenos truquitos en elementor y woocommerce
Que tal Manu, muchas gracias por el tutorial no conocía tu canal pero me ha encantado, no todos lo que tienen el conocimiento tienen la capacidad para explicar de una manera tan clara; brindas mucho contenido de valor y eso se agradece. Ya tienes un nuevo suscriptor y lo menos que puedo hacer es aportar con mi like, comentario y suscripción, saludos!!!
Gracias x tu comentario! Me acabas de hacer el día. Saludos!!
yo apenas ando casi iniciando y me han ayudado mucho tus tutoriales la verdad muchas gracias si eh tenido varios proyectos que han sido todo un exito .
Hola Bro, me hiciste la tarde! un gusto poder ayudarte.
bua, tio me ha quedao la landing, NIQUELADA, TOY CONTENTAAAAAAA, GRACIAS, ahora voy a ver coo poner los enlaces o las anclas, benditos UA-camRS, JAJAJJA
llevo 24 minutos y ya reciibi 500 cachetadas. Gracias wey, me hiciste ver mas potencial a esto...
Que pasooo mi rey! Gusto saber que te pude ayudar... tengo un tutorial más actualizado, esta página me genera bastantes ventas:
ua-cam.com/video/KrkSUPTbDNM/v-deo.html
@ me lo veré ya mismo, gracias crack
Hola qué tal Manu, muchas muchas muchas gracias por la info. Me ha ayudado un montón el hecho de poder crear landing page más intuitivas y dinámicas. Un súper vídeo!
Manu, muchas gracias, increible la ayuda, justo lo que andaba buscando, saludos!
ERES UN MASTER.. MASTER,,
Excelente explicación. Muchas gracias. Muy claro muy simple
EXCELENTE tutorial Manu, despues de verlo me resulto mucho más fácil usar Elementor.
Gracias crack!👍👏👏
Excelente tutorial, creo que descubrí un gran recurso.
Hola! Matías... tarde pero seguro... cómo te ha ido con tu proyecto de landing? Ya estás generando billetes 💰 ?
Excelente amigo.. super Pro...
Genio!!! Gracias por semejante aporte que ayuda mucho!
Hola amigo me has ayudado un mundo excelente como explicas
Súper
brutal Manu gracias por el aporte...
Muchas gracias ... excelente 🤓🤓😎😎
Muchas gracias por la explicó
Que genial y gracias por toda esa información
Excelente tutorial, aunque no la hice exactamente igual, te da las herramientas para poder aprovechar al maximo elementor para crear tu propio diseño. Gracias brother, exitos.
Q tal Javier! gustazo saludarte. Tarde pero seguro.
excelente contenido hermano. mil gracias
Está brutal.
Saludos desde Chile. Muchas gracias por excelente material. Me aclaró muchas cosas fundamentales. Una observación: la palabra ELIJES en castellano o español no existe, debe escribirse "ELIGES". Esto riñe con el contenido de "especialistas en redacción". Es solo un detalle. Me acabo de suscribir a tu canal porque creo que voy aprender mucho y tus video tutoriales son muy prácticos. Reitero mis felicitaciones.
MANU,, EXCELENTE.,,
Genio! Gracias desde bs as
Chulada de tutorial!
Gracias.
Excelente clase…. Mil gracias 🤩
Muchas gracias. Sólo me faltó saber a donde enlazar con cada uno de los botones. Saludos...
Gracias por todo tu contenido que subes, me ha ayudado mucho en el laberinto que he andado en comprar curso tras curso tu contenido es esencial, no pares de subir, en mi humilde opinión la música que pones de intro es un poco ruidosa pero bueno solo es mi humilde opción, de ahí todo perfecto, gracias Mr. Manu. soy contador pero nací con el talento del dibujo se me hace muy fácil crees que recibiendo unos cursos podría prestar mis servicios de diseño grafico y diseño web?, también si sabes como estructurar un embudo para vender infoproductos como Hotmart.
@Steven - gracias por tus comentarios! Todo sirve para mejorar. Si lo q buscas es dar servicios web, sin problema lo puedes lograr. Sí sabemos hacer embudos, todas las semanas lanzamos alrededor de 8 campañas publicitarias nuevas, tienes alguna duda sobre los embudos?
Admiración y Agradecimiento. Excelente tus videos. No me funciono el truco de "CONSEGUIR MAS CLIENTES"
Resuelto, estaba trabajando con flexbox, pero cambie a Grids y todo ok. Mil disculpas.
Éxito en tu proyecto!!!
Manu, porque no me aparacen secciones, puros contenedores, no sera porque los quitaron?? gracias :D
Buena inforamcion amigo saludos =)
Hola Manu, gracias por el video, una consulta ¿Cómo haces para que las imágenes de tu portafolio se vean optimas? usas algún programa especial o las trabajas con algún Photoshop?
Muy bueno e lvideo, es un taller de verdad. Consulta: se puede crear una landing con un texto y video en la sección 1 y condicionar que se vean las siguientes sesiones luego de que miren video? Gracias
Hola!! gracias x tu comentario... todo en la programación se puede, cuando se trata de una landing page.. el objetivo principal es convertir.. realmente lo mantendría sencillo sin condicionantes para no confundir al usuario. Tenemos poco tiempo para convencerlo de tomar una acción en la landing page. Éxito!!
@ gracias
Gracias por el tutorial, tengo una duda, yo tengo creada mi página web con Elementor, si deseo crear una landing page puedo hacerlo desde la sección Páginas cierto, pero no puedo borrar el menú principal porque asumo se borrará del resto de las páginas, por eso me he quedado detenida, me dio miedo borrar lo ya hecho. Me ayudaría mucho pudieran responderme a esta pregunta para poder avanzar.
Hola manu, y después de crearla , el siguiente paso es comprar el dominio publico ??
Hola Paco!!! Lo ideal es que compres tu dominio y hosting primero
Cual es el costo de tus servicios para una página web? en el link no hay formulario de contacto. Gracias
Hola, muy buen tutorial, me podrías explicar una duda? Una vez terminado el diseño este no saldrá en el menú? o solo tenemos que compartir el link y ya está? Gracias.
Hola Ana!! Correcto, no sale en el menú. La única manera en la q van a ver tu landing es si compartes el link o la vinculas a una campaña publicitaria. Éxito!
Mu buen tutorial, para cuándo la adaptación a móvil?
Hola Iñaki, gracias por tu comentario. Acá puedes ver un tutorial para enchular la versión móvil ua-cam.com/video/W_E4G2cfBTE/v-deo.html
super Manu
Hola Manu, puedes indicarme cómo alinear los íconos del listado con la primera línea de texto y no en el centro como viene por defecto en elementor?...
Muy buenos videos la verdad, yo soy nuevo en esto de elementor y me ha servido mucho tu contenido. Estoy viendo este video e intentando aplicar tus consejos e ideas para una Landing Page sobre un constructor de casas pasivas. no se si me puedes ayudar como orientar la langing page a ese tipo de negocio. Se podria decir que cada seccion tiene que responder a una pregunta como estructura de la landing? muchas gracias fenomeno! ;-) saludos de España!
Hola Juanin, me acabas de dar una idea para preparar un video de cómo hacer una landing page q sea un imán de clientes... realmente lo único que tienes que hacer es mantenerlo sencillo, en los primeros 10 seg le tiene que quedar claro a tu visitante el valor que va a obtener a cambio de llenar un formulario o mandarte un whats... no los distraigas con info innecesaria y recuerda.... menos del 50% de los usuarios navegan hasta la mitad de las landing pages... manten lo de arriba atractivo. Abrazo desde Mex
@ Muchisimas gracias de nuevo por tus consejos! estaré atento al video de la creacion de la landing page iman de clientes! un abrazo desde España! ;-)
Como se cual es el tamaño que necesito en una imagen?… gracias Manu!
Hola Manu! He visto el tutorial y es lo máximo, me encanta. Quisiera que me dijeras como hago para instalarlo en mi computadora. Ya que probé y no me permite agregar el plugin de elementor y mucho menos Hello. He visto por ahí que instalan un programa antes, es así? Me gustaría que me dijeras como hacerlo. Gracias
Hola Jacquline lo primero que debe hacer es instalar el cms wordpress en su equipo. luego desde la administracion de plugins y temas podrá instalar y activar lo visto en este video tutorial. puede encontrar mas información haciendo la siguiente busqueda en youtube "como instalar wordpress de forma local en (windows o mac según corresponda a su equipo)"
¡Que tenga un buen dia!
Hola saludos Gracias una consulta luego de realizado el diseño con ELEMENTOR como hago para publicar mi web en linea es decir como la monto al cpanel
hola magnifico tutorial, como enlazo el wasap de mi telefono, alguien puede decirmelo, gracias
Hola Manu, gracias por tu aportación, me queda una duda, si mi landing page es demasiado grande, no sería conveniente ponerle un sticky menu para brincar de sección en sección?
Hola!! gracias por tu mensaje. Sí sería buena idea, convendría más simplificar tu landing. De acuerdo a cientos de mapas de calor que analizamos, menos del 40% llega hasta abajo de las páginas. Saludos!
Hola Manu, excelente tutorial. Hace mucha falta la continuación para ajustar la versión móvil. Te comento que hice mi landing siguiendo esta guía y al momento de cambiar a vista móvil, muchas cosas se mueven y se traslapan. ¿Cómo se puede hacer para que la versión móvil se ajuste sin afectar la versión web? Saludos.
Hola Giovanni, contáctame x insta para q me pases tus accesos de Wordpress, yo te enchulo la versión móvil y sirve de q grabo un tutorial para todos
Desinstale Elementor y no puedo recuperarlo, gracias por su ayuda
muchicimas gracias hermano. Quisiera preguntarte si tienes algun video donde expliques como se hace para que cada boton ejecute la accion por ejemplo el enviar formulario como hacer para que se envie a una base de datos o a un correo . Eso no entiendo como se puede hacer muchas gracias de corazon
por toda tu ayuda
Hola bro! en este video te comparto cómo vincular tus formularios de Elementor con ActiveCampaign. ua-cam.com/video/R_vKss8E5qE/v-deo.html
Manu, una pregunta, sé que en las categorías lo que incluiste son las páginas que has realizado. Puedo hacer algo en formato de Canva, para colocar opciones de tres tipos de seguros de vida?
Hola Julia! Sí puedes hacerlo, yo utilicé la galería filtrable porque tenemos varios trabajos. Si tú quieres poner 3 tipos de seguros te recomendaría utilizar la galería simple o hacerlo a mano con secciones interiores. Éxito
Muy buenos videos, Manu. Con todo cariño, me permito aconsejarle que no suelte el palabrejo en inglés. Dígalo en español, que lo estamos viendo de todo el mundo hispano y agradecemos mucho que se traduzca. Muchas gracias por los videos y espero no molestar con mi consejo.
excelente video, me podrías indicar donde esta el link para el curso de paginas con elementor gracias.
Hola! cuando publico mi pagina no esta visible, si envio mi link nadie lo ve, que hago mal?
Estoy en el inicio del tutorial y veo que instalaste el tema Hello, yo tengo en mi página principal instalado el tema astra con el cual tengo el header y en elementor tengo la construcción de la página, aún así puedo hacer la landing page ?
Hola!! Me parece ser que no hay problema en el caso de la landing. Solo checa q te permita poner Elementor canvas en la configuración para q te ponga el lienzo en blanco sin tu header
Hola Manu, muchas gracias por tu contenido. Me podrías decir como creas tus imágenes. Esa donde sale la chica en el escritorio por ejemplo. Saludos
Hola! Tenemos licencia de Envato, de ahí puedes descargar muy buenas imágenes y diseños. Saludos!
@ Excelente, muchas gracias
Hola y gracias x compartir . ¿Esta configuración que nos presentas también es accesible desde telefono celular? Saludos cordiales
No, xfa checa mi playlist lo básicos de elementor, ahí viene como trabajar l versión móvil
@ pero tu dices en el video , """" cualquier dispositivo""" ¡¡¡¡¡¡
Buenas que plugin estas usando para la galería ya que ese no esta en elementor pro gracias
Hola Bro, utilizo las galerías de JetElements... son de pago pero son una maravilla los widgets que trae
Excelente tutorial. Solamente me sale una duda a mi. Como se ajusta la altura de las "palomitas" en la lista de iconos? gracias y un saludo
Hola @Jaume me apoyas con el seg exacto para echarle un vistazo
@ en el minuto 20. Muchas gracias
Holaaa! Me está sirviendo muchísimo tu video :D
Te quería preguntar si tienes alguna idea de por qué me aparecieron la lista de iconos centrados verticalmente. No he logrado dar con la opción de alinearlos arriba. Agradecería mucho tu ayuda!
Hola, selecciona editar listado de iconos , luego ve a la pestaña Estilo y en alineación elegir margen izquierdo. De esa forma todos los iconos quedaran sobre el mismo margen! Saludos!!!
@@marcelofpoli Gracias Marcelo! No era lo que estaba pidiendo. La alineación VERTICAL es la que no permite cambiar. Siempre queda centrado con respecto al texto de la derecha.
Ya estuve investigando y es un problema del widget que lo crearon sin esa opción :/
Hola Manu! muchas gracias... tengo una duda... no me sale la opción de colocación en Elementor, ¿cómo puedo hacer que aparezca? muchas gracias!
ya está, en el Elementor que tengo sale dentro del toggle de disposición (en avanzado), justo debajo de relleno con el nombre de "Ancho". Saludos
no me sale el widge de seccion interior, ayuda
Buen tutorial, te sigo. Pregunta: le tomo una screen a mi Landing page y quiero colocarla en una imagen de 1920 x 1080, pero al momento de manipularlo con Photoshop, queda horrible :( tendrías alguna guía o sabes de alguien que enseñe como hacerlo ?? veo que lo suben en Pinterest y les queda genial, pero yo no puedo :( gracias!!
Hola Daniel!! Entiendo que quieres crear un "mockup" de tu página como los que encuentras en Pinterest? Sabes utilizar photoshop bien? vas a necesitar tomar varios pantallazos de todo tu home page y editarlo en photoshop para que se vea bien
He visto los precios del Elementos pro y con la primera opción “1 pro website 59$” ¿solo se puede diseñar para una web?
Hola Nuria, es correcto, solamente te permite 1 instalación de Elementor PRO en Wordpress. Si tienes varias instalaciones de Wordpress, te recomiendo la licencia de 99 USD el año. Éxito en tu proyecto
Manu buenas tardes, fijate que a mi no me aparece toda la landing desde aariba, sino abajo de la barra de menús y no se como cambiarlo...
Hola Pablo! no entiendo, puedes ser un poco más específico para ver si te puedo apoyar.. gracias!
Hola Manu, hice mi landing page en localhost siguiendo tu tutorial, ya está terminada cuando la veo en wordpress se ve correctamente, pero cuando no abro wordpress y solo quiero ver la página en local host, me aparece una página sin edición, alguna idea de como resolver esto. De antemano muchas gracias
Hola!! gracias por tu comentario. Ya tiene muchísimo que no trabajamos en local host, no te voy a poder ayudar en esta ocasión. No tienes un plan de hospedaje para montarlo ahí? Éxito en tu proyecto
@ Gracias por responder manu, era una cosa muy sencilla, en la configuración, en la pestaña de lectura la puse como página estática y no como entrada y ya funcionó
Pregunta si compro elementor pro solo me va a servir para una web o para varias?????
Hola Juan, depende del plan q elijas… hay desde 1 web hasta varias en caso de ser freelance o agencia de mkt.
En version mobile no se ve bien, todo encimado, por que?
Hola! Quizá este video te pueda ayudar
Aprende a optimizar tu página web para celulares y móviles - Elementor Wordpress
ua-cam.com/video/W_E4G2cfBTE/v-deo.html
Hola carnal, donde puedo encontrar las imagenes que esta utilizando en el tutorial?
Hola amigo! si te refieres a los mockups de los celulares, es envato elements. Muchas imagenes las sacamos de freepik, unsplash o shutterstock. Saludos!
Hola, mi wordpress cambia el ajuste de elementor canvas y lo pone a blank page y me salen los menú de arriba, ¿como puedo hacer para que eso ya no pase?
Porfa revisa si estás trabajando con Hello Theme de Elementor. Saludos!
ME AYUDAS POR FAVOR??🙏 uso la plataforma getresponse para hacer mi landing page, Cuando tengo hecho mi diseño en modo pc, pongo guardar y paso a editar el modo para celular y de me desconfigura todo el modo pc! Hay manera de que sean como ediciones diferentes? O si me falta configurar algo para que no me ocurra eso? Gracias
Hola! Deberías de utilizar elementor pro… te va a ahorrar horas de trabajo.
@ gracias por responder; ya averiguo que es
Hola Manu. Ayudaaaa: ¿Cómo puedo colocar en la versión gratuita de Elementor el formulario? Algún plugins que recomiendes para el formulario?? Gracias, tu explicación en este video está increíble!!
Hola Nancy, el formulario solamente funciona con la versión PRO... te comparto un link en donde puedes encontrar algunos plugins gratis wpforms.com/best-free-wordpress-contact-form-plugins/
hola, hay uno que he visto recomiendan mucho se llama contact form 7, puedes checar algún tutorial antes y ver si te sirve, saludos.
Dónde llega la información que tus clientes dejen?
Hola! te deben de llegar a tu correo electrónico. Éxito
haga un landing page se conecte a un autoresponder como Aweber.
Tem algum plugin que consigo colocar a calça na landing page com uma sanfona ( calça M, N ou P) para pessoa escolher o tamanho e clicar em comprar?
Hola @Juliano! Por lo que me describes, lo que requieres es una tienda en línea. Para ello vas a necesitar Elementor y Woocommerce.. próximamente voy a subir tutoriales de tiendas en línea.
Amigo una pregunta, ese tipo de imagenes, por ejemplo la primera que has utilizado que aparece una chica con unos lentes, de donde las sacas? he estado buscando imagenes de este estilo y no consigo! Saludos y gracias
Hola!! X lo general las descargamos de shutterstock, freepik o unsplash, saludos!!
Hola, mas informacion!
¿Por qué me apareciste tarde? Ya pasó el curso, caray! ¿Cómo me registro para cuando vayas a dar otro?
Hola @Inversiones Soma, gracias x tu mensaje y disculpa la demora, ha sido un mes de trabajo duro :) Iniciamos cursos todos los viernes.. son cursos intensivos de 6 horas. Me puedes contactar por instagram porfa @manumartinez.mkt
Más información del curso intensivo
Hola William!! Me puedes apoyar mandándome un DM en Instagram para mandarte la info
Quizás faltaría un video pero para teléfono versión mobile ya que el 95% de los usuarios consultan desde aquí.
Buena idea! lo subo pronto 🔥
@ Ya me suscribí a tu canal, para estar pendiente, gracias !!!
🤜🤛
Fake😂😅 si ganarás 8000😅😂😅😂😅😂
Hola buen dia, ya estoy realizando mi landingpage, te cuento que no me funciona el tema de texto integrado, al halar la columna no se integra ese texto como lo explicas en el minuto 11:00 me puedes ayudar muchas gracias, te enviare un video por instagram