Create Anchor Links To Another Page In Elementor
ฝัง
- เผยแพร่เมื่อ 7 ส.ค. 2024
- The anchor links you will learn to create in this video, also called Jump links, will take the clicker from one Elementor page to a specific section on another Elementor page.
//*
Grab your free 17-Point WordPress Launch Checklist PDF: wplearninglab.com/get/wordpre...
Always backup your site just in case (or use a staging site), here's how: • WordPress Backup, Rest...
Join our private Facebook group today! / wplearninglab
//*
Here are 20+ reasons why I host all my sites with SiteGround: wplearninglab.com/siteground-...
//*
Post videos of your WordPress success using the hashtag #WPLLCommunity!
Get on the Unofficial Ultimate Guide To Elementor course waiting list here (no obligation): elementor.convertri.com/eleme...
Here's the link for Elementor Pro (aff): wplearninglab.com/recommends/...
I hope this information helps you! If you have any questions leave a comment below or ping me @WPLearningLab on Twitter.
WP Learning Lab Channel: th-cam.com/users/subscription_c...
![[ไฮไลต์] เจ้าฟ่าง ธีรพงศ์ ศิลาชัย "คว้าเหรียญเงิน" ยกน้ำหนักชาย รุ่น 61kg | โอลิมปิก 2024](http://i.ytimg.com/vi/981lYv1AwKk/mqdefault.jpg)
If you found this tutorial helpful, then you'll love the Elementor Skills Playlist. Check it out here to learn all sorts of Elementor Skills: th-cam.com/video/IkZqYk3mx_g/w-d-xo.html
I was looking so long for this, nobody could explain it that it also works - until I found your video! Well done, thanks a lot for your great help. Your tutorial is easy to understand, just perfect.
THIS BLEW MY MIND! You just gave me a tool that will take my work to a whole new level. Thank you so so much. This was really straightforward. Looking forward to exploring your channel.
I just wanted to send you a quick thank you for your tutorial. Simple, but frustrating if you make just a small mistake. Your tutorial helped me fix my errors!!! Thank yoiu! Great job and very clear. Much apprecited.
You're the PROFESSOR OF WORDPRESS and every other thing that anchors it. This was a totally awesome lecture
Thanks Tony and thanks for watching!
Thank you brother! It was perfect. Short and cut to the point. I will recommend you channels to others too!
Thanks man!
Spent hours on this until I found your video! You're a hero!
I'm happy I could help Rebecca :) You're a hero too!
Thank you so much for this super simple tutorial of how to link things together. I did it and it worked!!!! One more step closer to getting my website up and running.
I'm happy I could help! One step in the right direction is a good step!
Exactly what I needed to do and found your video at exactly the right time! Thank you!
That's fantastic :) I'm happy I could help!
Wow! With zero professional/formal education, your video made me a Pro instantly. thank you
As always on this channel, just another perfectly useful tutorial. THANK YOU!
This was great! Thank you for sharing your knowledge :)
Thank you this was a very helpful, clear and concise tutorial
It's the only video I found with respect to this topic !
Thank you so much buddy ! 🙌🤩
You're welcome, thanks for watching!
Very clear instructions. Thanks so much for your help.
Thank you so much for doing these videos! Very helpful. :)
You're welcome Carolyn, I'm happy to help!
Thank you for this excellent and easy-to-follow video. It worked a treat for my task. As stated in the video, "You can link anything this way!" What a find! Thank you so much!. You're bookmarked on the bar - first place position! 🤣
Great teaching. Definately helpful utmost. Please keep up the good work. Thank You
Thanks and thanks for watching!
thank you so much brotha really appreciate it man!
Thank you for this video. Easy to understand and just follow it, yeah it sucess!
This video was really helpful.. Thank you so much !!!
Wow! Thank you so so much. So helpful!
I'm happy I could help. Thanks for watching!
Good stuff! I need to start adding a lot of anchor links to my site.
Yep, you sure do :)
Thank uuuu, thank God i found youu. This tutorial is very helpful
This video is awesome. Sir you always helped me and solved my confusion whenever needed.
Awesome 👍 Great video
Highly recommend.
I'm happy to help Tahira! Thanks for watching :)
Thanks its worked!
Much love.... You saved me tons of hours Thank you
Awesome! Thanks for watching!
Thank you... your video helped me.
Thanks, It really works
Thank you. This is really helpful.
Thank you! You've saved me twice!
You're welcome Sofia, I'm happy I could help! Let's go for three times!
very nice tutorial, thx and god bless u and the world, regards from hong kong ^_^
Thanks a lot. It worked
thanks for this !
Perfectly solved.. thanks a lot!
You're welcome Saviour, thanks for watching!
Thankssssssssss !!!!!!! Sorted it very clearly !!!!
You're welcome and thanks for watching!
perfect video exactly what I needed thank you
Sweet! I'm happy I could help Sergio, thanks for watching!
Thanks for the info! Very useful.
You're welcome Shubham, thanks for watching! Let me know if you have any questions :)
Great one, thank you very much.
You’re welcome Alaa, thanks for watching!
Really useful - thank you.
You're welcome Roger, let me know if you have any further questions!
Thank you so much.
Thank you........very well explained
You’re welcome Vibhuti, thanks for watching!
Made the process so simple. Hats off.
Thanks :) And thanks for watching!
Thank you a lot for the tutorial
You're welcome Alexey, thanks for watching!
Thanks alot ! I did this with a text on the header, clicking on the header brings me to the info that's on the same page.
Thank u so much, u save my day
You're welcome, I'm happy I could help!
Thank you so much!
You're welcome Dawn, thanks for watching!
Thanks for tutorial! But I have an issue with this. I added a link to the menu items. It works well but when I replace URL form just anchor points to the full URL's ( cuase I have 2 pages on my website.) my menu item is highlighted like it's hovered. What's the problem ?
Yes! Yay! THANK YOU!!!
You're welcome, thanks for watching! Let me know if you have any questions :)
thank you, you saved me!!!!!!
I'm happy I could help Ginevra, thanks for watching!
really useful, thank you
You're welcome, thanks for watching! Let me know if you have any questions :)
You are my wordpress hero 👏🏾👏
Thanks James, and thanks for watching!
@@wplearninglab You are most welcome.
It's really helpful, Thanks
Glad it was helpful! Thanks for watching!
Hi! Thank you for your video, it was very helpful. I am having an issue with this on the mobile version. For some reason, my button wouldn’t want me to jump to another page’s specific section. It jumps way higher than the anchor link. Do you have any idea why it happens?
Thank-you for your video. I have watched many of your tutoial videos. I created a "jump to recipe" button with html elementor widget. In the button are 3 recipes to select and jump to. My problem is instead instantly jumping it scrolls down (too much scrolling) and how do I fix it where it doesn't scroll, but instantly jumps to the recipe? I used the advance in elementor and entered where I wanted it to jump.
Thanks for the help. I have one more query I'll be grateful if you help me to solve. I want that if I add new blogs into my main Entertainment page my old blogs will remain same and as we see in different websites that in bottom there are several page numbers so you can go to pervious blogs too. How can I add this option to my WordPress elementor. Please guide thanks
Hello,. is there a plugin that would generate a site documentation for support purpose, WP version, theme, menu structure, plugins. I would like to generate these documents to quickly reverse engineer an existing site or hand that documentation to another guy in my photo club. Free if possible as the photo club has no commercial activity ? Thank you.
Thank you so much. Just want to ask how is it possible that link doesn't show the correct section on mobile mode. On computer and tablet it works propperly as it is showned here...
Thanks in advance for help.
😊
Thanks bro form srilanka
You're welcome, I'm happy I could help!
Awesome! Exactly what i was looking for. Question, does this same thing apply to drop down menu items and linking them to their destination pages?
Yep it does! Once you have the anchor created you can put the link to it anywhere. On the same, on other pages, in the menu system, in text links, in buttoms, on other websites, on social media, in emails. Anywhere you can put a link :)
Thankyou for this, Very Helpful, is there a way to for it recall that you have clicked on the link? i.e when you go from the about the section to the profile and then back, it recalls that you have already clicked it. Thanks
Thank you! Saved me many more hours trying to work this out in vain.
I'm happy to help Chris, thanks for watching!
Is there a way to set up a page on WP/Elementor that is under a different domain but is hosted on the same server?
Thankyou:)
Would this technique be responsive, and if so does itbtake time to be reaponsive on mobile. It just seems updates are not automaticlly responsive all the time. Does it just take time sometimes?
Thanks ❤
You’re welcome and thanks for watching!
thanks,,,Its help me
Cool, I'm happy I could help!
Thanks for the vid - I actually came here exactly for the reason that you seem to have experienced - no autofill.... in the Elementor videos they seem to be just typing it in. I can't seem to get it to work for text or buttons, though.
It must be something Elementor's end. The WordPress block widgets autofill for us.
Hi, thanks for the tip. However, it is often the case that the section is then a little bit 'cut-off'. It would be great to start the section 10-20 px heigher... any chance you have a javascript which provides that anchor?
Hi Michael,
That'll happen if you have a sticky menu system that comes down the page with you. The easiest solution is to put the anchor a little bit higher on the page. I don't have any JS for that handy, but I'm sure if you Google it you'll find lots of options.
Thank you
You're welcome, thanks for watching!
🎉❤thank you
Hey do you know if you can add this CSS ID to the filters on the pro gallery?
Hi Philip,
I don't know off the top of my head, but my feeling is you can't. The filters are built into the gallery widget. But the filters are being applied to a CSS class or ID that you can find by using the Inspector. Then you can apply your own CSS using the CSS field in Elementor Pro.
Thank you too much.
You are most welcome Mohammad!
Hi this is great explanation. But how can I connect two or multiple forms from different sections on same page to collect or store information? Pleasae can you do a tutorial on this? Thnk you!
Hey Champ
Excellent video, thank for sharing. I never actually built links like this and always wondered how you get to a specific part of the page after clicking on a link. Now I know.
I do have one problem though, I am adding hypertext links and after making the link live, the text in the editor actually converts to an underscore, so we have missing text with an underscore in place. I have never experienced this in Elementor. Would you know how to solve this ?
Hey Peter,
When you say "hypertext links" do you mean HTML links using the a tag?
When you try to highlight the link does the text of the link appear in the highlighting?
Hi! Do you have a tutorial on how to link a specific section of the page to another page? Like for an example. When they click the button on the Home page. It will direct them to a specific part of the Services Page.
I think this tutorial that you commented is the one.
Hello,
could someone assist me?
I've created a one-page WordPress website. At the top, I have an anchor button intended to take users to the bottom of the page. However, during the initial load when the website is not fully rendered, it halts during scrolling at the incorrect section. Could you help improve this issue?
You mentioned that this happens before the website is fully rendered. How long are you waiting before you click the anchor link?
Is it possible to scroll down to specific section from a button in menu, but when you're on a different page, still possible to use that same menu button to go to specific section in 1st page?
thanks
If you use absolute links in the menu buttons it should work. For example, the link in the button could be YourDomain.com/Page1#Section. That will take you to that section on Page 1 no matter which page the menu button is on, even if it's on Page 1.
I hope that helps and thanks for watching!
Hello, I don't want to use the whole URL. I just want to use the "Internal link" of elementor. Is it feasible?
Thanks for the good idea, it worked! but some times worked only on phone but not on the pc! What is the reason?
The only thing I can think of is part of the page isn't loaded yet when you click the link? Clicked it too soon after the initial load maybe? You said it the issue happened only sometimes, right?
Hi your guide was great but im still having an issue with the link. When it connects to the servies page it doesnt align with the section required that i have selected any idea why or what i can do.
Good question Ali. Where you place the anchor text on the page you're jumping to is the place where very the top of the page will scroll to. If the page is scrolling too far down, then you'll have to move the anchor text up higher on the page. It may take some trial and error, but keep moving the anchor text around and you'll find the right place.
Hi - I want to create a jump link that selects a particular tab in a set of horizontal tabs on a page (or accordion for that matter). My efforts so far just take me to the first tab every time - won't select, say, the 4th tab. Any tips?
BTW - I want to use this for external access - not just jumping around the site
You'll probably have to use JavaScript to detect when that particular link with the anchor is clicked. The link click will take the user down to the section you've anchored to and the JavaScript will change the state of the tab or the accordion to open the one that you want. The JavaScript isn't complicated, but it'll be a challenge if you're not used to coding. There will be lots of code examples if you Google it.
Can this also work on menus
How to link the menu bar to the specific elementor tabs
Somehow it's not working for me. When I click the link on the footer and I'm on page A, it loads the other page B, but it doesn't scroll to the set anchor. However, when I click the same link on the footer when I'm in page B, it scrolls perfectly to the anchor. Any Idea what's happening there?
Hi Johann,
When you click on footer on page A and it goes to page B, does the URL in the address bar of the browser have the page B URL with the #anchor at the end of the URL?
Elementor is a good builder and those new features are interesting. Do you know Elementor has a hosting service too? I will like
to know if the hosting service is reliable and secure.
Hi Mariana,
Yes, I've tried Elementor hosting service. In this video (th-cam.com/video/U0_PMB_yJYA/w-d-xo.html) I built a website using Elementor cloud (hosting). I don't have any data on how reliable it is, but it is expensive. Much more expensive than a good shared host like Siteground or a good dedicated hosting Cloudways.
Is there a template available for the page you are using as a demonstration?
Yep, Sylvr, it's a template that comes with the free version of Astra.
I am looking to make a page and when they click the link it takes them outside of my page
Hi Maserati,
Do you mean when they click the link it will take them to a different website or you want to have a different website displayed within a page on your website?
this works for containers too!
Can you make anchors jump to a specific place on another website?
Hi Charlene, you can as long as the other website has the anchors we created in this video. The anchors being the string of characters preceeded by the # tag; for example, #bob.
Helpful, thank you. But it would have been clearer if both sections looked different. The original section with the link looks identical to the About section, initially a bit confusing.
Good insight Dave! I'll work on making things more clear in the future!
Bjorn; I have two questions which I check youtube but couldn't find relevant info about Anchor links. As you are a coder, you may enlight us.
1ST: "how to make anchor links from a drop down header menu" . Okay here is a scenerio. We have a one page website that made with Gutenberg or Elementor and we have a header menu which have few drop down menu pages. How can we make Anchor links?
2ND: "how to make anchor links from footer menu to top". I believe ton of people curious about this one too.
May be you can make a seperate video that contains these two questions Bjorn and I belive they will get ton of views.
Thanks in Advance Bjorn 👍👍
Hey Baris, great questions! I have a few more anchor link tutorials ready to publish, but they don’t specifically address your questions. I’ll make a video for each of your scenarios!
@@wplearninglab thank you Bjorn 👍
hi does this work the same way for buttons?
NVM it did, thanks a bunch!!
Nice work Tajuanna!
Thanks for the vid! I hate how glitchy the bottom margin is on the text editor widget. Annoying.
I'm sure they know about it, but have you submitted a bug report to Elementor?
@@wplearninglab I haven't. Maybe I should send them a sternly worded letter as well, haha.
You Rock! Thank you.
You're welcome Heather, I'm happy I could help!
link didn't go to same position but a bit down
how to do keep the link from opening a new tab to the link page?
Hey Brian,
The method shown in the video should not open in a new tab. If the HTML a tag has the attribute target="blank" then link will open in a new tab. So you'll need to take out target="blank" or if you're using Elementor or another page builder there may be an "open in a new tab" option that you have to unselect.
I hope that helps!
@@wplearninglab thanks for the feedback, I'll try that.
@@wplearninglab just took out the target blank in the html and it worked. thanks 👍
cool
Thanks and thanks for watching!
it is not working on mobile, it opens the next page but not move to the section in mobile,
working on desktop not in the mobile
Is it bad for SEO?
Hi Kiarash,
It shouldn't affect SEO negatively. It may in fact help with your SEO because these links will help your visitors go exactly where they want to go on your site, which could potentially increase pageview and time on page/site metrics for your site.