Landing Pages - Add Anchor Links to Icons

[Anonymous]

I am working on a landing page and have added some graphic icons to the top of the page.  The idea was to have them clickable and serve as anchor links to the text sections below on the page.  I see the little anchor icon in the rich text editor for each text section, but how do I get the icon to link to it?

[Anonymous · Accepted solution]

Nevermind...this discussion answered my question:  https://community.marketo.com/MarketoDiscussionDetail?id=90650000000PQZbAAO

[Anonymous]

Glad you found the answer!

[Erica_Gannon1]

What was the answer to this? I'm trying to do something similar, but the link to the discussion is no longer available. Thanks!

[Sarah_Way1]

If you know html, you can add an id to the section you're linking to. Then, on the icons, put a link with the id name.

Example:

You have an icon on the top for contact info (located at the bottom). The html would look similar to this:

<a href="#ContactInfo"><img src="yourimagehere.jpg"></a></div>

Then the contact info at the bottom would look like this:

<div id="ContactInfo">Contact Information here</div>

[Anonymous]

Lisa Heay​ Hi. Erica needs your expertise

[Anonymous]

Hi Erica - I ended up adding my icon images at the top of the landing page each in their own rich text section instead of adding the images straight to the landing page.  That way I could edit the HTML and add the link like Sarah mentioned above:  <a href="#ContactInfo"><img src="yourimagehere.jpg"></a>. 

Then, below in a new rich text section with the text I wanted to link to, I added an anchor link with the same name I assigned the icon above.

I repeated this for each section I had.  In addition, in each text section, I added a "Back to top" link with an anchor to the top of my landing page.

Let me know if that helps.  It's been a year since I worked on this page and I may be forgetting a step, but I can dig in deeper if you're still having trouble.