> For the complete documentation index, see [llms.txt](https://webibazaar.gitbook.io/cello-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://webibazaar.gitbook.io/cello-documentation/footer.md).

# Footer

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

The **Footer** section appears at the bottom of every storefront page and provides customers with important store information, navigation links, newsletter subscription, social media, payment methods, localization options, policies, and utility links.

In the Cello theme, the Footer can be customized using multiple blocks and section-level settings. This allows you to create a complete footer without editing code.

The Cello Footer supports the following blocks:

* **Brand information**
* **Menu**
* **Newsletter**
* **Image**
* **Text**

You can add, remove, reorder, and configure these blocks according to your store requirements.

## How to Edit the Footer

{% hint style="success" %}
**Steps:**

1. Go to **Shopify Admin**.
2. Open **Online Store → Themes**.
3. Click **Customize** on the Cello theme.
4. Select the **Footer** section.
5. Choose the setting or block you want to modify.
6. Update the required content/settings.
7. Preview the changes.
8. Click **Save**.
   {% endhint %}

<table><thead><tr><th width="239">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Follow on Shop</td><td>The <strong>Follow on shop</strong> setting displays the option for customers to follow your storefront through Shopify's shopping experience.</td></tr><tr><td>Social media icons</td><td><strong>Heading</strong><br>Enter text to display as a heading for the social media icons.<br><br><strong>Show social media icons</strong><br>The <strong>Social media icons</strong> setting displays links to your social media accounts in the Footer.</td></tr><tr><td>Heading</td><td>Enter text to display as a heading for the country and language selector.</td></tr><tr><td>Country/region selector</td><td><p>The <strong>Country/region selector</strong> allows customers to select their preferred country or region.</p><p>This is useful for stores serving customers in multiple markets.</p></td></tr><tr><td>Language selector</td><td>The <strong>Language selector</strong> allows customers to choose between the languages configured for your storefront.</td></tr><tr><td>Payment methods</td><td><strong>Heading</strong><br>Enter text to display as a heading for the payment icons.<br><br><strong>Show payment icons</strong><br>The <strong>Payment methods</strong> setting displays payment method icons in the footer.</td></tr><tr><td>Policy links</td><td>Enable this option to display the configured store policy links in footer.</td></tr><tr><td>Copyright</td><td>By enabling this checkbox, you can see copyright text in the footer section.</td></tr><tr><td>Scroll to top</td><td>The <strong>Scroll to top</strong> setting provides a button that allows customers to quickly return to the top of a long page.</td></tr><tr><td>Color scheme</td><td><p>The <strong>Color scheme</strong> controls the overall color appearance of the Footer. You can change the background and foreground color of a footer 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></tbody></table>

<figure><img src="https://959312205-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F28lMEJOSKsqmdpx3Cfa4%2Fuploads%2FSqlrRKZt01YL4EsyIQSv%2Ffooter.png?alt=media&amp;token=6f688556-6f17-4d96-a7f6-d0132e2e9a4a" alt=""><figcaption></figcaption></figure>

## Add block

Footer blocks allow you to build a flexible footer layout by combining brand information, navigation menus, images, and custom text. Blocks can be added, removed, or reordered to match your store's branding and content requirements.

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.

<figure><img src="https://959312205-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F28lMEJOSKsqmdpx3Cfa4%2Fuploads%2F885glhVcnQwxMn2JXIRq%2Ffooter-blocks-settings.png?alt=media&amp;token=f9927ef5-02e2-481e-9278-e82b257a87a7" alt=""><figcaption></figcaption></figure>

## Menu

The **Menu** block is used to display a Shopify navigation menu inside the Cello Footer. It is useful for organizing important links such as collections, customer information, support pages, policies, and other store-related pages.

<table><thead><tr><th width="220">Block</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td>The <strong>Heading</strong> setting controls the title displayed above the footer menu.</td></tr><tr><td>Menu</td><td><p>The <strong>Menu</strong> setting determines which Shopify navigation menu is displayed in the Footer. </p><p>The Cello theme displays <strong>only top-level menu items</strong> for this Footer Menu block.</p></td></tr></tbody></table>

<figure><img src="https://959312205-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F28lMEJOSKsqmdpx3Cfa4%2Fuploads%2FqiU3harcud9i0Gpmqrbr%2Fimage.png?alt=media&amp;token=91ca39d6-7b76-4c23-8588-7af87fd2de57" alt=""><figcaption></figcaption></figure>

## Brand information

The **Brand information** block is used to display your store's brand identity and contact information in the Cello Footer. It is ideal for showing the store logo, brand name, short description, address, phone number, and email address.

The "Brand information" block can be taken into use to highlight important information, such as store details, promotions, or contact information.

<table><thead><tr><th width="219">Block</th><th>Description</th></tr></thead><tbody><tr><td>Logo</td><td>The <strong>Logo</strong> setting allows you to upload an image that will be displayed as the brand logo inside the Footer.</td></tr><tr><td>Logo Width</td><td>The <strong>Logo width</strong> setting controls the displayed width of the Footer logo. You can set a Minimum width "100px" and a maximum width "200px" can be given.</td></tr><tr><td>Heading</td><td>The <strong>Heading</strong> setting controls the title displayed in the Brand information block.</td></tr><tr><td>Subtext</td><td>The <strong>Subtext</strong> setting allows you to add a short description about your brand or store.</td></tr><tr><td>Description style</td><td><p>The <strong>Description style</strong> setting controls the typography style used for the Brand information description.</p><ul><li>Body</li><li>Subtitle</li><li>Uppercase</li></ul></td></tr><tr><td>Address</td><td>The <strong>Address</strong> field is used to display your physical business/store address in the Brand information area.</td></tr><tr><td>Phone</td><td>The <strong>Phone</strong> setting displays your store's contact phone number in the Footer.</td></tr><tr><td>E-Mail</td><td>The <strong>E-mail</strong> setting displays your store's email address in the Footer.</td></tr></tbody></table>

<figure><img src="https://959312205-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F28lMEJOSKsqmdpx3Cfa4%2Fuploads%2FmfZz4Dt95xnH1zB42MSz%2Fimage.png?alt=media&amp;token=6ede2dc3-8614-4587-adc1-140413cd9d9a" alt=""><figcaption></figcaption></figure>

## Text

The **Text** block is used to add a customizable text column to the Cello Footer. It is useful for displaying additional information such as a short brand message, customer support details, store highlights, contact information, or promotional content.

<table><thead><tr><th width="199">Block</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td>The <strong>Heading</strong> setting controls the title displayed at the top of the Text block.</td></tr><tr><td>Subtext</td><td>The <strong>Subtext</strong> setting is used to add the main text/content below the Heading.</td></tr><tr><td>Description style</td><td><p>The <strong>Description style</strong> setting controls the typography style used for the Text block's Subtext.</p><ul><li>Body</li><li>Subtitle</li><li>Uppercase</li></ul></td></tr></tbody></table>

<figure><img src="https://959312205-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F28lMEJOSKsqmdpx3Cfa4%2Fuploads%2Fhr5trdsxxazGRCsqXpjO%2Fimage.png?alt=media&amp;token=2eb5150e-428e-4e32-9bfe-c9dbc08641f1" alt=""><figcaption></figcaption></figure>

## Image

The **Image** block allows you to add an additional image to the Cello Footer. It can be used to display promotional graphics, brand visuals, store-related imagery, certifications, or other supporting visual content.

<table><thead><tr><th width="295">Block</th><th>Description</th></tr></thead><tbody><tr><td>Image</td><td>The <strong>Image</strong> setting allows you to select the image that will be displayed in the Footer.</td></tr><tr><td>Image width</td><td>The <strong>Image width</strong> setting controls how wide the selected image appears within the Footer block. 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>The <strong>Image alignment on large screen</strong> setting controls the horizontal position of the image on larger/desktop screens.</p><ul><li>Left</li><li>Center</li><li>Right</li></ul></td></tr></tbody></table>

<figure><img src="https://959312205-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F28lMEJOSKsqmdpx3Cfa4%2Fuploads%2F9CX1eoTH5LaLOBruomEJ%2Fimage.png?alt=media&amp;token=0f57b29c-b221-4028-a02e-8d820a880e0e" alt=""><figcaption></figcaption></figure>

## Newsletter

The **Newsletter** block is used to add an email subscription form to the Cello Footer. It allows customers to enter their email address and subscribe to your store's marketing communications.

In the example shown, the Newsletter block contains:

* **Heading:** Our Newsletter
* **Description:** Short promotional/informational text
* **Email field:** Customer email input
* **Subscribe button:** Newsletter submission button

The Newsletter block automatically displays an email signup form below the heading and description.

The form contains:

* **Email input field**
* **Subscribe button**

Customers can enter their email address and submit the form to subscribe.

#### Customer Flow

1. Customer enters their email address.
2. Customer clicks **Subscribe**.
3. Shopify processes the newsletter signup.

The subscriber is added to the appropriate marketing customer list according to the store's Shopify configuration.

Shopify indicates that subscribers are added automatically to the **“Accepted marketing”** customer list when they subscribe through this form.

<table><thead><tr><th width="218">Block</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td>The <strong>Heading</strong> setting controls the title displayed at the top of the Newsletter block.</td></tr><tr><td>Description</td><td>The <strong>Description</strong> setting allows you to add supporting text below the Newsletter heading.</td></tr><tr><td>Description style</td><td><p>The <strong>Description style</strong> controls the typography style used for the Newsletter description.</p><ul><li>Body</li><li>Subtitle</li><li>Uppercase</li></ul></td></tr></tbody></table>

<figure><img src="https://959312205-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F28lMEJOSKsqmdpx3Cfa4%2Fuploads%2F6XrFSABOg4ctbDIUWjfs%2Fimage.png?alt=media&amp;token=47748e88-6de5-46d2-9411-712817fef812" alt=""><figcaption></figcaption></figure>

## Click "Add section" and use some sections.

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

<figure><img src="https://959312205-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F28lMEJOSKsqmdpx3Cfa4%2Fuploads%2FOXMjeldYX8agvX8AjTyB%2Ffooter_add_more_sections.png?alt=media&amp;token=608a003f-d340-4ec1-b5bb-354407593d74" alt=""><figcaption></figcaption></figure>