# Generate an embed code in your Business Account

Learn how to create an embed in your Business Account, set its feed, layout, interactions, and playback, and copy the code for a website or app.

An embed code is a preconfigured snippet from your Business Account that shows a feed on your website or app. The feed can be a brand feed, a community or group feed, or a contextual or personalized feed. You publish video feeds as onsite embeds without custom backend work.

Each code points to one configuration in your Business Account: its content rules, feed type, layout and interaction settings, and governance and moderation logic. You keep centralized control of all of it, and every live embed picks up your changes without engineering rework.

Embeds are part of Onsite. For the whole product, see [Onsite: what it does and where to start](https://begenuin.com/developers/browse-by-products/onsite/onsite-what-it-does-and-where-to-start). For the model behind embeds, see [How embeds work](https://begenuin.com/developers/browse-by-products/onsite/how-can-you-embed-your-brand-community-on-your-website-using-genuin-embeds).

## Open the embed list

Go to **Grow** > **On Site** > **Embed**. This is where you manage every onsite embed.

From here, you can create embeds, edit existing configurations, generate and copy embed codes, and reuse an embed across several pages.

You can also delete an embed from this list.

## Create the embed

1. In **Grow** > **On Site** > **Embed**, click **+ New** to open the embed builder.
   ![Grow > On Site > Embed with the + New button highlighted above the Embeds list of 77 embeds, beside Embed Analytics tiles for unique users, embed impressions, and video impressions.](https://cdn.sanity.io/images/lnrtvsvr/development/7a22b114edaea68f9bb024dd8916868f66fea39a-1876x910.jpg)
   *Step 1: The + New button above the list starts a new embed.*
2. Enter an **Embed Name** for internal reference.
3. Choose the **Embed Type**: Brand Feed, Community Feed, or Group Feed.
4. Choose the target brand, community, or group so the embed pulls content from the right source.
   ![The embed builder with an Embed Name field, the Embed Type menu open on Brand Feed, Community Feed, and Group Feed, and the Tech & Electronics community and Wearables group selected as the source.](https://cdn.sanity.io/images/lnrtvsvr/development/5d60f480f8d28b11d5e03414731461e6d6a98bf6-1861x910.jpg)
   *Step 4: Pick the Embed Type, then the community and group the embed pulls from.*

## Set the view and layout

1. Choose the **Embed Style**: Standard Wall, Feed, or Carousel.
   ![The embed builder with the Embed Style menu open on Standard Wall, Feed, and Carousel, and the Embed View tab showing the Headline, Sub Headline, and their text colors.](https://cdn.sanity.io/images/lnrtvsvr/development/09422a502ebc19f55aebef2e78511522c0b9d85a-1863x912.jpg)
   *Step 1: Embed Style offers Standard Wall, Feed, and Carousel.*
2. Set the desktop and mobile dimensions.
3. Choose adaptive video display for a responsive player, or keep a fixed aspect ratio.
4. Choose floating or inline behavior.
5. Turn **Show Header** on to show the top navigation bar, and **Show Side Panel** to show the side menu.
6. Turn **Show Join Community Button** and **Show Community Share Button** on or off.

These settings keep the embed visually consistent across environments.

## Set interactions and engagement

1. Under **Enable Engagement Tools**, turn **Repost**, **Spark**, **Comment**, **Share**, and **Intelligence** on or off.
2. Show or hide view counts and creator usernames.
3. Turn on redirection to community pages, group feeds, or creator profiles.
4. Turn **Show Links** on to display the links added to videos.
   ![The Expand View tab of the embed builder: Enable Engagement Tools on with Spark, Comment, and Share checked but Repost unchecked, and Enable Redirection on with Community, Group, and User checked.](https://cdn.sanity.io/images/lnrtvsvr/development/86db8b671474267d0de7ae08d51445dd41b4c0ba-1861x911.jpg)
   *Step 3: Engagement tools and redirection targets are set on the Expand View tab.*

Match these settings to your engagement and conversion goals. Learn more about [overlay and engagement settings](https://begenuin.com/developers/browse-by-products/onsite/how-can-brands-manage-overlay-components-and-controls-for-embedded-content).

Each engagement tool and each redirection destination has its own toggle.

## Set media playback

1. Turn **Autoplay Video** on or off to play videos on load.
2. Turn **Loop Video** on or off.
3. In **Feed Display Preference**, choose **Default** or **Pinned Post First**.
4. For the Carousel style, set **Carousel Style** to **Default** or **Focus View**.
   ![The Embed View tab's Media Play section: Autoplay Video off, Feed Display Preference set to Default, and Loop Video off, beside a carousel preview of the Wearables group.](https://cdn.sanity.io/images/lnrtvsvr/development/eb1ae9e052544e99e290cbe26b4c64324618c39b-1861x910.jpg)
   *Step 4: Media Play holds the autoplay, feed display, and loop settings.*

Playback rules directly affect watch time and engagement.

**Loop Video** replays the current video until the viewer selects a different one.

## Generate and copy the code

Every embed code inherits governance from your Business Account: brand guidelines and tone, content and moderation rules, allowed link-outs and CTAs, and approval workflows. No embed bypasses brand safety or editorial oversight.

1. Click **View Embed Code**.
2. Copy the code snippet.
3. Add the code to your website pages or web apps, or to native apps through the SDKs.

To add the code to a web page, see [Embed the Genuin Web SDK on your website](https://begenuin.com/developers/developer-resources/sdk/how-do-you-embed-and-configure-the-genuin-web-sdk-on-your-website).

## Update a live embed

When you update content rules, communities or groups, or layout and interaction settings, every live embed that uses the code updates automatically. You don't redeploy anything, so you can keep iterating on an embed after it's live.

## Supported environments

You can use embed codes on the web through a script embed, on mobile web, and in native apps through the [iOS SDK](https://begenuin.com/developers/developer-resources/sdk/developer/genuin-sdk/native-compatibility/ios/how-to-integrate-and-power-your-brand-community-in-ios-apps) and [Android SDK](https://begenuin.com/developers/developer-resources/sdk/how-to-integrate-and-power-your-brand-community-in-android-apps). The embed configuration handles desktop and mobile behavior.

For what each platform renders, see [Embed support by platform](https://begenuin.com/developers/browse-by-products/onsite/cross-platform-embeds-supported-specs-integrations-and-limitation).

## Common uses

Give each use its own embed with tailored behavior:

- Product detail pages (PDPs) with shoppable brand videos
- Discovery or inspiration sections
- Campaign landing pages
- Community hubs
- Loyalty or post-purchase pages

## Governance and reporting

Every embed is tied to a brand-controlled configuration and respects your moderation and approval workflows. Each one feeds reporting and analytics, and Business Account keeps audit logs of changes to it.

## Limitations

- **Plan and contract.** Your plan and contract set which embeds are available.
- **Some advanced interactions need the SDK.** Use an SDK-based integration for them.
- **Role-based access.** Your role decides whether you can create or edit embeds. Learn more about [Business Account Roles and Scoped Roles](https://begenuin.com/developers/browse-by-products/control/business-account-roles-and-scoped-roles).

## See also

- [How embeds work](https://begenuin.com/developers/browse-by-products/onsite/how-can-you-embed-your-brand-community-on-your-website-using-genuin-embeds)
- [Set up a Brand Feed as an onsite embed](https://begenuin.com/developers/browse-by-products/onsite/what-is-the-brand-feed)
- [Control what viewers see and can do on embedded videos](https://begenuin.com/developers/browse-by-products/onsite/how-can-brands-manage-overlay-components-and-controls-for-embedded-content)
- [Embed configuration reference](https://begenuin.com/developers/get-started/any-business/embed-configuration-reference)
- [Embed the Genuin Web SDK on your website](https://begenuin.com/developers/developer-resources/sdk/how-do-you-embed-and-configure-the-genuin-web-sdk-on-your-website)