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

# Footer

The footer is the bottom section of your website, designed to display brand information, navigation menus, social media links, and utility tools such as currency/language selectors and payment methods. A well-structured footer enhances user experience and strengthens brand identity.

***

### 🎨 Color Scheme

* Select or edit the color scheme to define the visual style of all footer elements.
* Includes background color, text color, and border color.
* Align with your brand’s visual style for consistency.

***

### 🖼️ Background & Border Settings

* **Show top border**: Toggle to add or remove a dividing line between the footer and the main page.
* **Background image**: Upload a background image and adjust its transparency.
* **Image behavior options**:
  * **Fixed**: Keeps the background image fixed while scrolling.
  * **Zoom in**: Adds a zoom effect when scrolling.
  * **Parallax**: Creates a dynamic scrolling effect where the background moves at a different speed than the content.

***

### 🔧 Functional Display Options

* **Shopify trust badge**: Display the official trust badge to enhance customer confidence.
* **Country & currency selector**: Allow customers to switch regions and currencies.
* **Language selector**: Enable multi-language options for global users.
* **Payment icons**: Showcase accepted payment methods (Visa, Mastercard, PayPal, etc.).
* **Back-to-top button**:
  * Position: Choose to display on the bottom left or right corner.
  * Optionally show **scroll progress path**, helping users track page scrolling progress.

***

### 📦 Footer Blocks

The footer supports the following customizable blocks:

* **Menu**: Add navigation menus such as “About Us,” “Contact,” “Privacy Policy,” etc.
* **Social Media**: Display links to brand social media accounts with icons.
* **Brand Information**: Show company address, contact details, or a short brand description.
* **Text**: Add copyright notices, legal disclaimers, or custom messages.
* **Image**: Upload a brand logo or decorative image.
* **Newsletter**: Collect customer emails for newsletters or promotional updates.
* **Spacer**: Adjust spacing between blocks for better layout flexibility.

Social media icons in the footer can use **Icon**, **Border**, **Wrapped**, or **Brand colors** styles. Choose **Brand colors** when you want social links to be more noticeable, or choose the simpler styles for a softer footer design.

***

### 💡 Best Practices

1. **Keep it simple**: Highlight key features such as navigation, payments, and subscriptions without overloading information.
2. **Strengthen brand recognition**: Showcase your logo, brand story, and social links.
3. **Encourage conversions**: Use subscription forms and promotions to engage customers.
4. **Build trust**: Display payment icons, trust badges, and security notes to reduce hesitation.
5. **Mobile optimization**: Ensure the footer is clear and user-friendly on mobile devices.