How to Hyperlink to Specific Section on a Page

by - Categories: Tutorials > Weebly Tricks

Today’s lesson isn’t design related – but it’s website functionality and user experience related.

Have you ever been on a website where you click on a link, and it automatically brings you to a very specific spot on a webpage?

This is really useful and improves your visitors’ experience, as you can bring them directly to what you want to show them, so they don’t have to scroll up and down the page looking for the relevant section.

If you’re selling products, services, or just want to take people to the correct part with information, this trick can really help you.

It only takes 2 minutes to implement this – short and sweet.  Watch the short video below:

PS: If you’re still in the hunt for a better looking website, check out our premium Weebly templates that can quickly and simply transform your entire website design!  Installing the new template is just a click away.  Click here to see some of our designs.


Did you Like the Tutorial?  

If so, Like us on Facebook, Google+ and Subscribe to our YouTube Channel below to share it with others!

Subscribe YouTUbe

About divtag

DivTag Templates is created by Connie and Jeremy Wong. We provide you with designer Weebly themes to rock your Weebly website!

Your website will Look Better, Your visitors will Stay Longer. Minutes to Setup, Extensive Support - Ninja Coding Skills NOT Required!

9 Responses

  1. TIFFANY says:

    Super awesome!!! Thanks.

  2. Les says:

    Hi, how would this work on a single page vertical scrolling website? And how would it integrate with navigation bar as there are no other pages?

  3. Debbie says:

    This was exactly what I was looking for. I applied it to several areas on our school website. Your tutorial was easy to follow. Thanks for this helpful hint.

    Additional help needed… Initially, it worked great in Safari and Firefox. Recently, in Safari (Version 6.0.5 (7536.30.1), instead of hyper-linking to a particular spot it duplicates the webpage in a new tab. Any ideas why??? It works in Firefox. I have tried it on multiple Apple computers with the same problem. Thanks.

  4. Lisa says:

    I’m transitioning from novice Weebly website designer to looking like an expert with your tutorials, and I am especially excited about this one. So easy to follow and once I get started, it will transform my not so great navigation system into something professional.
    Thanks so much Jeremy for sharing!!!

  5. Kaz T. says:

    Again. Very very helpful. Thank you :)

  6. Farhan says:


    thanks this is very helpful…

    however, I had tried to put embed link in tabs… and tried to link them from outside the tab.. seems like it doesn’t work.. :(

    is there any alternative we can use specially for the tabs..

    • divtag says:

      Hi Farhan,

      This is because each drag and drop Tab doesn’t have its own unique URL. You need to be able to place the anchor and in the case of the drag and drop tabs, you wont’ be able to do that.

      But this technique will work pretty much anywhere else on your website.

  7. Cathy says:

    I have only been using Weebly a few weeks, I can honestly say your tutorials are brilliant and have helped me a lot. I was wondering how to get to a specific spot on a page and then you give me the answer. Keep up the good work guys. By the way I am a silver surfer and this stuff is making my brain work overtime, its great.