Cómo crear BOTÓN de VOLVER ARRIBA 🔝 con Elementor Pro
HTML-код
- Опубликовано: 5 сен 2024
- 📢 Te explico cómo crear el botón de volver arriba con Elementor Pro.
☑️ Elementor Pro: 👉 sergioks.com/g... 👈
☑️ Curso Elementor Pro: • 🔥 Crear PÁGINA WEB Wor...
↓↓↓↓ Herramientas y Servicios ↓↓↓↓
🤝 SERVICIOS
► Diseño web WordPress personalizado
sergioks.com/d...
► Tu web en 72 horas por 299€
sergioks.com/w...
☑️ HOSTINGS QUE RECOMIENDO
Si eres un usuario nuevo que está empezando:
► Raiola Networks -20%: ⇒
sergioks.com/g...
► SiteGround: ⇒
sergioks.com/g...
Si eres un usuario avanzado o profesional:
► FastComet: ⇒
sergioks.com/g...
► Cloudways: ⇒
sergioks.com/g...
☑️ PLUGINS Y PLANTILLAS
► Elementor Pro ⇒ sergioks.com/g...
► GeneratePress ⇒ bit.ly/ytgenera...
► Astra Pro ⇒ bit.ly/2vlh5bc
► Ultimate Addon for Elementor ⇒ bit.ly/2EAjgAY
► Convert Pro ⇒ bit.ly/irconverpro
☑️ SETUP
► Micro: ⇒ amzn.to/2KZNeQV
► Webcam: ⇒ amzn.to/2GL9tK5
► Alfombrilla: ⇒ amzn.to/3eUEsj4
► Ratón: ⇒ amzn.to/30bEP4P
► Luces: ⇒ amzn.to/2z5BNUw
👋 SÍGUEME EN
Web ► sergioks.com/
Twitter ► / sergioks_com
Instagram ► / sergio.ks
☑ Curso Elementor Pro: academia.sergioks.com/curso-elementor/
👉 Tutorial Actualizado: ruclips.net/video/sochfptZbQM/видео.html
Hola people! He leído a algunos que os pasa que al volver arriba el botón no desaparece que es lo que debería hacer. Podéis ocultarlo, que no es lo mismo que hacerlo desaparecer. En el Popup builder seleccionáis Editar sección y desde el panel Avanzado / Efectos de movimiento / activáis Efectos de scroll / Opción Transparencia (valores: Dirección Fade In - Nivel 10 - Vista 0% a 38% en mi caso). En el mismo panel escoger en Efectos relacionados con: Toda la página.
Con esto a mi me funciona perfecto, pero sigue allí aunque está oculto, es clicable. Si alguien tiene algún fragmento css para compartir sería lo mejor, algo como que cuando llegue a esa distancia haga un Display:none y cuando vuelva a bajar se anule esa propiedad.
Saludos Elementales!
Gracias Sergio por tu video! TOP!
Precisamente vine a los comentarios para ver si alguien tenía esta solución!!! Fantástico, me ha funcionado de lujo, aunque yo lo he usado de 0% a 80% y va genial.
Gracias Lider... me ayudas bastante...
Bien Moran, te hiciste una!
genial sergio
No venía buscando la creación de la plantilla pero encontré como generar en una ID y el enlace ancla. Justo lo que quería. ¡Muchas gracias Sergio, funciona! ¡Eres un crack!
Estoy haciendo un trabajo para mi colegio y decidí usar Elementor, la verdad no me arrepiento de nada, gracias a tus vídeos adquirí los conocimientos necesarios para hacer mi web 🥰 gracias.
Genial 👍 me alegro de que te sirvan
Pregunta... excelente video gracias, ahora bien, cuando hacemos click en el boton y sube al header, el boton deberia desaparecer y no lo hace... gracias
Tengo la misma pregunta. Como podemos resolver esto? Muchas gracias por compartir con nosotros tus conocimientos. Un saludo Sergio!!
Al final conseguiste resolver esta cuestión???
tambien tengo la misma duda
My buen video. En mi caso lo hice con un icono de arriba en el footer, le puse el id y funciono de la misma forma.
Muy util
Un tutorial genial! Muchas gracias!!!
Excelente explicación. He obtenido mucha ayuda de varios de tu vídeos ¡Gracias!
Muchas gracias, excelente tu contenido , aprendo mucho.
Muchas gracias, me funciono, solo quiero decir que es necesario poner la "almohadilla" en los ajustes del Boton, pero no en los ajustes de la cabecera.
Estupendo!!! Gracias por tu contenido
¡Excelente video! Gracias por tu ayuda 😊
Genial bro. Muy Bien explicado!
Buen aporte!
gracias
Gracias 😊 por el vídeo
Comentas que vas hacer un vídeo cómo hacer una página con elementor desde cero .
Ojalá y la puedas incluir el menú pegajoso que tienes en otro de tus vídeos y que tenga los enlaces con anclas y no salga la información de un solo sitio para utilizar la cátedra que nos acabas de dar con este video y aprovechar este botón de arriba.
gracias amigo, muy amable, pero por que el boton afecta a los botones que quedan por debajo de el, no permite que se les de clic en especian en la vista de celular, agradezco tu ayuda
Muy Bueno y bien explicado, mis felicitaciones. solo una duda, cuando vuelves arriba el ya no se quita, se queda hay debería desaparecer ya que estas al principio, supongo que la opción seria (Cerrar automaticamente tras ....)??
Tendría que hacer otro tutorial sobre cómo se hace eso.
@@sergioks hunn, seria por codigo Scribd? Css, jaja , creo esta incompleto, por 3se lado, quedo a la espera de ese tuto.
Buen día! muchas gracias, tus tutoriales me han servido de mucha ayuda, respecto de el botón top, la plantilla que apliqué ya lo trae y no encuentro como editarlo, serías tan amable de decirme cómo hacerlo, muchas gracias de antemano
Muy bueno Sergio!! Sabes cómo se puede fijar un header?? Estaría bien un videoo...venga a seguir así!!
En el vídeo sobre la cabecera transparente explico cómo fijar el header.
Hola! Gracias por el tutorial! Como hago para que suba mas lento y no tan brusco?
Hola sergio, todo perfecto pero al pinchar el boton sube solo unos centimetros la pagina... no sube completo hasta la cabecera... que puedo hacer?
Se puede hacer que desaparezca al volver arriba? Es decir que solo aparezca cuando bajas y si le das y vuelves arriba desaparezca, hasta que nuevamente bajes?
muchas gracias por el video! he seguido tus instrucciones y me ocurre lo siguiente: cada vez que pincho en el botón sube muy poquito (apenas unas líneas) ¿Puede ser porque tengo el header con la opción sticky activada? Y si es así, ¿sabes cómo puedo hacer que el header sea sticky en el pc pero no en el móvil? cuando lo modifico desde adaptabilidad/móvil me quita el sticky en todas partes... supongo que algo estaré haciendo mal, pero no sé el qué...
Hola, como estas.... y una pregunta, como hago un boton en elemetor de volver atras?
Excelente video, gracias .Tengo un problema, cuando hago click en el botón y sube al header, el boton deberia desaparecer y no lo hace... gracias
Ostras! Es verdad jaja. Todo me ha funcionado perfecto pero no desaparece al hacer scroll up al inicio. Lo solucionaste??? Gracias de antemano!
Eres un crack tio!
Tengo una duda. El botón funciona y me lleva hasta arriba de todas las páginas de la web... pero de golpe. En 1 milésima de segundo. Veo que a ti te va con una pequeña transición. ¿Como solucionar esto? Mil gracias!
Hablar tan rápido no ayuda a la comprensión de tus explicaciones, pero es solo una critica constructiva... gracias por tus excelentes aportaciones.
Muy buenas Sergio, primero de todo darte las gracias por la explicación. Y segundo te quería comentar el problema que he tenido, y es que el popup funciona perfecto pero me genera un scroll vertical muy tocho. Estoy viendo como solucionarlo, si te ha pasado alguna vez y puedes ayudarme te lo agradecería.
Un saludo.
Igual es porque el popup es muy grande. Otra explicación no le encuentro.
@@sergioks Muchas gracias por responder Sergio. Al era por el UnderConstruction, cuando ya no sabía que más hacer dije: voy a desactivarlo y miro si me sigue fallando, y ya no generaba ese espacio debajo del footer.
Y te doy las gracias otra vez por responder Sergio, un saludo.
Hola Sergio, muchas gracias por este video tan valiosiiimo. Tengo una consulta, el boton solo me funciona para la pagina de home. En las demas url aparece pero no se va pasa nada. Tambien en el heade cuando fui a poner un nombre de clase ID " volver arriba " tenia el numero 99 en la parte donde dice Z- index. Entonces lo quite y ahora el boton si me funcion! porque antes se iba tannnnnnn despacito que no valia la pena. Ahora no recuerdo porque le puse 99 en el z-INDEX del header. Que puedo hacer ?
Hola Sergio. Me ayudan mucho tus videos. Muchas gracias. Tengo un problema con el pop up. Al pulsar en la flecha solo sube unos centimetros. Creo que el problema es de que tengo el header con la opcion sticky y entonces sube un poco porque ya esta el header ahi. ¿Que puedo hacer? Un saludo
Pues no sé decirte. En ese caso lo tienes complicado. De todas formas si tienes el sticky menú lo de la flecha ya no tiene tanta utilidad.
Una consulta como configuro el botón para volver "atrás" .. ??
Que puedo hacer para que el boton me funcione tambien en las demas URL ? a la hora de guardar condicones le dije que se muestre en todo el sitio. y se muestra claro, pero no funciona. Agradezco si me puedes ayudar con esto.
Hola! He seguido el paso a paso, pero el botón me sube muy leeento... ¿por qué puede ser? Gracias!
Hola buenas noches.
He intentado varias veces hacer el botón "Volver arriba" tal y como indicas en el vídeo, pero no hay manera que salga el botón...como si no hiciera nada.
Gracias.
Buenas! Has notado esa diferencia en WPO de la que presumen la nueva versión de Elementor? Enhorabuena por el canal!
Pues no he hecho pruebas, pero sí que he notado que más rápido. Sobre todo la web de Elementor, que antes le costaba cargar un poco. Tendré que hacer alguna prueba ya por curiosidad.
Aupa Sergio. Gracias por estos videos de Elementor Pro. Yo estoy empezando a usarlo y me vienen muy bien. Una pregunta a cuenta de este video. He hecho un svg de una flecha personalizada para que encaje con la web que estoy creando y, al colocarlo en el botón, la única forma que veo de modificarle el tamaño es ese desplegable que dice "muy pequeño", "pequeño", etc... Y aún poniendo la opción mayor de tamaño mi svg se ve enano. Por más que he rebuscado no he encontrado la manera de conseguir que aparezca a un tamaño aceptable. Saludos.
Tipografia, le cambias el tamaño como si fuese una letra.
@@albertomartinfernandez4448 Mucho Alverto. Lo probaré, gracias.
Hola Sergio, recomiendas el uso de Elementor para un blog?
No haría que la web vaya más lenta? Saludos
Lo puedes usar para un blog, pero no te recomiendo maquetar las entradas con Elementor.
@@sergioks Por qué no recomiendas maquetar las entradas con elementor?
@@cesarluisweb Porque si un día te da por quitar Elementor vas a tener que repasar todas las entradas. También para el tema de velocidad de carga es mejor ya que Elementor añade más código que si usas Gutenberg.
@@sergioks Entiendo. Muchas gracias por responder.
Buenas noches, he visto que al hacer un 10% aparece el botón, pero una vez que lo pulsemos se queda visible a no ser que cambies de página, como hacer que desaparezca al hacer scroll hacia arriba?
Gracias
Elementor no tiene opción para eso, habría que hacerlo con CSS personalizado.
Hola buenas no se si leerás este mensaje, pero a ver si me puedes ayudar. Tengo una web y no me van los slider con elementor pro. Si lo lees me dices y te paso la web. saludos
como hacer un botón HACIA ATRAS (para regresar pues)
hla people, sabe como se desaparece cuando se hace scroll up en la pagina
No necesitas ponerlo con Elementor Pro poner un boton volver arriba. Con un plugin gratuito tambien se puede hacer.
Está claro, pero la cosa es ahorrarse ese plugin extra si tienes Elementor Pro. Obviamente no te vayas a comprar Elementor pro para poner el botón de volver arriba🤦♂️.
No me sirvió, lo hice mil veces y para nada funcionó.
😔
Madre mía, tío explícate un poco más fluido, lento, entendible, algo para gente como yo, novato con algo de nociones, que aunque tengo elementor por mano no hay quien te siga. Si hablas para gente muy puesta en el tema, pues quizá valga, pero si pretendes llegar a todos los públicos, te estas dejando la mayor parte por el camino.