# Shop the feed

The **Shop the Feed** section integrates social media content with e-commerce functionality to create an immersive shopping experience. It supports displaying accounts from major social media platforms as well as custom-uploaded images or videos., with embedded product links to drive conversions.

<figure><img src="https://3086053958-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUtxdyhQYbUmYMEm4SSNh%2Fuploads%2FA2TSSveKmXs5GwQdmDWR%2F5%E6%9C%8822%E6%97%A5.gif?alt=media&#x26;token=7cb7b1eb-7ae2-4cda-91f5-bedef7f081a1" alt=""><figcaption></figcaption></figure>

### 🎯 Key Features

* Upload and display social media images and videos.
* When the **Floating Window** is enabled, users can swipe through content vertically, similar to TikTok or Instagram Reels.
* Videos support sound playback.
* Each feed item can include a product with a purchase option directly within the content.

***

### ⚙️ Configuration Options

#### 🎨 Color Scheme

* Customize background, text, and button colors to match your site's branding.

#### 🪟 Floating Window

* When enabled, clicking on an image or video opens a floating window at the bottom-right corner of the page.
* Users can swipe vertically to switch between content for an immersive browsing experience.

#### 📝 Titles and Descriptions

* Add **subtitles, main titles, and descriptions** to help users better understand the featured content.

#### 👤 Social Information

* When enabled, displays **profile avatar, display name, and username** from the social media account associated with the content.

#### 🔗 Follow Button Settings

* Add “Follow” or “Visit” buttons linking to social media profiles.
* Supported platforms: `Facebook`, `Instagram`, `Twitter`, `TikTok`, `YouTube`, `LinkedIn`.
* Customize button background color and text color.

#### ⏱️ Slider Settings

* Enable **auto-play** and configure the **interval time** (in seconds) between content transitions.

#### 📏 Section Padding

* Adjust top and bottom padding to ensure smooth visual integration, especially when this section uses a different background color than the main page.

***

### 🧱 Block Setup: Feed Content

Each **feed block** (item) can be configured with the following:

* Upload an image or video.
* Add a product at the bottom of the feed content (with name, price, and purchase button).
* Multiple feed items can be added and sorted for sequential display.

***

### ✅ Suggested Use Cases

* **Homepage or campaign landing pages**, showcasing the connection between social content and products.
* **Brand storytelling or influencer collaboration sections**, enhancing credibility through social proof.
* **Pop-up events or fashion trend sections**, where high interactivity and visual engagement are key.