Tutorial Elementor - Formulario de Login con Popup

[@elemenpros]

Te recomiendo Elementor PRO para tus proyectos! 💪 albertoperojo.com/elementorpro

[@ivangiorgetta9692]

Diez mil puntos vale esto!!! Muchas gracias por el aporte!!!

[@oasiscoach]

Podrias explicar cómo configurar el enlace de "he olvidado mi contraseña" Para que no lleve al tipico login de wordpress súper cutre?

[@mariaperez4585]

Muchas gracias por el video. Claro, corto y muy útil. Muchas gracias!

[@AntonioSmith78]

Excelente tutorial sos un crack

[@manumartinejerciciofisico]

Hola, no me aparece en la ultima versión de Elementor pro el formulario de registro, y en las opciones de formulario generales no aparece registrar tras enviar. Alguna idea?Muchas gracias por vuestro contenido

[@elemenpros]

Hola Manu, que raro, seguro que tienes activada la PRO? Si acaso intenta desconectarla otra vez de tu cuenta en Elementor -> Licencia o si no revierte a una versión anterior. Saludos.

[@ricardomorales2253]

esto se puede hacer solo con Elementor Pro? Por que no encuentro en plantillas alguna que sea para pop up, solo me aparece pagina o sección

[@elemenpros]

Hola Ricardo, el widget de login es exclusivo de Elementor PRO, sí. Saludos.

[@VajtanShanava]

Tengo una duda, por ejemplo para el diseño de "he olvidado mi contraseña" . Porque si le doy click a eso me lleva a un wp-login o similar, hay alguna forma de configurar eso? lo mismo ocurre cuando los datos introducidos están mal

[@elemenpros]

Hola, me temo que no...quizá puedas hacerlo con algún otro tipo de plugin pero por defecto te lleva a esas secciones de WordPress.

[@DanielchecoA]

Hola como se puede haser para coger en rol de usuario el cliente este este casa esty usando woocommerce

[@miguelangelq.8443]

Hola buen tuto, habra alguna forma de evitar ese mansaje q sale en el minuto 9:03 de "estas intentando cerrar tu sesion en ...." y que cierre directamente ? Gracias

[@elemenpros]

Hola Miguel Angel, revisate los comentarios del vídeo porque ya contesté esta duda anteriormente. Saludos.

[@miguelangelq.8443]

@@elemenpros Hola gracias por tu respuesta pero he probado como indica en el comentario usando esta url "tudominio.com/mi-cuenta/customer-logout/" lógicamente con mis datos y no funciona si existe alguna otra alternativa o lo compartes te lo agradecería bastante. Saludos!

[@marcoaudiovisual8276]

Podrias explicar el redireccionamiento si es que el usuario no escribe bien los datos (error al logearse), te envia al logeo de worpress clasico

[@ginolujan7550]

hola, llegaste a tener respuesta de este punto...

[@diegosanchez-hd9ur]

hola, como hago para vincular esto con un plugin que tenga un area privada... la verdad necesito es montar una area privada completa y aqui solo se enseña como crear iconos para login y logout.. gracias

[@elemenpros]

Hola Diego, hay varios plugins que te permiten gestionar áreas privadas. Uno sencillito es Single Membership (es.wordpress.org/plugins/simple-membership/). Si quieres algo más complejo puedes usar Restrict Content Pro. Saludos.

[@bettelgeuxe]

Hola, Alberto. Gracias por el video. Me puedes explicar por qué podría pasar que una vez creo y publico el popup como explicaste, al configurar el ícono y elegir en actions POPUP no me muestra la lista de los popups creados para poder elegir el de login¿? Gracias.

[@elemenpros]

Hola Catherine, has configurado las opciones de publicación para que aparezca en todo el sitio?

[@bettelgeuxe]

@@elemenpros Hola Alberto, gracias por responder. Al revisar encuentro que en settings, ajustes generales aparece PUBLICADA. No sé si deba hacer algo diferente u otro proceso. Gracias por tu ayuda de antemano.

[@elemenpros]

Sí pero me refiero a que en las condiciones de visualización hayas incluido: todo el sitio (entire site).

[@raulesclapezguillen1376]

Hola, al probar el formulario incluso en incógnito me da el siguiente error y no se envía: server_error This Message is not visible for site visitors. ¿a qué puede deberse? está todo enlazado correctamente, con las api key, cada campo con su correspondiente de mailchimp,... estoy bloqueado con el asunto Gracias de antemano

[@elemenpros]

Hola Raul, es algo raro. Intenta desactivar todos los plugins salvo Elementor y probar sólo el formulario así, sin ningún tipo de condicional. Saludos.

[@raulesclapezguillen1376]

@@elemenpros Solucionado, gracias. No se pueden enlazar campos con formato de fecha para cumpleaños al parecer, lo elliminé y ya. Gracias

[@CarlosJimenez-oh9gm]

Se podria hacer que el pop up con el formulario de login apareciera en cualquier otro momento? Es decir quizás cuando mis clientes lleguen a la pagina de carrito y antes de que lo abandonen ya poder captar sus datos y luego meterlos en un embudo de recuperación de carritos? Gracias!

[@elemenpros]

Hola Carlos, al ser un popup puedes poner condiciones de ese estilo. Por ejemplo, que aparezca sólo en la página de carrito a los X segundos, o cuando el usuario haga cierto scroll, etc. Saludos.

[@tonatiuhreveron7819]

Buenas noches . tendrán algún tutorial para crear botón de logout o cierre de sesión en la pagina ?. Gracias

[@elemenpros]

Hola, es sencillo, simplemente crea un item de menú dentro de Apariencia -> Menus y ponle el enlace personalizado: tudomino.com/wp-login.php?action=logout Saludos.

[@omargonzalez9700]

Buen trabajo, un suscriptor mas.

[@GermanMassa]

Cómo hago para que sólo pueda ver la página una vez registrado? Es decir, que primero deba registrarse para luego acceder al contenido.

[@elemenpros]

Hola Germán, hay varios plugins para restringir contenido. Uno gratuito que está bastante bien es Dynamic Conditions (wordpress.org/plugins/dynamicconditions/), luego también tienes otros plugins premium como Restrict Content Pro o WooCommerce Membership. Saludos.

[@GermanMassa]

@@elemenpros Muchas gracias, voy a probarlos!

[@mauricioalejandro7329]

Hola Alberto, muy interesante video!! En el formulario de loging, cuando se introduce mal el usuario o contraseña te redirige al wp-admin, como podría hacer para que no se redirija al wp-admin ? Gracias por tu tiempo!

[@elemenpros]

Hola Mauricio, en las propias opciones del widget tienes un campo para redireccionar donde tu quieras después de hacer login. Si no te funciona puede ser culpa del theme (prueba con hello) o algún plugin que está modificando esa redirección. Saludos.

[@rovervx1035]

Muy buenas, llevo una semana dándole vueltas y no encuentro la manera de cambiar la etiqueta de "Rememeber Me" a minúsculas "remember me" ¿Sabrías cual es la forma? Muchísimas gracias.

[@elemenpros]

Hola Rover, con css lo puedes hacer fácil aplicando la propiedad: text-transform: lowercase. Saludos.

[@VajtanShanava]

como hago para cerrar sesion, q no me pregunte nada y rediriga a la home ?

[@elemenpros]

Aqui dicen como, hay que meter el codigo en el functions.php de tu tema hijo: gist.github.com/lukecav/9e7775cbe3172ef32b5191f5b56d64fb#gistcomment-3036510

[@eliasbermeo9549]

Saludos, genial el video...puedes hacer un tutorial del formulario de registro y como acceder a paginas con permiso de login, y la opcion de dar claves de acceso personalizadas. Muchas Gracias!

[@elemenpros]

Hola Elias, esos temas tan avanzados los tratamos en la comunidad privada, lo siento. Saludos!

[@eliasbermeo9549]

@@elemenpros Gracias! Si puedes habilitar una suscripción anual en la comunidad privada?

[@elemenpros]

@@eliasbermeo9549 no había pensado en esa opción...lo pensaré. Un saludo!

[@webberjugon]

Muy bueno el vídeo Alberto!

[@sergyns]

Que bueno que esta gracias!!

[@pcware-online]

Hola Gracias por el aporte. He personalizado con mi url el logout, pero me dice "This has been disabled" segui tus instrucciones aun asi no funciona esa url, sabes como solucionar?

[@elemenpros]

Hola, pues ahora mismo no se a que se puede deber ese fallo. Lo que haría para descartar un problema de incompatibilidad con otros plugins es desactivar todos y dejar sólo elementor y probar de nuevo.

[@lohagoyo]

Hola! gracias por este video me salió a la perfección, solo me quedó una duda, cuando hacés logout, en la última ventana que dice "estás intentando cerrar sesión..." al hacer clic en salir te redirecciona a la ventana de iniciar sesion de wordpress que viene por default, hay manera que te lleve a la home? Gracias!

[@elemenpros]

Hola Diego, no es tarea fácil...Busca en google algo como: "logout wordpress without confirmation" verás varios post relacionados

[@lohagoyo]

@@elemenpros Muchas gracias!

[@lohagoyo]

@@cristianr.7312 muchas gracias! Voy a probar

[@ezesosa8398]

Hola, me gusto el tutorial, quiero hacerte una pregunta : Supongamos que tengo un sitio que quiera hacerlo privado para que solo un grupo de personas se conecten con una clave y un pass, tipo invitación privada. En las opciones que mencionaste , cuando elegimos que tipo de login queremos, ¿ Esta esa opción a la que me refiero ?. Desde Argentina., Gracias !!!

[@elemenpros]

Hola, para eso lo mejor es que utilices algún plugin. Si no quieres complicarte mucho hay uno que se llama Simple Membership que te puede venir bien. Saludos.

[@EdLow]

Muchas gracias por el magnífico tutorial. Yo ya tengo mi login popup funcionando pero el problema con que me encuentro es que una vez que me logueo aparece a continuación el login popup de WP donde tengo que reloguearme. Podrías quizá darme una pista de cómo evitar eso? Muchas gracias de nuevo

[@elemenpros]

Hola, pues la verdad que es bastante raro eso que comentas...nunca me ha pasado esa situación. Intenta contactar con el soporte de Elementor a ver qué te comentan. Saludos.

[@daroroma]

Hola, muy bueno tu tutorial... Tengo una pregunta... Cuando estoy intentando ingresar en el formulario de login, si pongo equivocaba el usuario o la contraseña, se va a la pantalla de WordPress donde dice que está mal el usuario o la contraseña... Cómo hago para que se quede en mi formulario de login... Gracias

[@elemenpros]

Hola Dario, tendrás que meter un código en el functions.php de tu tema hijo para hacer una redirección. Aquí te dejo más información: wordpress.stackexchange.com/a/54620

[@tinosalgado6975]

Excelente video, solo una duda, ¿que plugin para membresias usas?, he estado usando ultimate member pero no me funciona replicando lo que tu haces en este video. Saludos y de antemano, muchas gracias.

[@elemenpros]

Yo utilizo Restrict Content Pro.

[@emirodhd]

Hola una pregunta, sobre como traducir el remember me o you are logged in as, ¿Sabes como cambiar eso? no son los idiomas , en mi caso están todos en español y sigue mostrando en ingles eso , he probado con el loco translate y no hay caso sigue en ingles también tanto remember me como lo de you are logged in as. Lo llama desde class="elementor-login elementor-login__logged-in-message" esto es lo que hay que traducir ¿donde lo puedo encontrar sabes? saludos cordiales amigo !!

[@elemenpros]

Puedes hacerlo con el plugin Loco Translate. Saludos.

[@HeyLuji]

@@elemenpros En mi caso tengo instalado el plugin Loco Translate y a mi me sigue apareciendo en inglés el Lost your password? etc... se te ocurre alguna solución? Gracias!!

[@jhonnyrea5239]

@@HeyLuji Si es Elementor PRO, tienes que hacer un truco en la configuración del Loco Traslate apuntando a Elementor PRO. Limpia caché por cada lote que traduzcas.

[@jaumequintana900]

que se puede hacer para que no se vea el header de wordpress

[@elemenpros]

Hola Jaume, si cambias en los atributos la plantilla de página por Elementor ancho completo te cogerá el header/footer que tengas creado con Elementor y si pones Elementor Canvas directamente no pondrá ningún header/footer. SAludos.

[@kikorodriguez6655]

Buenas en vez de iconos se podrían utilizar botones?

[@elemenpros]

Hola Kiko, sí, no debería haber problema mientras uses los mismos enlaces. SAludos.

[@kikorodriguez6655]

@@elemenpros gracias!!

[@MarioEnriquePalacios]

Hola alberto, excelente tuto, en cuanto al logout, yo lo que hice es copiar el link de la misma página de woocommerce de "Carrar Sesión" y si bien me envía a la página de Mi Cuenta, lo prefiero así antes de quedarme en el login por defecto de WP. Además ya tenía instalado el plugin "Visibility Logic for Elementor" que tiene opciones para ver o no ver cualquier objeto de la web. Ahora viene el desafío: En el Saludo al Usuario, ¿Cómo poner "Buenos Días" o Buenas Tardes ó Buenas Noches" y el nombre de usuario, según la hora del día en que ingresa el usuario??? Te dejo la inquietud, yo sigo investigando ;) Gracias Alberto Un saludo

[@MarioEnriquePalacios]

por cierto, casi me olvido de FELICITARTE! por el video de "Personalización de Páginas de Categorías" con cambio de imágenes y títulos de cada categoría, EXCELENTE!!! Esa no la tenía ;) Gracias

[@elemenpros]

Hola, pues eso podrías hacerlo con código o si no con el plugin de Dynamic visibility for Elementor que tiene para condicionar por fecha/hora. Saludos.

[@PabloAl41]

Hola Alberto como hago para relacionar el pop up de acceso al wp customer área gracias

[@elemenpros]

Hola Pablo, puedes sacar un popup desde un botón o cualquier widget que tenga el campo de "enlace". También puedes hacerlo desde cualquier otro enlace, lo explico en este vídeo: kzbin.info/www/bejne/jIuXe2qdlLGGetk Saludos.

[@joanmartinezantelo]

Hola Alberto! Como harías con los iconos en pantalla de móvil/tablet? ya que estos quedan fuera del menu hamburguesa. Muchas gracias!

[@elemenpros]

Hola, el widget de navmenu de Elementor te permite poner un menu hamburguesa que es como un icono desplegable para los elementos de menu. En ese caso ya te quedaría espacio para los iconos de login/logout.

[@josefoleystudio]

Hola! Sabes como puedo cambiar el idioma de los campos del formulario?

[@elemenpros]

Hola, esos campos forman parte del formulario nativo de login de WordPress. Puedes usar Loco Translate para encontrarlos y traducirlos. Saludos.

[@impactartstudy8191]

Un saludo Alberto. Me gustó el video. Quiero hacerte una consulta: El widget de inicio de sesión en Elementor cuando crea el formulario, no se traduce completamente al Español. Puedes por favor indicarme como solucionarlo? Gracias!

[@elemenpros]

Hola, seguramente puedas terminar de traducirlo con el plugin Loco Translate. Saludos.

[@redtuning2008]

Hola Alberto mi nombre es ALberto, no funciona mas el plugin ese que nos recomendas, tenes alguna otra opcion el plugin es visibility muchas gracias saludos

[@elemenpros]

Hola Alberto, plugins de visibilidad hay varios, aquí te dejo dos: Dynamic visibility for Elementor (free / premium) es.wordpress.org/plugins/dynamic-visibility-for-elementor Dynamic conditions (free) wordpress.org/plugins/dynamicconditions/

[@danielaguilararrieta5218]

y si quisiera realizar un formulario pero para registro como se hace?

[@elemenpros]

Hola Daniel, el formulario de login también te sirve para registro. Saludos.

[@melolmos9207]

@@elemenpros No me funciona el formulario de login para registro, no tengo idea qué estoy haciendo mal.

[@jhonnyrea5239]

@@melolmos9207 En Elementor Pro Trabaja con el bloque de Formulario de Contacto y modifícalo

[@eduwong95]

Muchas gracias por el video, es una gran ayuda. Quería consultarte algo rápido, cuando voy a crear la plantilla del pop-up, en la siguiente vista solo me sale cargando el logo. He intentado toda solución que elementor indica pero no he podido resolver nada. Te agradecería si tuvieras una solución

[@elemenpros]

Hola Eduardo, has probado a desactivar otros plugins y cambiar de tema? es raro eso que me comentas..tiene pinta de que alguna otra cosa está interfiriendo.

[@isasha91]

Hay alguna forma de hacerlo que no sea para usuarios PRO? :(

[@elemenpros]

Hola Isasha, puedes usar algo como esto: es.wordpress.org/plugins/wp-login-form/

[@isasha91]

@@elemenpros Muchas gracias, me pareció muy interesante el tutorial, probaré lo que me recomiendas 😉

[@davidcarrillo01]

Hola, muy buenos tus vídeos. Disculpa... Podrías hacer un vídeo de pop-up elementor con integración a mailchimp desde wordpress?

[@elemenpros]

Ya tengo uno subido: kzbin.info/www/bejne/jYmTkKqpep2lo8U

[@ciudadfit]

Hola Alberto! Apenas llego a tu cuenta y esta excelente. De antemano gracias! Alberto de pronto me puedes dar la mano con la creación de una zona privada de pago? Saludos desde Colombia!

[@elemenpros]

Hola, yo para esto suelo utilizar el plugin Restrict Content Pro.

[@ciudadfit]

Comunidad Elementor Gracias Alberto!

[@ediciondevideos4849]

seria bueno que explicaras el redireccionamiento despues del deslogueo para que no te mande al logueo de wordpress

[@elemenpros]

Aqui dicen como, hay que meter el codigo en el functions.php de tu tema hijo: gist.github.com/lukecav/9e7775cbe3172ef32b5191f5b56d64fb#gistcomment-3036510

[@JorgeteValencia]

Esto iria en el functions.php (preferiblemente en el hijo o un plugin) y solo seria sustituir "URL ON GO" por la url que quisieras apareciese. No me acuerdo de donde lo saque, pero funciona. add_action('check_admin_referer', 'logout_without_confirm', 10, 2); function logout_without_confirm($action, $result) { /** * Allow logout without confirmation */ if ($action == "log-out" && !isset($_GET['_wpnonce'])) { $redirect_to = isset($_REQUEST['redirect_to']) ? $_REQUEST['redirect_to'] : 'URL TO GO'; $location = str_replace('&', '&', wp_logout_url($redirect_to)); header("Location: $location"); die; } }

[@erickarturo3129]

Podrías hacer un vídeo cómo hacer una intranet completa con formulario de registro por favor

[@elemenpros]

Hola Erick, los vídeos a petición los suelo poner en la comunidad privada pero se intentará.

[@erickarturo3129]

@@elemenpros ok muchas gracias cual es la comunidad privada?

[@elemenpros]

comunidadelementor.com

[@enzofranceschi641]

Haz uno que no sea para usuarios PRO

[@andresmunoz2901]

capo

[@gabrieljosesuberofarias909]

Amigo tienes algún video sobre un popup de registro y recuperación de clave ?

[@elemenpros]

Hola Gabriel, para el formulario de registro necesitarás un plugin adicional. Si integras WooCommerce o algún otro sistema que tenga registro propio, ya lo tienes solucionado. Si no, puedes recurrir a addons de terceros para incorporar un formulario de registro en elementor. Ultimate Addons for Elementor tiene uno, por ejemplo. Saludos.

[@Nessa-2023]

Hola te comento yo añadí a mi página web el widchet login porque es una página educativa es decir para dar clases a distancia y mi idea es que el usuario se registre para que pueda acceder a su espacio donde tenga todo el material de las clases Lo haría con este login? Como lo hago?es que tengo el widchet ya agregado en la página pero no se como configurarlo .gracias

[@elemenpros]

Hola Nessa, echa un ojo a este tutorial a ver: byteweb.es/como-crear-formularios-de-registro-con-elementor-y-ultimate-addons/

[@Nessa-2023]

@@elemenpros gracuas

[@olimpogu]

Hola, ¿Solo saber como se hace una planilla de Registro de Usuarios con Elementor?, Muchas gracias

[@elemenpros]

Hola Olimpo, a qué te refieres exactamente? Depende de cómo tengas que gestionar esos usuarios igual te interesa un plugin de restricción de contenido tipo "Restrict content Pro". Saludos.