How to Set URLs in Landing Pages to Shortcut to Sections in Enquire MAP
For multi-section landing pages, it is often useful to put in HTML anchor links to navigate through the page. An anchor link is a link which allows the users to flow through a website page. It helps to scroll and skim-read easily. A named anchor can be used to link to a different part of the same page (like quickly navigating) or to a specific section of another page.
Creating an anchor link
Let’s see how to jump to a marked section of the page by using the <a> tag. It’s quite simple!
- Add an id attribute to the anchor element to give a name to the section of the page. The value of the attribute may be a word or a phrase (when using phrases remember not to have spaces, use dashes or underscores instead). <a id="anchor-name">The name where you want to jump</a>
Alternatively you can also have the following types of anchors:
anchor within a header: <h2 id="anchor-name">Section name</h2>
anchor within an image: <img id="anchor-name" src="/images/imgname.jpeg"/>
anchor within a paragraph: <p id="anchor-name">Paragraph name</p>
This combined with a fixed menu block that will allow the user to navigate the single page. The menu blocks are available in the Small Business Marketer accounts. Another trick is to use this code in the page script to get the page to do smooth scrolling while moving between page segments.
- Create a hyperlink by using the id of the link target, preceded by #. Now, just add the preferred text, and you will be able to fly through the page sections. <a href="#anchor-name">Jump to the part of the page with the “anchor-name” id </a>
Now, just add the preferred text, and you will be able to fly through the page sections.
Define your anchor links
Detailed steps to do this:
- Define where the target should be. This is typically just above a form. In the editor either edit an existing content block or create a new contact block for your target.
Drag a new block above the form
Delete everything in the source editor and insert your link
Save/close the source editor. Now in your button at the top of the page:
Please reach out to the dedicated Enquire Account Manager or Enquire MAP Support team for further assistance.