SOLVED

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

Go to solution
Anonymous
Not applicable

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

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

1 ACCEPTED SOLUTION

Accepted Solutions
Scott_Daily
Level 3

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

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: http://liveintent.com/platform/

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

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

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

     Powerful Performance: http://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 "http://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).

View solution in original post

2 REPLIES 2
Scott_Daily
Level 3

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

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: http://liveintent.com/platform/

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

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

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

     Powerful Performance: http://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 "http://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).

Anonymous
Not applicable

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

Thanks Scott, that's really helpful.

Appreciate the repsonse!