How to add a footer

Help your customers navigate your store by adding a footer to your storefront. There, you can add links to your store's pages, social media sites, your About page, return policy or any pretty much any other link you can think of.

1. Scroll to the bottom of your code and find the last </div> and before all <script> tags. There, add the following code:

<footer>
</footer>

Have a look at the example below. We're also going to add a class to the footer to be able to style it later in CSS:

2. Now, let's add some content. Between the footer tags, you can add links by using <a> tags. They look like this for external links:

<a href="http://linktoyourpage.com"></a>

And like this if you want to link to another part of your Tictail store:

<a href="{{store_url}}/page/yourpage"></a>

Just remember to replace the links with your own :)

To create a button for your link (to give your visitors something to click on), you will also need to add a word, sentence or image between the a tags. Any text you add between the <a> and the </a> tags will be visible in your footer. In this example, we add three links to the footer - Facebook, About us, and Blog.

3. When you have added all your links, you can add some styling to your new footer.

4. Click Save - and you've got yourself a footer! The CSS code above will result in this design (in the Reconnaissance theme):

Pro tip! You can style your footer in different ways with a little bit of CSS. If you are not comfortable with CSS, we recommend you browse through these guides to learn some basics.