Footer

Learn to create a functional footer to feature important information of your Shopify store

"The footer is the section of content located at the bottom of a web page. It usually contains quick links to essential pages such as your homepage, about us, blogs, contact, and policy pages.

A well-designed website footer facilitates visitor navigation, enhancing the overall eCommerce experience."

How to create a Footer

Steps

1. In the theme editor (Customize), click Footer

2. Locate and add suitable blocks

3. Save

General settings

1. Desgin

"You have the option to customize the layout and container type for your footer section. Opulent offers three different layouts for the footer section, which rearrange the positioning of addons, payment icons, and copyright text.

You can enable or disable borders between blocks by checking or unchecking the respective box."

2. Copyright

A copyright notice informs the public that the work is protected by copyright. To know more about copyright, see Copyright.

3. Add-ons

Like the header, this element provides extra information for the store footer such as social icons, language selector, etc. by ticking/unticking the corresponding checkboxes.

4. Payment methods

"Offering multiple payment methods simplifies the checkout process for your customers and elevates your brand image. To learn how to configure alternative payment methods for your store, refer to the Payments section.

You can toggle the display of payment icons on or off by checking or unchecking the checkbox. You have the option to utilize payment icons through images or leave the field blank to display the default payment icons."

Block settings

Add suitable blocks to your store footer as per your requirements. You can add up to 5 blocks.

1. Menu

Display the existing menu you created in Shopify admin > Navigation.

2. About

Use this block to display your store contact: store email address, phone number, and social icons.

To add or update store contact information, go to Theme settings > Store contact.

3. Newsletter

"Utilize the newsletter signup form to gather your customers' email addresses for your email marketing campaigns.

• You can customize the title, description, and placeholder text for the email input field. Additionally, you have the option to display an icon input if desired."

• "You can customize the submit button using the Button Label (text/icon - leave the field blank), Button Position (Same line as input field/Under input field - Only applicable with bordered form style), and Button Style (Plain button/Secondary button/Primary button) options."

"You have the option to select from two different form styles: Bordered or Minimal, allowing you to choose the one that best fits your website's aesthetic. Additionally, you can enable or disable the social link and "Terms & Conditions" checkbox. You also have the flexibility to adjust the container width to ensure it fits seamlessly within your footer."

• Bordered style

• Minimal style

• The block can be enabled/disabled the Order first and Open by default options on the mobile.

3. Custome content

Display additional info or needed material using the blank fields.

4. Spacing

You can use this block to adjust the space between existing columns