Introducing Stiletto - the essential Shopify theme to fuel your ecommerce growth. Learn more.

Footer

The Footer appears at the bottom of every page. It's a great place for quick-access links, contact details, and other store information. The footer can also display a language selector, country selector, social media icons, and payment icons.

Footer section on Stiletto demo
Footer section on Stiletto demo

Section features

In the Footer section settings, choose to enable the Language selector, Country selector, payment icons, and show additional copyright text.

Footer section settings
Footer section settings

Language selector

Stiletto supports selling in multiple languages. After you have added and published languages to your store, enable the Language selector to let customers select their preferred language.

Stiletto comes with translations for default theme text (such as "buy now") in 4 languages: Italian, French, German, Spanish.

NOTE

Selling in multiple languages is a Shopify feature. To translate your store content, see Shopify's guide on adding languages and their Translate & Adapt app.

Language selector
Language selector

Country selector

Enable the Country selector to let customers to view your products with their preferred currency. The selector displays countries with their currencies supported in your Shopify Market settings.

NOTE

Selling in multiple currencies is a Shopify feature. Only stores using Shopify Payments can use this feature.

Country selector
Country selector

Payment icons

Enable Payment icons to display a row of supported payment methods.

Payment icons
Payment icons

Social media icons

Add your social media links in the Theme settings to automatically display those social icons in the Text and image footer block. Enter the full URL, including https://.

Social media icons
Social media icons

The default copyright text appears at the bottom of the Footer. To add an additional line to the copyright text, enter your text in the Additional copyright text box in the Footer section settings.

To edit the default copyright text, go to Online store > Themes and click Actions > Edit Languages. Search for "Footer" to find and edit the content and click Save.

Default copyright text
Default copyright text

Content blocks

Add four different types of Content blocks and re-arrange them in your Footer. Adjust their Desktop width and Padding, or add a Spacer block, to create the best layout for your Footer.

Footer blocks in theme editor
Footer blocks in theme editor

Text and image block

The Text and image block is great for a brief store description and logo image, or anything you like.

Text and image block
Text and image block

Steps

In your theme editor (Customize):

  1. Click the arrow beside the Footer section to reveal the Footer blocks.

  2. Click on the Text and image block to open the block settings.

    Click (+) Add block to add a new block.

  3. Click the Text block to edit the content or use the (+) Add block button.

  4. (Optional.) Add a brief title to the Heading field.

    Check Show heading on desktop to display the heading at the top of the block on desktop screens.

  5. Add a short paragraph to the Text field.

    Use the formatting buttons to add bold, italic, and linked text.

  6. Upload an Image to display above the text.

    There are no required image dimensions. Use the Max width for image slider to adjust the size of your image.

    For logos, we recommend a .png file with a transparent background.

  7. Change the Image placement to Above text or Below text.

  8. (Optional.) Choose whether to Show social icons at the bottom of the block.

    Add your account links in the Theme settings under Social media to display their icons. Enter the full URL, including https://.

    Social media icons
    Social media icons
  9. Use the Desktop width and Desktop padding sliders to adjust the size of the block.

    For best results, make sure all footer block widths add up to 100%. You can also add a Spacer block with an adjustable width to add spacing between blocks.

  10. (Optional.) Click and hold the drag handles ⋮⋮ to rearrange the blocks:

    Click Remove block or the eye icon to delete or hide a block.

  11. Click Save.

Display a column of links from one of a Shopify navigation menus. Only top-level links will be displayed.

Footer links blocks
Footer links blocks

Steps

In your theme editor (Customize):

  1. Click the arrow beside the Footer section to reveal the content blocks.

  2. Click one of the Menu blocks to edit the content or use the (+) Add block button.

  3. Click Change to select a different menu to display.

    For more information about menus on Shopify, see their Menus and links article.

  4. Change the Heading to title your links.

    Check Show heading on desktop to display the heading at the top of the block on desktop screens.

  5. Use the Desktop width and Desktop padding sliders to adjust the size of the block.

    For best results, make sure all footer block widths add up to 100%. You can also add a Spacer block with an adjustable width to add spacing between blocks.

  6. (Optional.) Click and hold the drag handles ⋮⋮ to rearrange the blocks:

    Click Remove block or the eye icon to delete or hide a block.

  7. Click Save.

Newsletter block

Display a newsletter sign up form in your Footer with custom text and email field.

See the Newsletter and Compact Newsletter sections to create an on-page sign-up form. The Popup also include an optional newsletter block.

NOTE

Newsletter subscribers are added to your "accepts marketing" Customers list. See Shopify's Marketing guide and learn about Subscriber lists and using Shopify Email.

Newsletter block
Newsletter block

Steps

In your theme editor (Customize):

  1. Click the arrow beside the Footer section to reveal the content blocks.

  2. Click the Newsletter block to edit the content or use the (+) Add block button.

  3. Enter a Heading and some Text.

    Check Show heading on desktop to display the heading at the top of the block on desktop screens.

  4. Use the Desktop width and Desktop padding sliders to adjust the size of the block.

    For best results, make sure all footer block widths add up to 100%. You can also add a Spacer block with an adjustable width to add spacing between blocks.

  5. (Optional.) Choose whether to Show social icons at the bottom of the block.

    Add your account links in the Theme settings under Social media to display their icons. Enter the full URL, including https://.

    Social media icons
    Social media icons
  6. (Optional.) Click and hold the drag handles ⋮⋮ to rearrange the blocks:

    Click Remove block or the eye icon to delete or hide a block.

  7. Click Save.

Section settings

Click on the Footer section to find the following settings:

Configuration Settings

Enable language selector

Let customers shop in their preferred language.

Selling in multiple languages is a Shopify feature. To translate your store content, see Shopify's guide on adding languages.

Enable country selector

Let customers select their preferred country and currency.

Selling in multiple currencies is a Shopify feature available only to stores using Shopify Payments.

Show payment icons

Show icons for the payment methods your store accepts.

Enter text to show an additional line in the copyright text.

Block settings

Click on the Footer blocks (Text and image, Links, Newsletter) to find the following settings:

Text and image

Configuration Settings

Text

Add two to three sentences in the rich text field.

Heading

Add heading text to display above the text.

A heading is required for mobile to display a toggle that opens the block.

Show heading on desktop

Choose to display the heading on the desktop.

Collapse on mobile

Display only the block heading that can be clicked to reveal the block.

If enabled, a heading is required to display a toggle that opens the block.

Image

Upload an Image. We recommend a .png file with a transparent background.

Image placement

Position the image Above text or Below text.

Show social icons

Display a row of social icons for your accounts at the bottom of the block.

Add your account links in the Theme settings under Social media.

Desktop width

Change the width of the block as a percentage for desktop screens.

Add a Spacer block to insert space between different blocks.

Desktop padding

Change the amount of space around the block content.

Links

Configuration Settings

Heading

Add heading text to display above the text.

A heading is required for mobile to display a toggle that opens the block.

Text

Add two to three sentences in the rich text field.

Collapse on mobile

Display only the block heading that can be clicked to reveal the block.

If enabled, a heading is required to display a toggle that opens the block.

Show heading on desktop

Choose to display the heading on the desktop.

Desktop width

Change the width of the block as a percentage for desktop screens.

Add a Spacer block to insert space between different blocks.

Desktop padding

Change the amount of space around the block content.

Select a menu to be displayed in the footer.

Menus are a Shopify feature. See Shopify's Menus and links to learn more.

Newsletter

Configuration Settings

Heading

Add heading text to display above the signup field.

A heading is required for mobile to display a toggle that opens the block.

Text

Add two to three sentences in the rich text field.

Collapse on mobile

Display only the block heading that can be clicked to reveal the block.

If enabled, a heading is required to display a toggle that opens the block.

Show heading on desktop

Choose to display the heading on the desktop.

Collapse on mobile

Display only the block heading that can be clicked to reveal the block.

If enabled, a heading is required to display a toggle that opens the block.

Desktop width

Change the width of the block as a percentage for desktop screens.

Add a Spacer block to insert space between different blocks.

Desktop padding

Change the amount of space around the block content.

Show social icons

Display a row of social icons for your accounts at the bottom of the block.

Add your account links in the Theme settings under Social media.

Contact

🇨🇦 Fluorescent Design Inc.

Send us a message
  • Toronto OfficeMonday to Friday, 10am to 6pm ET
  • Victoria (B.C.) OfficeMonday to Friday, 10am to 6pm PT
  • Average Response Time~1 Business Day
* Excludes statutory holidays. All offices closed to the public.