# Footer

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

## What is Footer?

Footer is the content section at the bottom of a web page. The footer menu typically contains quick links to your homepage, about us page, blogs page, contact page, policy page, etc.&#x20;

A great website footer will help your visitors navigate your site and will lead to a better user experience.

## How to edit the Footer section

You can freely customize the footer section to suit your business needs, such as adding a footer menu, a newsletter, store contact, and other blocks.

{% hint style="success" %}
Steps

1. In the theme editor **(Customize)**, click **Footer.**
2. Locate and add suitable blocks.
3. **Save** the changes.
   {% endhint %}

### Section settings

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

#### Follow on Shop

Follow on Shop allows customers to follow your store on the [Shop app](https://help.shopify.com/en/manual/online-sales-channels/shop). When a customer follows your store, they can receive personalized recommendations and notifications about your products. This helps you to create a more personalized shopping experience for your customers.

{% hint style="warning" %}
To enable the Follow on Shop button, you need to have the [Shop channel](https://help.shopify.com/en/manual/online-sales-channels/shop/setup) installed, and [Shop Pay activated](https://help.shopify.com/en/manual/payments/shop-pay#activate-shop-pay) on your store.
{% endhint %}

#### Social media icons

* Toggle **Show social media icons** to display icons for platforms like Facebook, Instagram, and TikTok.
* Add the respective social media links under **Theme Settings** > **Social Media**.

#### Country/Region selector

Allow customers to select their location.

{% content-ref url="/pages/YF7fEtnQ0lwQC4VPmfae" %}
[Use Country/ Region selector](/hyper-theme/pages-global-sections/header/use-country-region-selector.md)
{% endcontent-ref %}

#### **Language selector**

To add a language selector to your footer.

{% content-ref url="/pages/46Kvy5Eqp1sKThhhNXq5" %}
[Use Language selector](/hyper-theme/pages-global-sections/header/use-language-selector.md)
{% endcontent-ref %}

#### Payment methods

Toggle **Show payment icons** to display accepted payment methods. Icons will appear in the footer to inform customers of available payment options.

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

{% hint style="info" %}
The payment methods here reflect the settings configured in [Payments](https://help.shopify.com/en/manual/payments?ref=out-of-the-sandbox).&#x20;

**Only payment options accepted through** **Shopify Payments** will automatically display their icons when enabled.
{% endhint %}

#### Footer bottom

Add a menu to the bottom bar of the footer if needed.&#x20;

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

### Block settings

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

There are 4 block types supported in the Footer section:

* [Contact information](#contact-information)
* [Image and Text](#image-and-text)
* [Menu](#menu)
* [Newsletter](#newsletter)

{% tabs %}
{% tab title="Contact information" %}
Display contact details such as address, phone number, and email.

* **Width (%)**: Adjust the block's width taken up in the Footer.
* **Heading**: Add a title such as "About" or "Contact Information."
* **Heading size**: Choose "Heading md" for medium-sized text.
* **Content**:
  * **Address**: Add a physical location (e.g., "Street Address, City, Country").
  * **Working Hours**: Specify operating hours (e.g., "9:00 AM - 6:00 PM, Mon to Sun").
  * **Email**: Add a support email (e.g., "<hi@yourdomain.com>").
  * **Phone**: Include a customer support number (e.g., "+1-202-555-0195").
* **Mobile Settings**:
  * **Open Default**: Enable for better visibility on mobile.
  * **Show Divider**: Add a separator line if needed.

<figure><img src="/files/f3aWD7YNpi7u7sH4Bu6w" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Image and Text" %}
Showcase promotions, branding, or store details.

* **Width (%)**: Adjust the block's width taken up in the Footer.
* **Heading**: Add a title like "About" or "Promotion."
* **Heading Size**: Use "Heading md" for medium-sized text.
* **Image**:
  * Upload a visually appealing image (e.g., product or branding).
  * Adjust the **Image Width** (e.g., 200px).
* **Text**: Add a short description or promotion text.
* **Button Label**: Add a call-to-action like "Learn More" or "Shop Now."
* **Button Link**: Link to a relevant page or collection.

<figure><img src="/files/Irmuncz4mfg4HNN6LtQR" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Menu" %}
Provide navigation to key pages or collections.

* **Width (%)**: Adjust the block's width taken up in the Footer.
* **Heading**: Add a title such as "Company" or "Shop."
* **Heading Size**: Choose a size like "Heading xs" for smaller text.
* **Menu**: Link to a menu in **Online Store** > **Navigation** (e.g., Footer - Company or Footer - Collection).
* **Mobile Settings**:
  * **Open Default**: Enable to expand the menu on mobile devices by default.
  * **Show Divider**: Add a line to separate this block visually.

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

{% hint style="info" %}
To add and edit menus, see [Shopify official documentation](https://help.shopify.com/en/manual/online-store/menus-and-links/editing-menus).
{% endhint %}
{% endtab %}

{% tab title="Newsletter" %}
Collect email sign-ups for newsletters and promotions.

* **Width (%)**: Adjust the block's width taken up in the Footer.
* **Heading**: Add a title like "Join Our Newsletter."
* **Heading Size**: Set the size (e.g., "Heading lg" for large text).
* **Description**: Add a description such as "Sign up to our newsletter & receive 10% off your first order."
* **Term & Policy Text**: Include a short disclaimer with links to your **Terms of Service** and **Privacy Policy**.
* **Text Alignment**: Align text to **Left** or **Center** as needed.
* **Form Width (px)**: Adjust the email input field width (e.g., 465px).
* **Mobile Settings**:
  * **Order First**: Enable this to show the newsletter block first on mobile devices.

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

{% hint style="info" %}
Newsletter submissions are saved on the **Customers** page of your [Shopify admin](https://admin.shopify.com/customers).
{% endhint %}
{% endtab %}
{% endtabs %}

***

<figure><img src="/files/6RW1JWuKNf9ovVFLkLXc" alt=""><figcaption><p><a href="https://apps.shopify.com/xflow?utm_source=foxecom&#x26;utm_medium=help_center_hyper&#x26;utm_campaign=banner">Install XFlow Back In Stock Automation FREE</a></p></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://docs.foxecom.com/hyper-theme/pages-global-sections/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.