Knowledge Base

Search

  • Video block
  • Video Tutorials

  • Watch our easy-to-follow video tutorials for quick tips on designing and managing your store.
  • View Video Tutorials

Creating Links with HTML

If you prefer to work directly with the HTML code, you can hide the editor and type the anchor tag code for any links you want to create. This example shows how to link to pages from the footer of your store.

To create a link with HTML:

  1. From the Admin menu, select CMS > Static Blocks.
  2. In the Static Blocks list, click to open the Footer Links block.
  3. Click the Show / Hide Editor button to display the code for the block content.
  4. Following the example below, type the link for each page into the content box, substituting the actual URL key and page title for each linked page.

    The code enclosed in curly braces is a mark-up tag that can be used to create a relative link to pages in your store. To link to pages outside your store, you must include the full URL.

    Anchor Tag Code

    <ul>
    <li><a href="{{store direct_url="about-us"}}">About Us</a></li>
    <li><a href="{{store direct_url="privacy-policy"}}">Privacy Policy</a></li>
    <li class="last"><a href="{{store direct_url="customer-service"}}">Customer Service</a></li>
    </ul>

  5. Click the Show / Hide Editor button to return to the editor.
  6. When complete, click the Save Block button.  Then, return to your storefront and test the link to make sure it works correctly.
Footer Links
Footer Links