# Footer

{% embed url="<https://salesiq.zohopublic.in/signaturesupport.ls?widgetcode=siq93f38201da244cbe219b2cab71813c85342abc57dd769c6885e2bde57d2b90da>" %}

Flute theme provides a section, namely "Footer" in this section. There are many options available , as you can see in the below points and screenshot.

{% hint style="info" %}
**Recommendation Size**\
Footer background image size: 1920x434
{% endhint %}

<table><thead><tr><th width="239">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Enable back to top button</td><td>Adds a floating button in the footer that, when clicked, scrolls the page smoothly back to the top.</td></tr><tr><td>Enable footer top border</td><td>Enable this settings to add a horizontal border line at the top of the footer section.</td></tr><tr><td>Background image</td><td>Use this to upload a background image for the footer.</td></tr><tr><td>Color scheme</td><td><p>In this section, you can change the background and foreground color of a section using the color scheme.</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li><li>Scheme 5</li></ul></td></tr><tr><td>Logo</td><td><p><strong>Logo image</strong> </p><p>Upload your brand logo to display in the footer area.  </p><p></p><p><strong>Logo image width</strong> </p><p>Adjust the width (in pixels) of the logo displayed on desktop devices. </p><p></p><p><strong>Enable logo background</strong> </p><p>Toggle to add a background color to the footer logo.</p></td></tr><tr><td>Email Signup</td><td><strong>Show email signup</strong><br>Toggle to enable or disable the email signup form.<br><br><strong>Heading</strong><br>Enter the heading text that appears above the email signup form.<br><br><strong>Description</strong><br>Enter a description or subheading that appears below the heading in the signup form.</td></tr><tr><td>Follow on Shop</td><td><strong>Enable follow on shop</strong><br>Use shopify app. </td></tr><tr><td>Country/region selector</td><td><strong>Enable country/region selector</strong><br>By enabling this checkbox, you can see country/region selector in the footer section.</td></tr><tr><td>Language selector</td><td><strong>Enable language selector</strong><br>By enabling this checkbox, you can see Language selector in the footer section.</td></tr><tr><td>Payment methods</td><td><strong>Show payment icons</strong><br>By enabling this checkbox, you can see payment icons in the footer section.</td></tr><tr><td>Policy links</td><td><strong>Show policy links</strong><br>By enabling this checkbox, you can see policy links in the footer section.</td></tr><tr><td>Marquee</td><td><p><strong>Enable scrolling textbox</strong><br>Toggle to enable or disable a scrolling text box in the section.<br><br><strong>Heading</strong><br>Enter the scrolling text to display in the Footer.</p><p></p><p><strong>Font</strong><br>Select the font for the scrolling text. Changing the font may affect store performance.</p><p></p><p><strong>Enable marquee position bottom</strong> </p><p>Enable this checkbox to show marquee position in bottom of the footer section.<br></p><p><strong>Enable marquee glass effect</strong> </p><p>Enable this to apply glass effect on footer scrolling bar. </p><p></p><p><strong>Color Scheme</strong></p><p>In this section, you can change the background and foreground color of a marquee using the color scheme.</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li><li>Scheme 5</li></ul></td></tr><tr><td>Outer space</td><td><strong>Top margin</strong><br>You can adjust the range of the Top margin to increase or decrease the Top spacing as needed.</td></tr></tbody></table>

<figure><img src="/files/F8VQgaFDgveoji3EonmR" alt=""><figcaption></figcaption></figure>

## Add block

To add block to the Footer section, click on the 'Add block'. There are many options available , as you can see in the below points and screenshot.

## Brand information&#x20;

<table><thead><tr><th width="220">Block</th><th>Description</th></tr></thead><tbody><tr><td>Show social media icons</td><td>Toggle this option to display your store’s <strong>social media icons</strong>. Make sure your social media links are set up in your <strong>theme settings</strong> for them to appear.</td></tr><tr><td>Heading</td><td>Enter text to display as a title on the footer Brand information block.</td></tr><tr><td>Email</td><td>nter text to display as a contact "E-Mail" on the "Brand information" block.</td></tr><tr><td>Phone</td><td>Add your contact number. You can format it for better readability and make it clickable using a <code>tel:</code> link.</td></tr><tr><td>Description</td><td>Add additional business information such as working hours, address, or short messages.</td></tr><tr><td>Image</td><td>Upload an optional image to display within this block.</td></tr><tr><td>Image width</td><td>Adjust the width of the image in pixels (px).</td></tr></tbody></table>

<figure><img src="/files/7MSF12AGCtxsdobYbUm1" alt=""><figcaption></figcaption></figure>

## Menu

<table><thead><tr><th width="220">Block</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td>Enter text to display as a title on the footer menus.</td></tr><tr><td>Menu</td><td>Click on "Select menu" to add a menu in the footer.</td></tr></tbody></table>

## Image

<table><thead><tr><th width="295">Block</th><th>Description</th></tr></thead><tbody><tr><td>Image</td><td>Used image to add to the image in the section.</td></tr><tr><td>Image width</td><td>"Image width" is used to change the size of the section image. You can give the minimum width "50px" and maximum width "550px" of the image.</td></tr><tr><td>Image alignment on large screen</td><td><p>Customization of "Image alignment on large screen" in desktop devices is as follows:</p><ul><li>Left</li><li>Center</li><li>Right</li></ul></td></tr></tbody></table>

## Text

<table><thead><tr><th width="218">Block</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td>Enter text to display as a title on the "Text" block.</td></tr><tr><td>Subtext</td><td>Enter text to display as a description on the "Subtext" block.</td></tr></tbody></table>

## Click "Add Section" and use some sections.&#x20;

We are providing one special feature, You can add multiple additional sections in the footer.

<figure><img src="/files/EPesQNuiAEVTQNfH2PPo" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://webibazaar.gitbook.io/flute-documentation/footer.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.