• Topic 主题 トピック Topic Topic
  • Sign in

Footer

The footer of your store's webpage is like valuable land where you can share important info about your brand. This includes promos, how to contact you, links to your social media, and legal policies. 

Follow this guide to create a footer that's both effective and professional, helping you build lasting connections with your customers.

 

In This Article

 


 

Designing Footer Promotion 

Follow these steps to design your footer promotion:

  1. In your SHOPLINE admin panel, go to Online Store > Design. Access the theme editor by clicking Design in the Current theme section.
    1.1.png

    Note: Footer promotion is not available in all themes. Ensure you use a theme that supports this feature.


  2. Click on the Footer promotion component, select your preferred Image scale, and choose whether to display the footer promotion on All pages or Selected page(s).
    1.2.png
  1. Click on a Sitewide promotion module to configure design details, including adding an image, title, main text, button text, and URL. Changes will be applied for preview in real-time.
    1.3.png

  2. Based on your needs, add up to three Sitewide promotion modules. Drag and drop them to adjust their positions.
    1.4.png

  3. Once configured, preview your design by clicking View your store. If satisfied, click Save to apply the changes.
    1.5.png
Note: When uploading images to the Sitewide promotion module, it is recommended to use images with a picture ratio of 3:1 and a size of 960 x 336 (width x height).

 


 

Customizing Store Footer

The Footer on your website is crucial for users to access important information and trust your brand. It serves as the foundation, ensuring customers can easily find contact details, legal information, and important links. Follow these steps to customize your store footer.

  1. In your SHOPLINE admin panel, go to Online Store > Design. Access the theme editor by clicking Design in the Current theme section.
    2.1.png

  2. Click on the Footer component to customize the footer color and layout. You can also manage the settings for the configured footer modules.
    2.2.png

  3. Under the Footer component, click Add content to add different types of modules. Select preferred options to tailor your design. 
    2.3.png

  4. Based on your preferences and needs, drag and drop the modules to adjust their positions.
    2.4.png

  5. Click View your store to preview your customized footer design. If satisfied, click Save to apply the changes.
    2.5.png
Note: Depending on themes, the Footer component provides up to 16 modules for additional configuration, with each module having a quantity limit.

 

Have more questions? Submit a request

Comments