How To Make OnPage Anchor Navigation Links With WordPress, Any Page Builder Or Custom Code

Поділитися
Вставка
  • Опубліковано 21 гру 2024

КОМЕНТАРІ • 306

  • @UnquietDreams
    @UnquietDreams 5 років тому

    endless confusion and head-banging. Lightbulb! Adam! Finds video, follows along, success. I have an anchor and feel ridiculously proud! Thank you!

  • @barbakusz
    @barbakusz Рік тому

    I have watched like 10 videos trying to figure out how to do this, but finally, you solved my problem and saved the day. Thank you!

  • @larrymyers5989
    @larrymyers5989 5 років тому +3

    Yoooo! That’s why I love your videos. No one I know gives more descriptive, easy to follow instructions than you bro! Sometimes I forget to just check your videos first. Spent a couple hrs researching before I seen this...

  • @aaroncarbon7273
    @aaroncarbon7273 4 роки тому +7

    Hi Adam! Great video. I was wondering why my anchor link doesn't work when I'm on another page. I've tried both ways with the css id and anchor menu option on element however they both don't work. All it does is add the #name of the css id at the end of the slug when I'm on a different page. I'm using the free version of Astra as a theme.
    Thanks

  • @dubbyx8490
    @dubbyx8490 Рік тому

    Thank you!!! I have been searching for how to create anchor links on a homepage but what I have been seeing are vidoes about doing them within posts.. This is awesome!!

  • @mangakeyyorivaldy9117
    @mangakeyyorivaldy9117 2 роки тому +1

    Thank you bro
    You saved me, I accidentally deleted my menu

  • @khuramwaqar418
    @khuramwaqar418 4 роки тому +1

    I was looking for this but no one was able to help but you did man. thanks.

  • @anainmazatlan
    @anainmazatlan 6 років тому +9

    This is perfect timing Adam, thanks! I was trying to wrap my head around how to do this on so you saved me a lot of potentially wasted time.

    • @WPCrafter
      @WPCrafter  6 років тому +2

      Happy to hear! Yea its so easy to do.

  • @ArythmiaGroove
    @ArythmiaGroove 5 років тому +2

    Thank you for the video! I have a question: I am using Elementor to build a multi page website. On the landing page I have a couple of Anchors linked to the menu, and another couple in another page. The problem I'm having is that the menu item brings me to the Anchor only if I'm already on the page where the Anchor is located but doesn't work if I click on it from another page. Any suggestions on how to fix this? Thank you!

    • @joel199191
      @joel199191 5 років тому +3

      Try adding absolute URL in the custom link: yourdomain.com/#anchor seems to work for me

    • @AnetteTalie
      @AnetteTalie 4 роки тому

      @@joel199191 It didn;t work for me...=(

    • @muhammadhashir3835
      @muhammadhashir3835 2 роки тому

      @@joel199191 Thank you! This fixed the problem!!

    • @donniegilmore1834
      @donniegilmore1834 2 роки тому

      @@joel199191 definitely worked for me thank you!

  • @אבירםבןעזיז
    @אבירםבןעזיז 3 роки тому

    amazingly helpful! thank you very much
    i do have a problem with this still that i dont know how to solve:
    intsed of nicely sliding down to the position it teleports me there as a straight jump, very bad for the eyes... is there a way to solve it with some data im missing??

  • @MsJucarbo
    @MsJucarbo 6 років тому +2

    Hi Adam. I followed this tutorial and went with the custom link menu page "way". My menu link works on the homepage to direct to the section I want (which is also on the home). However, when I click on other pages of the site, the custom menu link does not redirect back to that specific section of the homepage. I see the correct browser URL with the "#contact" but it just doesn't go. What could be the issue here?

  • @nawrouzouchar808
    @nawrouzouchar808 4 роки тому +2

    Hi Adam. Please help me with the following question.
    I need to link some widgets and buttons on my home page to another scrolling sections on another pages
    Thanks

    • @sirprize2524
      @sirprize2524 4 роки тому

      Not possible because Wordpress sucks

  • @definitelytimz2428
    @definitelytimz2428 3 роки тому

    Bless your Heart. Incredibly easy and straight forward. You're the man!

  • @Amirmnt
    @Amirmnt 4 роки тому

    Hi Adam, Please help me with the following question.
    i want to use ID (for link) and use URL (for link) in the same menu

  • @christianneale476
    @christianneale476 3 роки тому

    absolutely brilliant! searched for ages for a solution to this - this video made it super easy to get it done! thank you

  • @deepakumar7596
    @deepakumar7596 4 роки тому

    Thanks for the above information. But how do I achieve this particular task : By clicking on TAB element (have 3 tabs), should change the photos in another section? Each TAB shows different pictures on click.

  • @christopherg3897
    @christopherg3897 4 роки тому

    you have the best wordpress tutorials sir! thank you

  • @naumtinga7254
    @naumtinga7254 4 роки тому

    its so easy, thank you very much
    Best WP Channel on UA-cam

  • @LuckyLifeTV
    @LuckyLifeTV Рік тому

    Super helpful tutorials thank you so much, happy to finally find this, works for WP Bakery too (element ID rather than CSS) thank you.

  • @DaleFSims
    @DaleFSims 3 роки тому

    I followed your instructions and it worked! Sort of. I put the links in a drop down as a submenu and they do go where I want them to. There is no name in the drop down list. Just empty boxes that when clicked go where I want them to. Any suggestions?

  • @mahalakshmi4769
    @mahalakshmi4769 5 місяців тому

    Hi! I have four tabs on a single page. In the menu bar, there are sub-menu options and tabs name are some. How can I set it up so that clicking on a sub-menu redirects to the corresponding tab?

  • @sammimak4260
    @sammimak4260 2 роки тому

    Hi Adam, thanks for making this video. As I clicked on the anchor link, it did jump to the section desire. However, I couldn't scroll back up to the top. May I know what might have caused this?

  • @alvaroponce14
    @alvaroponce14 4 роки тому

    Hi Adam! thank you for the video, I have a multiple page site and the submenu isn't working from the home page, it does work from the page the submenu is located but not from other pages, do you know how I could solve it? Thank you, cheers.

  • @MotoMayhem
    @MotoMayhem 3 роки тому +1

    Hey I am having an issue with my menu anchor. My anchor is a section called "Location" and I linked it to my navigation menu. But when I go to a different page and click on "Location" in the nav it doesn't switch pages and navigate down to the content like it does on my Home page.

    • @marijewoudsma9250
      @marijewoudsma9250 3 роки тому +1

      hi, I have the same problem as you! Have you been able to solve it?!?!?

    • @myd4386
      @myd4386 3 роки тому +1

      ​@@marijewoudsma9250 Hey I have the same problem as you. Did you figure it out?

    • @myd4386
      @myd4386 3 роки тому

      Hey I have the same problem as you. Did you figure it out?

    • @marijewoudsma9250
      @marijewoudsma9250 3 роки тому

      @@myd4386 yes i did! I have to look into it for a moment, then I'll try to explain.

    • @myd4386
      @myd4386 3 роки тому

      @@marijewoudsma9250 Hey, I did it too! It was so simple. I'm so happy figuring it out.

  • @AndyDuranFitness
    @AndyDuranFitness 3 роки тому

    Thank you this is exactly what I was looking for!. Couldn't find anywhere else

  • @mikalayding7539
    @mikalayding7539 5 років тому

    Hi - great video - but what if I want to klick on a menu item and jump directly down to a page, that is under this menu item?

  • @Greenblueandred
    @Greenblueandred 4 роки тому +1

    2 Years later and it's still great info! thanks!

  • @jacksoncn
    @jacksoncn 5 років тому

    Hi Adam! Curious what you use to make your youtube thumbnails. If you'd be so kind as to share... that would be GREATLY appreciated. Thanks!

  • @DanielSimler
    @DanielSimler 4 роки тому +1

    HI, Thank you for this video. The only problem I have is when I click, and enter on another page and then click again the custom link displayed in the menu footer, is not working. I have to be on the home page in order the custom link to work.

    • @marijewoudsma9250
      @marijewoudsma9250 3 роки тому

      I have the same problem as you! Have you been able to solve it?!?!?

  • @charlesasare5738
    @charlesasare5738 4 роки тому

    This is great. I want to know if it is possible to navigate (form the menu item ) from a page to a section on a another page using elementor?

  • @paritoshnpandya8426
    @paritoshnpandya8426 5 років тому

    If in services page there is A , B and C service than we can go to that page ( say B ) but how to add this one page "Menu "on that service page (Say B ) and use it there to return page to this primary page ?

  • @doubler287
    @doubler287 5 років тому

    I already knew about Anchor Links and how-to create but liked watching this video, you teach this very well Adam. Keep up the good work.

  • @Sandeepkumarpnp
    @Sandeepkumarpnp 4 роки тому

    You are a great Teacher sir . Love From India . Namste Dil Se

  • @Kevin-bu6gd
    @Kevin-bu6gd 5 років тому

    Great video Adam, I wish to add the anchor to an already exist menu and not add a new menu. How can I do that? Will really appreciate your help.

  • @JayByam
    @JayByam 4 роки тому

    THANK YOU SO MUCH! In WPBakery they call it Element ID and your #Element ID works great for an anchor link
    THANK YOU !

  • @kinggonzales2067
    @kinggonzales2067 3 роки тому

    I have question how do I make it link to that specific anchor point from a different page? can I make it also to a text and button from other page to the anchor point that I want?

  • @pedrotraguil8511
    @pedrotraguil8511 4 роки тому

    Is there a # i can use to create a menu item to go back to the top of the page? like a "home" button?

  • @jonathanwong7107
    @jonathanwong7107 4 роки тому

    Hi, thank you. This video saved me from hours of frustration! However, my problem now is that I actually linked a sub-header to scroll down to specific section of a page. When I click on the subheader from the menu, it doesn't link to the section directly. I have to click on the header to bring me to the page and then click on the subheader to bring me to the section that I want. Do you have a solution for this problem? Thank you in advance.

  • @gizhekhairelddine7109
    @gizhekhairelddine7109 3 роки тому

    AWESOME TUTORIAL! :3 thank you so much!!

  • @jamesrobbins2167
    @jamesrobbins2167 3 роки тому

    Im totally New to this but I get your attaching a quick link to a boxed area on a page but I need to make a quick link to a Header, can this be done ?

  • @habibaezzat6036
    @habibaezzat6036 3 роки тому

    Thank you for your help! I really appreciate your videos are very helpful!

  • @lodewijkdevries8001
    @lodewijkdevries8001 2 роки тому

    you just saved my life bro, keep up with the great work! love and peace

  • @zannakristal3754
    @zannakristal3754 4 роки тому

    Really appreciate your Videos...clear to understand. Thank you

  • @angusga
    @angusga 9 місяців тому

    Thanks for this. I'm trying to add a link from a description page containing a gallery and text about a product that will take a customer directly to the product for a woocommerce store. Will this work for that?

  • @Paytonwh
    @Paytonwh 3 роки тому

    So i need the business profile to do this? I can't do plugins without it. Is there a way to make jumplinks without buying the business version?

  • @mikescudder4621
    @mikescudder4621 2 роки тому

    CHEERS!! Just what i needed. Anchor menu did not work for me but the css id method did.

  • @angelahenryauthor
    @angelahenryauthor 6 років тому

    Adam THANK YOU! I was using the Elementor Menu Anchors and they weren't working! I was beyond frustrated! But this worked like a charm!

  • @hectordeals
    @hectordeals 5 років тому +1

    Thank you we need more videos like this.

    • @WPCrafter
      @WPCrafter  5 років тому

      All in good time Hector.

  • @pratikkayasth6705
    @pratikkayasth6705 3 роки тому

    Great video love this tutorial. But suppose I linked my services to the section of service on home page.( as shown in tutorial) but when i was on the contact page and try to click on service page then the link is not redirected. So is there any solution for this?

  • @black.bird.
    @black.bird. 4 роки тому

    Hey,
    Can I use anchor to jump to another page headline? If not is there any other way?
    Thanks

  • @seyedefatemekhademi5107
    @seyedefatemekhademi5107 2 роки тому

    Hi Adam, excellent video. It really helped me out with this specific issue I was having.God bless you...

  • @rasmuslarsen9320
    @rasmuslarsen9320 6 років тому

    If anyone is wondering - same method is working for "WPBakery Page Builder" :-)
    Thank you Adam

  • @albertoux1425
    @albertoux1425 2 роки тому

    Hi, but how do you do the anchor link if you want to send the user to a part in the footer, and the footer is managed by the worldpress theme and it's not editable with Elementor?

  • @samiraabourriche1356
    @samiraabourriche1356 3 роки тому

    Thank you for this video .It's helpful.

  • @gholamulmostafa1443
    @gholamulmostafa1443 4 роки тому

    It is too helpful for all designers. I like your video

  • @kyriakosproestakis
    @kyriakosproestakis 4 роки тому

    Very helpful tutorial, thank you.

  • @keepinvestingstupidsimple3618
    @keepinvestingstupidsimple3618 4 роки тому

    How can I make it smooth scroll to the anchor instead of jump?

  • @fantom2967
    @fantom2967 6 років тому +2

    thanks for video. Adam why is the first method better than doing it with page builder?

    • @WPCrafter
      @WPCrafter  6 років тому +1

      You mean how I do it in the CSS ID in the advanced section of my page builder? I find it easier to get it right to the location that I want.

    • @fantom2967
      @fantom2967 6 років тому

      WPCrafter.com WordPress For Non-Techies thanks

  • @tajahoneilbantugather3913
    @tajahoneilbantugather3913 5 років тому +8

    Thank You Adam for your great tutorial,
    I’ve watched this several times and still can’t “for the life of me” get the link to work when I’m on another page! What am I missing? Please help thanks 20/03/2019

    • @deanontheinterwebs
      @deanontheinterwebs 5 років тому +8

      From another page you need the full URL. Eg if anchor link is #packages, from another page you need to link to, as an example: domain.com/pagename#packages

    • @deanontheinterwebs
      @deanontheinterwebs 5 років тому +5

      Or if it is the home page, as an example, it would be: domain.com/#packages -- using the same example.

    • @broadnanv2
      @broadnanv2 5 років тому +2

      @@deanontheinterwebs thanks !!!! u saved million thounsand my times settle of this.

    • @sujitbiswasseo
      @sujitbiswasseo 4 роки тому

      @@deanontheinterwebs Hi, I need your help. I have already followed the video and created a custom link, it is showing in my nav menu. However, when I click on it nothing happens. Please help.

  • @Sai-lk3fc
    @Sai-lk3fc 2 роки тому +1

    Thanks man it was really helpful

  • @g.m.7495
    @g.m.7495 3 роки тому

    Very helpful! Thank you!!!

  • @johnboyd8053
    @johnboyd8053 6 років тому +2

    Perfect timing, Adam. I was just able to share this video with the Elementor community.

    • @WPCrafter
      @WPCrafter  6 років тому

      That's great John Boyd! Thanks for watching.

  • @beautyisinternal6953
    @beautyisinternal6953 3 роки тому

    Thank you so much! Your video helped me a lot🙏🏻

  • @TahseenBenAlam
    @TahseenBenAlam 3 роки тому

    how to add link in custom post type?? on page

  • @annamilanamyownversion
    @annamilanamyownversion 4 роки тому

    Thank you Adam, I have watched some of your videos and your teaching is very straightforward and easy to understand.

  • @hameedferozvlog5600
    @hameedferozvlog5600 5 років тому +1

    Thanks for the information, but I was looking for something else. I made a List of Contents on the top of a post, and I want readers to navigate to the paragraph when they click on that particular topic in the list of contents. Can you please show how to do that. I'm new to Wordpress. And I found your videos very Helpfull

  • @desicryptoupdates
    @desicryptoupdates 4 роки тому

    You are too good.
    Lots of wishes for you sir..
    A fan from India

  • @mohitsandhu2842
    @mohitsandhu2842 4 роки тому

    thanks sir your all videos are easy to understand and very helpful

  • @nidaa3233
    @nidaa3233 3 роки тому

    exactly what I was looking for. You are God send.

  • @justintime5681
    @justintime5681 5 років тому

    Hi adam, tnx for the video! quick question, if im on page on my website and click on the anchor nav link set up for another page, it wont take me there... any suggestions? tnx

  • @mehulmevawalla5208
    @mehulmevawalla5208 4 роки тому

    For themify theme same option ?

  • @sameeramarapperuma
    @sameeramarapperuma 3 роки тому

    nice. that's what i looking for. thank you very much

  • @db2110
    @db2110 5 років тому

    Ive used your first example....It works only if I'm on the selected page, I want to link to any of my dropdowns directly?? My boss got me Elementor pro, its cool...but I cannot link directly to any of my dropdowns? Please help!!!

  • @ireneomalabananjr7677
    @ireneomalabananjr7677 Рік тому

    In astra theme (elementor) it is not jumping if you came from another page.. it is only working in the same page where the section is. Do you have any solution for this?

  • @ne14dirt
    @ne14dirt 4 роки тому

    Yes! Cut the fluff and straight to the point. Great tutorial!

  • @marcelasleeva8536
    @marcelasleeva8536 2 роки тому

    Hi Adam, I am having trouble with getting this to work. On my menu all my pages go to the same place? Please help me to troubleshoot this.

  • @NikosZan
    @NikosZan 3 роки тому

    i made with the first way with id css but it is not working if i am not in the home page...what i can to do fo work and for the other pages ??

  • @PaulDickson7
    @PaulDickson7 6 років тому +2

    Thanks Adam, always a good trick to teach people

  • @khaledamrhanafy5765
    @khaledamrhanafy5765 4 роки тому

    Thanks for the information!

  • @dya1990
    @dya1990 3 роки тому

    the video is still very helpful! thank you!!

  • @DanielMerrido
    @DanielMerrido 2 роки тому

    I do new website and i have problem, all i have make it right, but when i click on button, move across position where is put CSS ID, if i click on button second time move right, but i try fix it right for first time. Can you advice me, please?

  • @markchadbourne8049
    @markchadbourne8049 6 років тому +2

    Good video Adam as usual. However you say 3m57s into the video: To enter the url for the menu you put the pound sign £ in, plus the css id name. However it's the hash sign # and the css id name. It's difficult to see the text on the page builder because the video is a little fuzzy. So you tend to hang on every word. Other than that very helpful and informative. Thank you.

    • @WPCrafter
      @WPCrafter  6 років тому

      Thanks for watching Mark Chadbourne!

    • @DeanKennedyAU
      @DeanKennedyAU 5 років тому

      In the US, the pound sign means the hash sign :D ... here in Aus, as in many places, yes, it can be confusing as "pound" can mean something other than "#".

  • @MoroccanMusclesTV
    @MoroccanMusclesTV 3 роки тому

    Very Helpful thanks!

  • @mssburr
    @mssburr 3 роки тому

    Need to know how to make a link between all the choices in a drop down menu
    to a title on the page like... shoes-pants-shirts...

  • @YouTubeallowedmynametobestolen
    @YouTubeallowedmynametobestolen 5 років тому

    Can you put a link to a different page in the website with Brizy?

  • @yogi2295
    @yogi2295 4 роки тому

    is possible for one page to another page?

  • @hipersign
    @hipersign 4 роки тому

    Thanks for the useful information

  • @Chapa9
    @Chapa9 3 роки тому

    You are a genius, you are so helpful thank you very much.

  • @rudyramkissoon2276
    @rudyramkissoon2276 6 років тому

    where exactly? I'm very new to this. In fact, I have a question. I have installed the Electro Theme v2 on wordpress for my website. How can I display the Vendor store logo and store name on the product page? Is there a custom code for this.

  • @maldova7324
    @maldova7324 5 років тому

    million thanks , only video on youtube explain these setting .

  • @esselideas5114
    @esselideas5114 5 років тому

    Dear Sir, all your tutorials are simply superb. Can you please help me how to use Image alt attributes in elementor post which is very important for Yoast SEO.
    It's showing below message Image alt attributes: Images on this page do not have alt attributes that reflect the topic of your text. Add your keyphrase or synonyms to the alt tags of relevant images! Thanks & Good Luck.

  • @iwotube
    @iwotube 6 років тому +2

    Hi Adam, great tutorial :) Would you shed a light on how to use anchor links in the main menu of a non-one-page website? Basically, I have a website where all menu items are home page sections but one is a separate "Our Projects" page. Once there, the custom links don't work...

    • @WPCrafter
      @WPCrafter  6 років тому +1

      Right here www.wpcrafter.com/how-to-create-on-page-anchor-links/

    • @tajahoneilbantugather3913
      @tajahoneilbantugather3913 5 років тому

      WPCrafter.com WordPress For Non-Techies
      Thank You Adam for your great tutorial,
      I’ve watched this several times and still can’t “for the life of me” get the link to work when I’m on another page! What am I missing? Please help thanks 20/03/2019

    • @teststockaccount8472
      @teststockaccount8472 5 років тому

      I need help with this problem also Adam, the video says it doesn't matter what page you are on, but if you are not on the page with the anchor it wont jump to the specified section and page. Im using it in the main menu.

  • @ozedsal5581
    @ozedsal5581 2 роки тому

    How can I do that to my existing main menu?

  • @Talkwithtina808
    @Talkwithtina808 4 роки тому

    Does this work with the button???

  • @the-long-named-one
    @the-long-named-one Рік тому

    This is great, thanks so much!

  • @misterellystudio
    @misterellystudio 3 роки тому

    This helped.... Thank you very much Sir

  • @pairow981
    @pairow981 6 років тому

    Hello sir
    Thankyou soooo much
    Can u please tell me how to do horizontal scroll for some particular rows
    Please please please

  • @noorgrewal8424
    @noorgrewal8424 6 років тому +2

    Hi Adam, I have this one page website with onpage anchors and I am finding hard time in creating a sitemap using anchors (just like pages) for google, any help would be appreciated.

    • @caryhuff8924
      @caryhuff8924 6 років тому +1

      The answer to your question might be here. Hope this helps: webmasters.stackexchange.com/questions/56423/sitemap-for-a-one-page-site

  • @sirseptember.digital
    @sirseptember.digital 2 роки тому

    Thanks a lot, this video helped me a lot.

  • @rederstreet
    @rederstreet 6 років тому

    Hi there, I was trying this with ordinary HTML code an noted that, altough the link is placed exactly where it should be, it only works correctly in Safari on my iPhone. In Firefox and IE the link points rather far down below where it should be. Could this be a Theme issue? Could it be solved with some custom CSS?