Landing page links that take the user to a different part of the page.... | Community
Skip to main content
August 21, 2015
Solved

Landing page links that take the user to a different part of the page....

  • August 21, 2015
  • 1 reply
  • 2749 views

Hi,

I am creating a landing page with a number of sections and would like a navigation tab at the top where you can just click and it takes you to a specific part of the same page and not to another page.

is there a simple way to do this?

Thanks in advance!!

Shaun

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Scott_Daily

Hi Shaun! You can do this easily by user anchors within your page.

Simply put, you need to identify which sections of the page you want to take visitors to and then add that section ID to the URL.

Here's an example from my company's site:

Main landing page URL: liveintent.com/platform/

There are 4 sections in the header (if you cover over Platform). Each of these live within the page.

     Your Data: www.liveintent.com/platform/#platform2-section-2

     Our Inventory: www.liveintent.com/platform/#platform2-section-3

     Powerful Performance: www.liveintent.com/platform/#platform2-section-4

     One Platform: http://www.liveintent.com/platform/#platform2-section-5

Each of these shows the same base URL "liveintent.com/platform/" but includes an added "#__________" All information added after "#" corresponds with a section ID we placed in the code.

     <section id="platform2-section-2">

   <section id="platform2-section-3">

     <section id="platform2-section-4">

   <section id="platform2-section-5">

So, all you need to do is make sure you have unique ID's within your code, and then create URLs that point to each section (ID).

1 reply

Scott_Daily
Scott_DailyAccepted solution
Level 3
August 21, 2015

Hi Shaun! You can do this easily by user anchors within your page.

Simply put, you need to identify which sections of the page you want to take visitors to and then add that section ID to the URL.

Here's an example from my company's site:

Main landing page URL: liveintent.com/platform/

There are 4 sections in the header (if you cover over Platform). Each of these live within the page.

     Your Data: www.liveintent.com/platform/#platform2-section-2

     Our Inventory: www.liveintent.com/platform/#platform2-section-3

     Powerful Performance: www.liveintent.com/platform/#platform2-section-4

     One Platform: http://www.liveintent.com/platform/#platform2-section-5

Each of these shows the same base URL "liveintent.com/platform/" but includes an added "#__________" All information added after "#" corresponds with a section ID we placed in the code.

     <section id="platform2-section-2">

   <section id="platform2-section-3">

     <section id="platform2-section-4">

   <section id="platform2-section-5">

So, all you need to do is make sure you have unique ID's within your code, and then create URLs that point to each section (ID).

August 25, 2015

Thanks Scott, that's really helpful.

Appreciate the repsonse!