# 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="/files/GC87J0IV7iX6ttRwEbBN" 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.


---

# 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://en-ascent.webvista.studio/sections/shop-the-feed.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.