> For the complete documentation index, see [llms.txt](https://webibazaar.gitbook.io/lyra-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/lyra-documentation/footer.md).

# Footer

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

Lyra theme provides a section, namely "Footer" in this section.&#x20;

This section displays important navigation links, contact information, newsletter signup, social media icons, promotional text, and other useful store information at the bottom of your website.

It helps customers quickly access essential pages and stay connected with your brand.

## How to Add the Footer Section

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

1. Open your **Shopify Admin**.
2. Navigate to **Online Store → Themes**.
3. Click **Customize** on your active theme.
4. Scroll to the **Footer** area.
5. Click **Add Section** (if required) or select **Footer**.
6. Configure the footer settings.
7. Add or edit the required footer blocks.
8. Click **Save** to publish your changes.
   {% endhint %}

<table><thead><tr><th width="239">Setting</th><th>Description</th></tr></thead><tbody><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>Content 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><p>For visual guide show <a href="#content-color-scheme"><mark style="color:blue;">screenshot</mark></a></p></td></tr><tr><td>Layout</td><td><p>Customization of the "Layout" in this section is as follows:</p><ul><li>Full width</li><li>Container</li></ul></td></tr><tr><td>Top menu heading</td><td><p>Sets the title displayed above the top footer menu. Example: <em>Popular Searches</em>.</p><p></p><p><strong>Example:</strong></p><pre><code>Popular Searches
</code></pre></td></tr><tr><td>Select top menu</td><td><p>Select the Shopify navigation menu to display. </p><p></p><p>Only top-level menu items and their sub-menu items are shown in this section. </p><p></p><p>This setting is useful for showcasing popular categories, collections, or frequently searched links for quick customer access. </p><p></p><p>For visual guide show <a href="#top-menu"><mark style="color:blue;">screenshot</mark></a></p></td></tr><tr><td>Custom scrolling text</td><td><p>Configure the scrolling promotional text displayed in the footer to highlight offers, announcements, or marketing messages. </p><p></p><p>Use the <strong>Custom Scrolling Text</strong> feature to:</p><ul><li>Highlight ongoing offers and discounts.</li><li>Announce seasonal promotions or special events.</li><li>Showcase coupon codes or limited-time deals.</li><li>Draw attention to important marketing messages in the footer.</li></ul><p>For visual guide show <a href="#custom-scrolling-text"><mark style="color:blue;">screenshot</mark></a></p><p></p><p><strong>Enable scrolling textbox</strong><br>Toggle to enable or disable a scrolling text box in the section.<br><br><strong>Text</strong><br>Enter the main scrolling text to display in the scrolling textbox.<br><br><strong>Font</strong><br>Select the font family used for the scrolling text. </p><p>Changing the font may affect store performance.<br><br><strong>Use default font</strong><br>Enable to use the theme's default font instead of a custom font selection.<br><br><strong>Text size</strong><br>Adjust the font size for the scrolling text, measured in pixels.<br><br><strong>Scroll speed</strong><br>Controls the speed at which the text scrolls across the screen.<br><br><strong>Subtext</strong><br>Enter additional information or subtext below the scrolling text.</p></td></tr><tr><td>Email Signup</td><td><p>Configure the newsletter subscription area displayed in the footer to encourage visitors to subscribe and stay updated. </p><p></p><p>Use the <strong>Email Signup</strong> section to:</p><ul><li>Grow your email subscriber list.</li><li>Share exclusive offers and promotions.</li><li>Notify customers about new arrivals and product launches.</li><li>Build long-term customer engagement through newsletters. </li></ul><p>For visual guide show <a href="#email-signup"><mark style="color:blue;">screenshot</mark></a></p><p></p><p><em><mark style="color:$primary;"><strong>Note</strong></mark><mark style="color:$primary;">: This</mark><mark style="color:$primary;"> </mark><mark style="color:$primary;"><strong>Email signup</strong></mark><mark style="color:$primary;"> </mark><mark style="color:$primary;">block automatically</mark><mark style="color:$primary;"> </mark><mark style="color:$primary;"><strong>hide</strong></mark><mark style="color:$primary;"> </mark><mark style="color:$primary;">when you added</mark><mark style="color:$primary;"> </mark><mark style="color:$primary;"><strong>newsletter</strong></mark><mark style="color:$primary;"> </mark><mark style="color:$primary;">block in footer section.</mark></em></p><p></p><p><strong>Enable newsletter</strong><br>Toggle to enable or disable the newsletter signup form.<br><br><strong>Heading</strong><br>Enter the heading text that appears above the newsletter signup form.<br><br><strong>Font</strong><br>Selects the font family used for the newsletter heading. Changing the font may affect store performance.<br><br><strong>Use default font</strong><br>Enables the theme's default font instead of the selected custom font.<br><br><strong>Description</strong><br>Adds supporting text below the heading to encourage users to subscribe. </p><p></p><p><strong>Show social media icons</strong><br>Toggle to show or hide social media icons in the section.</p></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><p><strong>Enable country/region selector</strong><br>By enabling this checkbox, you can see country/region selector in the footer section.<br><br><strong>Show country flag</strong><br>Toggle to display the country flag next to the selector.<br><br><strong>Label</strong><br>Choose the label style: Currency only, Country only, or both. </p><p></p><p>For visual guide show <a href="#country-region-selector"><mark style="color:blue;">screenshot</mark></a></p></td></tr><tr><td>Language selector</td><td><p><strong>Enable language selector</strong><br>By enabling this checkbox, you can see Language selector in the footer section. </p><p></p><p>For visual guide show <a href="#language-selector"><mark style="color:blue;">screenshot</mark></a></p></td></tr><tr><td>Payment methods</td><td><p><strong>Show payment icons</strong><br>By enabling this checkbox, you can see payment icons in the footer section. </p><p></p><p>For visual guide show <a href="#payment-methods"><mark style="color:blue;">screenshot</mark></a></p></td></tr><tr><td>Policy links</td><td><p><strong>Show policy links</strong><br>By enabling this checkbox, you can see policy links in the footer section. </p><p></p><p>For visual guide show <a href="#policy-links"><mark style="color:blue;">screenshot</mark></a></p></td></tr><tr><td>Additional information</td><td><strong>Enable border top</strong><br>Toggle to add a top border to the footer section.<br><br><strong>Additional copyright text</strong><br>Enter custom copyright or other additional text to display in the footer.<br><br><strong>Show “Powered by Shopify” text</strong><br>Toggle to show or hide the default Shopify attribution text.</td></tr><tr><td>Spacing</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/NAjEVNmXMhEmFQ0fvRzr" alt=""><figcaption></figcaption></figure>

## Section settings

### Content color scheme

<div data-with-frame="true"><figure><img src="/files/Xyj2OpUByTiNZ9ED2cV7" alt=""><figcaption><p><mark style="color:$primary;"><strong>Content color scheme</strong></mark></p></figcaption></figure></div>

### Top menu

<div data-with-frame="true"><figure><img src="/files/W1GfXKrEG2xIwxpkojR2" alt=""><figcaption><p><mark style="color:$primary;"><strong>Top menu</strong></mark></p></figcaption></figure></div>

### Custom scrolling text

<div data-with-frame="true"><figure><img src="/files/6MdIDw6Lc73EQ9iBZ68e" alt=""><figcaption><p><mark style="color:$primary;"><strong>Custom scrolling text</strong></mark></p></figcaption></figure></div>

### Email Signup

<div data-with-frame="true"><figure><img src="/files/mekCx1LhzInZHSoX9ry7" alt=""><figcaption><p><mark style="color:$primary;"><strong>Email signup</strong></mark></p></figcaption></figure></div>

### Country/region selector

<div data-with-frame="true"><figure><img src="/files/oEm45GJONBiAx5vGTyUi" alt=""><figcaption><p><mark style="color:$primary;"><strong>Country/region Selector</strong></mark></p></figcaption></figure></div>

### Language selector

<div data-with-frame="true"><figure><img src="/files/OukHkEGjrUC97w7Nj9lQ" alt=""><figcaption><p><mark style="color:$primary;"><strong>Language selector</strong></mark></p></figcaption></figure></div>

### Payment methods

<div data-with-frame="true"><figure><img src="/files/Z4C6WfILv75F4aXMDV08" alt=""><figcaption><p><mark style="color:$primary;"><strong>Payment method</strong></mark></p></figcaption></figure></div>

### Policy links

<div data-with-frame="true"><figure><img src="/files/vUUMhM13KUvafoGtjBpe" alt=""><figcaption><p><mark style="color:$primary;"><strong>Policy links</strong></mark></p></figcaption></figure></div>

## 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.

## Menu

The **Menu** block displays a navigation menu in the footer, helping customers quickly access important pages and resources.

<table><thead><tr><th width="220">Block</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td>Enter a title for the menu block (e.g., <em>Quick Links</em>, <em>Information</em>, <em>Customer Service</em>).</td></tr><tr><td>Menu</td><td>Select the Shopify navigation menu to display. Only top-level menu items are shown in this block.</td></tr></tbody></table>

<div data-with-frame="true"><figure><img src="/files/Sgu47w0mjfAuQoeZfdf9" alt=""><figcaption><p><mark style="color:$primary;"><strong>Menu block</strong></mark></p></figcaption></figure></div>

## Contact

The **Contact** block is used to display your brand identity and essential contact details in the footer, making it easy for customers to reach your business from any page.

####

<table><thead><tr><th width="199">Block</th><th>Description</th></tr></thead><tbody><tr><td>Logo</td><td>Upload a logo image for the contact section.</td></tr><tr><td>Logo width</td><td>Adjust the width of the logo image in pixels (px).</td></tr><tr><td>Heading</td><td>Enter text to display as a title in the text block.</td></tr><tr><td>Subtext</td><td>Enter text to display as a description in the "Text" block.</td></tr><tr><td>Address</td><td>Enter text to display as a "Address" on the contact block.</td></tr><tr><td>Phone</td><td>Enter text to display as a "Phone" on the contact block.</td></tr><tr><td>E-mail</td><td>Enter text to display as a contact "E-Mail" on the "Brand information" block.</td></tr><tr><td>Show icons</td><td>Toggle to show or hide social media or other icons in the contact section.</td></tr></tbody></table>

<div data-with-frame="true"><figure><img src="/files/ONfrSboQ1qXzcTbjdxF7" alt=""><figcaption><p><mark style="color:$primary;"><strong>Contact block</strong></mark></p></figcaption></figure></div>

## Image&#x20;

The **Image** block allows you to display a custom image in the footer, such as a promotional banner, brand logo, certification, payment badge, or featured product image.

Use the **Image** block when you want to:

* Showcase a promotional or featured product image.
* Display brand logos or partner logos.
* Highlight certifications, awards, or trust badges.
* Add payment method or security-related visuals.
* Enhance the footer with branded graphics.
* Improve visual appeal and reinforce brand identity.

<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>

<div data-with-frame="true"><figure><img src="/files/uDL7WjHm6LdATWbCcgS9" alt=""><figcaption><p><mark style="color:$tint;"><strong>Image block</strong></mark></p></figcaption></figure></div>

## Newsletter

The **Newsletter** block allows customers to subscribe to your email list directly from the footer, helping you grow your audience and share updates, promotions, and new product launches.&#x20;

Use the **Newsletter** block when you want to:

* Collect customer email subscriptions.
* Promote new product launches and special offers.
* Share exclusive discounts and marketing campaigns.
* Build a long-term customer email list.
* Increase customer engagement and retention.
* Keep customers informed about store updates.

<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 "Newsletter."</td></tr><tr><td>Description</td><td>Enter text to display as a description on the "Newsletter" block.</td></tr></tbody></table>

<div data-with-frame="true"><figure><img src="/files/znAxaxefVgMoeUWPVR9C" alt=""><figcaption><p><mark style="color:$primary;"><strong>Newsletter block</strong></mark></p></figcaption></figure></div>

## 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="/files/ztKlc8L7k7Gp0F9q5fem" alt=""><figcaption></figcaption></figure>