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.

Jeremy

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:
    October 2, 2013 at 9:20 PM

    Super awesome!!! Thanks.

  2. Les says:
    October 17, 2013 at 1:10 PM

    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?
    Thanks

  3. Debbie says:
    October 19, 2013 at 5:09 PM

    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:
    March 10, 2014 at 4:57 PM

    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:
    May 8, 2014 at 2:42 AM

    Again. Very very helpful. Thank you :)

  6. Farhan says:
    November 19, 2014 at 11:59 AM

    Hi,

    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:
      November 19, 2014 at 4:52 PM

      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:
    December 17, 2014 at 8:21 AM

    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.