SOLVED

Landing Pages - Add Anchor Links to Icons

Go to solution
Highlighted
Anonymous
Not applicable

Landing Pages - Add Anchor Links to Icons

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?
Tags (1)
1 ACCEPTED SOLUTION

Accepted Solutions
Highlighted
Anonymous
Not applicable

Re: Landing Pages - Add Anchor Links to Icons

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

View solution in original post

6 REPLIES 6
Highlighted
Anonymous
Not applicable

Re: Landing Pages - Add Anchor Links to Icons

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

View solution in original post

Highlighted
Anonymous
Not applicable

Re: Landing Pages - Add Anchor Links to Icons

Glad you found the answer!

Highlighted

Re: Landing Pages - Add Anchor Links to Icons

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

Highlighted
Level 2

Re: Landing Pages - Add Anchor Links to Icons

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>

Highlighted
Anonymous
Not applicable

Re: Landing Pages - Add Anchor Links to Icons

Lisa Heay​ Hi. Erica needs your expertise

Anonymous
Not applicable

Re: Landing Pages - Add Anchor Links to Icons

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.

Capture2.JPG

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.