ไม่สามารถเล่นวิดีโอนี้
ขออภัยในความไม่สะดวก

How to Link WordPress Menu Items to Elementor Sections (Elementor Menu Anchor)

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 ก.พ. 2022
  • In this quick video, I'll show you how to link a WordPress menu to elementor sections with the use of the custom link menu option and elementor CSS ID feature. This feature doesn't require page load once someone clicks on the menu item. They simply jump to the elementor section which is assigned to the very menu items from the WordPress menu.
    Here is a step by step blog post tutorial: gotechug.com/link-wordpress-m...
    _______________________________________________________
    🛠 Download My Free WordPress Beginner Toolkit: gotechug.com/toolkit/
    _______________________________________________________
    Get a Domain and WebHosting
    🔵 Hostinger: gotechug.com/hostinger
    🔵 Blue Host: gotechug.com/bluehost
    🔵 InMotion Host: gotechug.com/in
    🔵 Hostgator: gotechug.com/hostgator
    _______________________________________________________
    ✅Get Envato Elements ( Thousands of Elementor Templates): gotechug.com/envato
    Preferred Elementor Themes
    ✅OceanWP theme: gotechug.com/oceanwp
    ✅Astra theme: gotechug.com/astra
    ✅Kadence theme: gotechug.com/kadence
    ✅Blocksy theme: gotechug.com/blocksy
    _______________________________________________________
    Awesome Elementor Addons & Plugins
    ✅Get Premium Addons here: gotechug.com/premiumaddons
    ✅Get Elements Kit Addons for Elementor: gotechug.com/ek
    ✅Get Element Pack: gotechug.com/elementpack
    ✅Get Ultimate Addons for Elementor: gotechug.com/uae
    ✅Get Essential Addons for Elementor: gotechug.com/essential-addons
    ✅Get Piotnet Addons for Elementor: gotechug.com/pafe
    ✅Get The Plus Addons for Elementor: gotechug.com/theplusaddons
    ✅Get NitroPack: gotechug.com/NitroPack
    _______________________________________________________
    Productivity Tools
    🔔Get LastPass Password Manager: gotechug.com/lastpass
    🔔Hire on Fiverr (Get 20% off 1st Order): gotechug.com/fiverr
    _______________________________________________________
    🔔Subscribe to my newsletter
    gotechug.com/newsletter/
    Follow GoTechUG on Social Media
    / gotechug
    / gotechug
    For business inquiries send to: hamza@gotechug.com
    Background Music: By Ben Sound
    DISCLAIMER: This video and description may contain affiliate links, which means that if you make a purchase through one of the product links, I’ll receive a small commission at NO Extra Cost to you. That way, it helps support this channel and make more videos just like this.
    Thank you

ความคิดเห็น • 125

  • @GoTechUG
    @GoTechUG  4 หลายเดือนก่อน

    New updated video (use CSS ID or Anchor links in WP): th-cam.com/video/wwPmb0A_fSw/w-d-xo.html

  • @marvinjortzik7851
    @marvinjortzik7851 ปีที่แล้ว +8

    This is exactly what I needed: straight to the point and easy to understand. Thank you so much!

  • @user-hd4pp6rj5s
    @user-hd4pp6rj5s 2 หลายเดือนก่อน +1

    God Bless you man, you my savior. Straight to the point, no BS, real results

  • @natashastanley4507
    @natashastanley4507 ปีที่แล้ว +1

    You have been an absolute hero. Love all your "how to" videos, and they have taught me how to build a website from scratch. Thanks ever so much.

  • @maxmerton2406
    @maxmerton2406 11 หลายเดือนก่อน

    Thank you so much! The path to menu fiddling and other stuff has changed a bit but you were concise and clear so I could transfer your tips to the new layouts and make it work. You’re awesome!

  • @vaned8029
    @vaned8029 ปีที่แล้ว

    Thank you man! This is exactly what I was looking for. Never too late to learn a new skill. I have almost 20 years experience in design and only now I'm learning Elementor / Wordpress. Def taking me out of my confort zone and videos like this are supper helpful! Thank you!!

  • @GlowserpUk
    @GlowserpUk 3 หลายเดือนก่อน +1

    Excellent video! Super clear instructions. Thank you.

  • @plopz25
    @plopz25 หลายเดือนก่อน

    Thank you very much sir, this tutorial is very game changer for me.. now i already equiped how to use elementor for the broader perspective.

  • @antrahagure5372
    @antrahagure5372 ปีที่แล้ว

    The best video on TH-cam-simple and gives you the answer you seek. Thank you!

  • @renaldoschutte8065
    @renaldoschutte8065 ปีที่แล้ว

    You have mastered the skill of explaining something so simple. Thank you.

  • @chadjonas
    @chadjonas ปีที่แล้ว

    Thank you so much. The way you keep it simple and explain each step to us beginners is very helpful.

  • @HunTerBO1
    @HunTerBO1 5 หลายเดือนก่อน +1

    very helpful , helped me with another problem I had on top of what the title describes , thank u !

  • @David-dk2jk
    @David-dk2jk ปีที่แล้ว

    Straight to the point without bs? I love it, new suscriber.

  • @pinglord7279
    @pinglord7279 ปีที่แล้ว

    Thank you. This was a very helpful tutorial for a Wordpress beginner!

  • @virtualtour3608
    @virtualtour3608 ปีที่แล้ว

    Thank you ! I've been trying to het this fixed for a while. it's exactly the content I was looking for!

  • @tashrif14
    @tashrif14 8 หลายเดือนก่อน

    Was having a hard time finding a perfect tutorial. Finally found this video. Thank you, you earned a like.

    • @GoTechUG
      @GoTechUG  8 หลายเดือนก่อน +1

      Awesome, thank you!

  • @user-yw6oi8bx8h
    @user-yw6oi8bx8h ปีที่แล้ว

    Thank you! I searched everywhere for this answer. This really helped!

  • @PapaJoelsEnglish
    @PapaJoelsEnglish ปีที่แล้ว

    This was so helpful for building my site. Thank you!

  • @socheekypirate
    @socheekypirate ปีที่แล้ว

    Thank you so much! I finally got to make the menu work with the custom links.

  • @yourgameplan
    @yourgameplan 6 หลายเดือนก่อน

    Thanks for this quick and easy video which helped us rearrange our header!

  • @joemanco69
    @joemanco69 11 หลายเดือนก่อน

    simple and straight to the point! Thanks!

  • @maa9231
    @maa9231 6 หลายเดือนก่อน

    Thank you, you are god sent, and thank you for going straight to the point and easy to follow format.

  • @ogsfernandes
    @ogsfernandes 10 หลายเดือนก่อน

    Thanks for the quick and informative guide!

  • @prelexia1
    @prelexia1 2 ปีที่แล้ว +1

    Brilliant!!!!
    This is EXACTLY what I was looking for.
    Thank you

    • @GoTechUG
      @GoTechUG  2 ปีที่แล้ว

      Great to hear!

  • @TubeForAll-cr1cd
    @TubeForAll-cr1cd ปีที่แล้ว

    Thank you man! This is exactly what I was looking for

  • @user-il5lx4nd5e
    @user-il5lx4nd5e 3 หลายเดือนก่อน

    Awesome! Thanks man, really helpful tutorial!

  • @armybasicshq
    @armybasicshq 10 หลายเดือนก่อน

    Thank you. This really helped. Have a nice day.

  • @princes3peach
    @princes3peach 9 หลายเดือนก่อน

    thank you, that was very helpful

  • @xabierlecourtier2144
    @xabierlecourtier2144 6 หลายเดือนก่อน

    Great job man! Thanks

  • @Almohtarifsmall
    @Almohtarifsmall 9 หลายเดือนก่อน

    Thanks this is exactly what i need

  • @mitsagrav5356
    @mitsagrav5356 ปีที่แล้ว

    My problem solved because of this tutorial, thank you😁

  • @rakidabot
    @rakidabot ปีที่แล้ว

    THANK YOU SO MUCH FOR THIS. ❤

  • @code.badger
    @code.badger 2 ปีที่แล้ว

    Thank you sir it was easy to follow

  • @pb1501
    @pb1501 ปีที่แล้ว

    Thank you! YOu made it so easy

  • @Simi3800
    @Simi3800 2 ปีที่แล้ว

    Thank you for this, Hamza.

  • @fairgeorge2975
    @fairgeorge2975 ปีที่แล้ว

    Thank you so much!!

  • @jonicevangemert3483
    @jonicevangemert3483 7 หลายเดือนก่อน

    Thank you so much for this tutorial! It was very helpfull. I would like for my header not to disappear when you move down the page. Do you have any tips on how to do that?

  • @davidzaharchek5299
    @davidzaharchek5299 6 หลายเดือนก่อน

    Thanks for showing me in 2 minutes and 55 seconds what Google search couldn't in 1 hour. lol

  • @user-yl3gk8xx6b
    @user-yl3gk8xx6b 3 หลายเดือนก่อน

    it helped me, thanks

  • @ashawesomeone
    @ashawesomeone ปีที่แล้ว

    veryyyy helpfull tysmmm i totally forgot about custom links and was losing my mind

  • @killuminatex
    @killuminatex ปีที่แล้ว

    thank you very much this was helpful

  • @LwasampijjaBaker
    @LwasampijjaBaker ปีที่แล้ว

    Awesome man, very helpful

  • @AbhishekKumar-ul3fu
    @AbhishekKumar-ul3fu ปีที่แล้ว

    Thank you very much😊😊😊😊
    You are the man🎉🎉🎉
    Tera badda hai 😂😂

  • @LoriEatonwSite-SearchServices
    @LoriEatonwSite-SearchServices 3 หลายเดือนก่อน

    I am so glad I found your video on 'How to Link WordPress Menu Items to Elementor Sections' Hamza! I had just signed out of chat support with my support agent not understanding what I meant, so I Googled my query, and your video was the first one to show up. Thank you SO much!

    • @GoTechUG
      @GoTechUG  3 หลายเดือนก่อน

      So happy to be of help. Best wishes on your project.

  • @mikiyasadane8803
    @mikiyasadane8803 10 หลายเดือนก่อน

    Thanks so much bro

  • @jaredwhispers
    @jaredwhispers 2 ปีที่แล้ว +3

    Hello. Very well explained and straight to the point. I know you have covered this on other videos, but it's nice to have as a separate video for quick reference.
    If I'm not mistaken, if you are on a page on the website, and want to use a jump button from another page, on the menu url you need to write the link for the page and then add the # with the css-id. Then, when you click it will take you to the page and then jump to the section. I hope you know what I mean... haha

    • @KlinikSurgeriSemabokPerdanaTam
      @KlinikSurgeriSemabokPerdanaTam ปีที่แล้ว

      this video work for samepage, if i click the menu anchor section from other page, its not function, how to fix?

    • @KlinikSurgeriSemabokPerdanaTam
      @KlinikSurgeriSemabokPerdanaTam ปีที่แล้ว +1

      bro thanks, its help, i just find out what you mean, my problem solved..thanks a lot

    • @sarahkambou
      @sarahkambou 9 หลายเดือนก่อน

      Geeze thank you. You helped me figure out what i needed!

  • @emranhossin8029
    @emranhossin8029 2 ปีที่แล้ว

    Thank you so much. ❤️❤️❤️❤️

  • @okenwaorji8418
    @okenwaorji8418 4 หลายเดือนก่อน

    Thank you so much

  • @AbdouAbdou-hr9ql
    @AbdouAbdou-hr9ql ปีที่แล้ว

    Thank you brother

  • @visualmodo
    @visualmodo 2 ปีที่แล้ว

    Very good work!

  • @jordanwadley
    @jordanwadley 11 หลายเดือนก่อน

    Thank you so much :D

  • @OwO-cr6th
    @OwO-cr6th ปีที่แล้ว

    thanks it is really helpful

  • @preetidhiman95
    @preetidhiman95 ปีที่แล้ว

    Very helpful video sir

  • @kasimmuhd5119
    @kasimmuhd5119 2 ปีที่แล้ว +1

    Nice ugandian keep up the good work we are with you always

    • @GoTechUG
      @GoTechUG  2 ปีที่แล้ว +1

      Hey Kasim, you're first again :-) Thanks for watching.

  • @DualleCreation
    @DualleCreation ปีที่แล้ว

    thank you very much

  • @fatikezad
    @fatikezad ปีที่แล้ว

    THANK YOU SO MUCH

  • @HermannOrsolya
    @HermannOrsolya ปีที่แล้ว

    nice thankyou so much

  • @hamadaeri4714
    @hamadaeri4714 ปีที่แล้ว

    Thank you!

  • @lrkeknudsen2837
    @lrkeknudsen2837 ปีที่แล้ว

    Thank you!!

  • @wdsohelrana
    @wdsohelrana 11 หลายเดือนก่อน

    thank you so much

  • @ayeshasiddika1252
    @ayeshasiddika1252 ปีที่แล้ว

    thank you so much

  • @Victoria-ci5fp
    @Victoria-ci5fp ปีที่แล้ว

    Thank you, this help me :-)

  • @SaudPanchiWork
    @SaudPanchiWork 3 หลายเดือนก่อน

    Thanks a lot

  • @BashTeamint
    @BashTeamint 8 หลายเดือนก่อน

    I love this, You are so straight forward meh! I love this again, This is what I'm looking for but Unfortunately I've watch 5 lies Video.

  • @Sanjib4u
    @Sanjib4u 8 วันที่ผ่านมา

    Thanks Bro Its Works❤❤

  • @franciscoferreyra6638
    @franciscoferreyra6638 3 หลายเดือนก่อน

    THANK YOU

  • @tigerada77
    @tigerada77 2 หลายเดือนก่อน

    thanks a lot for the tutorial! I use icons instead of menu but the principle is pretty much the same. I have a question. How to make the scrolling smoother? Mine is too fast and rigid. Thanks in advance!

  • @nicolenixxon
    @nicolenixxon ปีที่แล้ว

    On my e-commerce website, I encountered the exact identical problem. I used ElementsReady Elementor Addons to fix the problem. It might also be able to solve your problem, in my opinion.

  • @pain2220
    @pain2220 9 หลายเดือนก่อน

    thanks you are amazing

  • @LloydRodriguez-je4zy
    @LloydRodriguez-je4zy ปีที่แล้ว

    Thank you bro you saved me hehe

  • @sanartkledinglabels4196
    @sanartkledinglabels4196 3 หลายเดือนก่อน +1

    ı understand in first page work. but it is not working in my 2 second page.so from 2. page if ı try to menü(with anchor) it is not working. help please

  • @Nkone-y5b
    @Nkone-y5b 7 หลายเดือนก่อน

    Thank you

  • @markmybiz
    @markmybiz 10 หลายเดือนก่อน

    thanks bro..

  • @PanayiotisMavrokefalos
    @PanayiotisMavrokefalos 2 ปีที่แล้ว +2

    Brilliant! I followed this tutorial with success. When opening website from pc/ laptop this works good. Problem is that when website is opened from a mobile device all the anchor points have an offset and scroll in the middle of the section instead the top. Any ideas how to work around that? (I don't have any padding settings anywhere on the website).

  • @tahsanhimel8634
    @tahsanhimel8634 ปีที่แล้ว

    great bro . Love you

  • @elizavd6263
    @elizavd6263 ปีที่แล้ว

    Boom! Love it!

  • @yazan_sama
    @yazan_sama 27 วันที่ผ่านมา

    thank you

  • @DaveLovecraft
    @DaveLovecraft ปีที่แล้ว

    Thanks!!!!!

  • @yazanhazboun
    @yazanhazboun ปีที่แล้ว

    thanks for the video
    is there anyway that this can be done but for different page?
    for example i am in the home page
    and i want to go to the contact us page
    but instead of going to the top of the page
    i want to go to the middle of the page where there is a specific element there

  • @noorulhameed
    @noorulhameed 10 หลายเดือนก่อน

    Bro thanks for the save

  • @mohammedimon7169
    @mohammedimon7169 6 หลายเดือนก่อน

    oh man , you deserve subscribe

  • @sheldonstclair371
    @sheldonstclair371 2 ปีที่แล้ว

    It works, thanks

    • @GoTechUG
      @GoTechUG  2 ปีที่แล้ว

      Hey Sheldon, thanks for watching as well.

  • @KlinikSurgeriSemabokPerdanaTam
    @KlinikSurgeriSemabokPerdanaTam ปีที่แล้ว

    hi, your video is working, but if i click this menu anchor from other page, its doesnt have response, the page cannot jump to the home/anchor section
    ho to fix?

  • @mahalakshmi4769
    @mahalakshmi4769 16 วันที่ผ่านมา

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

  • @unniiq3858
    @unniiq3858 10 หลายเดือนก่อน

    That's great ! Can you link this anchor links with page link ? I can not do it.

  • @sultanrahi4847
    @sultanrahi4847 ปีที่แล้ว

    Excellent, you solved one of my problems, thanks you. Now i need to find how i can make the text on my front page unclickable

  • @spurkay2
    @spurkay2 ปีที่แล้ว

    I still don't understand. Do you add the custom menu to each page or do you put the url for the page in the url and then that adds it to the menu? This was too confusing for me.

  • @Khamdyczech
    @Khamdyczech ปีที่แล้ว

    Hi, I would like to ask why this is not working for me in mobile view. All the time when I click on the button I see a different section than the section I have set the CSS ID for. any advice please?

  • @hamzamr.8693
    @hamzamr.8693 ปีที่แล้ว

    what if you were in another page for ex. terms of use, the menu won't work then, how to fix that please?

  • @michaelbellgam9045
    @michaelbellgam9045 ปีที่แล้ว

    please how can i load a PDF file into an just at a click of button?

  • @mushtaqtechnologycom2824
    @mushtaqtechnologycom2824 2 ปีที่แล้ว

    Hi hamza,
    Please help how to link a faq with each other in elementor so I change something it changes everywhere I add faq please help it's urgent 🙏🙏🙏🙏

  • @brooketurner4030
    @brooketurner4030 ปีที่แล้ว

    Can you link a section on another page or do you just have to link the page?

  • @michaelonyegide7990
    @michaelonyegide7990 ปีที่แล้ว

    what version of wordpress please. i had issues

  • @GoTechUG
    @GoTechUG  ปีที่แล้ว

    **NEW Course Alert** Enroll in my Elementor Pro BootCamp Course and learn to maximize Elementor Pro's dynamic and advanced features without coding. Get it NOW 40% OFF bootcamp.gotechug.com/

  • @shajoanqader5123
    @shajoanqader5123 ปีที่แล้ว

    i only see the navigation label in my menu i dont see url what can i do to fix it?

  • @raghuramjc2798
    @raghuramjc2798 ปีที่แล้ว +2

    Hello, nice and helpful video. In my Wordpress, under appearance, for each of the menus, I don't see "URL" field (to insert #link name). How do you get this field to activate anchor links?

    • @abubakarproduction4153
      @abubakarproduction4153 ปีที่แล้ว +1

      You have to create the menu items as custom links to be able to link them to sections. I hope this answers your question.

    • @raghuramjc2798
      @raghuramjc2798 ปีที่แล้ว +1

      @@abubakarproduction4153 Agreed. Thanks

  • @nightfirewarfamegaming9788
    @nightfirewarfamegaming9788 10 หลายเดือนก่อน

    Savior😎

  • @Screamnails
    @Screamnails 2 ปีที่แล้ว

    done 🤝

  • @nazimkhan7419
    @nazimkhan7419 11 หลายเดือนก่อน

    if i need to call it same PAGE then how to do that?

  • @kundanmahato2099
    @kundanmahato2099 5 หลายเดือนก่อน

    but how to fix this in mobile mode