The Flex theme includes a customizable Footer section that has 4 layout styles to choose from and uses content blocks to achieve various layouts.
Add menus, a newsletter signup form, and more to your footer by customizing the Footer section and its blocks with the theme editor (Customize).
General Footer Settings
In the theme editor sidebar, open Footer.
Copyright text
By default, ©, The Year, and your Shop Name will show in the footer. To add to this, include additional text in the Copyright text field.
Show theme designer credits
Enable Show theme designer credits to include "Designed by Out of the Sandbox" in the footer.
Powered by Shopify
Enable Show Powered by Shopify for this text to display beside your Copyright text and link out to Shopify's website.
Language selector
Enable Show language selector to include a Language selector dropdown for customers to select their preferred language.
Country selector
Activate Show country selector to include a Country selector dropdown for customers to select their region and currency.
Payment icons
Enable Show payment methods to include official icons for your store's accepted payment types.
The payment methods here reflect the settings configured in Payments
Custom CSS
Add Custom CSS to the feature for further tweaking. You can even create your own CSS class here, as well. Check out this article for more information: Flex Guide: Custom CSS Feature
Icon Bar
Enable an Icon Bar to display above the Footer and communicate key qualities of your brand.
Footer Blocks
Click the toggle beside Footer to reveal the blocks.
Logo and text
Display a Logo with text and social media icons as optional additions.
Click Select Image to connect an image, then adjust the Logo size by selecting Small, Medium, or Large.
Add Text using the provided field to accompany the logo.
Include social media icons below the logo by enabling Show social media icons. Connect these accounts in the Social media portion of the Theme settings.
Menu
Connect a Menu with the footer using this block. Click Change or Select Menu to locate the menu to show here.
Include social media icons below the menu by enabling Show social media icons. Connect these accounts in the Social media portion of the Theme settings.
Newsletter
Include a signup field for your Newsletter by adding this block.
Add a Heading using the provided field.
Include some Text to accompany the signup field.
Consider adding extra fields for the customer's first and/or last name by enabling Show first name and/or Show last name.
Text
Add extra Text using the dedicated block.
Add a Heading and Text using the provided fields.
Include social media icons below the menu by enabling Show social media icons. Connect these accounts in the Social media portion of the Theme settings.
Empty column
Use an Empty column block to add spacing between the other blocks.
Custom HTML
Add custom HTML-formatted code to your footer to include custom content.
Footer Styles
There are four different footer layout styles to choose from within the theme: Classic, Centered, Promotional, and None. Select a Footer layout in the Layout portion of the Theme settings.
Select a Footer Style
-
Footer Style: Classic
The Classic footer style allows for a normal, default layout. You can add up to 5 content blocks and all of the columns display vertically.
Logo and text
Display a Logo with text and social media icons as optional additions.
Click Select Image to connect an image, then adjust the Logo size by selecting Small, Medium, or Large.
Add Text using the provided field to accompany the logo.
Include social media icons below the logo by enabling Show social media icons. Connect these accounts in the Social media portion of the Theme settings.
Menu
Connect a Menu with the footer using this block. Click Change or Select Menu to locate the menu to show here.
Include social media icons below the menu by enabling Show social media icons. Connect these accounts in the Social media portion of the Theme settings.
Newsletter
Include a signup field for your Newsletter by adding this block.
Add a Heading using the provided field.
Include some Text to accompany the signup field.
Consider adding extra fields for the customer's first and/or last name by enabling Show first name and/or Show last name.
Text
Add extra Text using the dedicated block.
Add a Heading and Text using the provided fields.
Include social media icons below the menu by enabling Show social media icons. Connect these accounts in the Social media portion of the Theme settings.
Empty column
Use an Empty column block to add spacing between the other blocks.
Custom HTML
Add custom HTML-formatted code to your footer to include custom content.
-
Footer Style: Centered
The Centered footer style does just that, centers all of the content. You can add up to 7 content blocks.
Logo and text
Display a Logo with text and social media icons as optional additions.
Click Select Image to connect an image, then adjust the Logo size by selecting Small, Medium, or Large.
Add Text using the provided field to accompany the logo.
Include social media icons below the logo by enabling Show social media icons. Connect these accounts in the Social media portion of the Theme settings.
Menu
Connect a Menu with the footer using this block. Click Change or Select Menu to locate the menu to show here.
Include social media icons below the menu by enabling Show social media icons. Connect these accounts in the Social media portion of the Theme settings.
Newsletter
Include a signup field for your Newsletter by adding this block.
Add a Heading using the provided field.
Include some Text to accompany the signup field.
Consider adding extra fields for the customer's first and/or last name by enabling Show first name and/or Show last name.
Text
Add extra Text using the dedicated block.
Add a Heading and Text using the provided fields.
Include social media icons below the menu by enabling Show social media icons. Connect these accounts in the Social media portion of the Theme settings.
Empty column
Use an Empty column block to add spacing between the other blocks.
Custom HTML
Add custom HTML-formatted code to your footer to include custom content.
-
Footer Style: Promotional
The Promotional footer style includes an option to enable a promotion section which will be on the left or right side of the footer. The rest of your footer content will display beside the promotion, stacked vertically and you can add up to 5 content blocks.
Promotion
Within this footer layout, you can add a Promotion that will display on the Left or Right side of your footer.
Logo and text
Display a Logo with text and social media icons as optional additions.
Click Select Image to connect an image, then adjust the Logo size by selecting Small, Medium, or Large.
Add Text using the provided field to accompany the logo.
Include social media icons below the logo by enabling Show social media icons. Connect these accounts in the Social media portion of the Theme settings.
Menu
Connect a Menu with the footer using this block. Click Change or Select Menu to locate the menu to show here.
Include social media icons below the menu by enabling Show social media icons. Connect these accounts in the Social media portion of the Theme settings.
Newsletter
Include a signup field for your Newsletter by adding this block.
Add a Heading using the provided field.
Include some Text to accompany the signup field.
Consider adding extra fields for the customer's first and/or last name by enabling Show first name and/or Show last name.
Text
Add extra Text using the dedicated block.
Add a Heading and Text using the provided fields.
Include social media icons below the menu by enabling Show social media icons. Connect these accounts in the Social media portion of the Theme settings.
Empty column
Use an Empty column block to add spacing between the other blocks.
Custom HTML
Add custom HTML-formatted code to your footer to include custom content.
-
Footer Style: None
If you wish to not have a footer on your site, you can set the footer style to None. When your footer style is set to none, there are no section settings or content block options for the footer.