> ## Documentation Index
> Fetch the complete documentation index at: https://snapwidget.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# How do I add an Instagram widget to BigCommerce?

> Add your SnapWidget Instagram widget to a BigCommerce store page with the HTML widget in Page Builder, or to a product description.

Paste your SnapWidget code into an **HTML** widget in BigCommerce Page Builder, where you want the widget to show. The same steps work for Facebook, X, TikTok and YouTube widgets.

> [!NOTE]
>
> Page Builder needs a Stencil theme. Your user account needs the **Store Design** permission.

### In SnapWidget

1. [Create your widget](/docs/getting-started/create-an-instagram-widget), or open an existing widget from your [dashboard](https://snapwidget.com/dashboard).
2. Click **Get Widget**. For an existing widget, click **Update & Get Widget**.
3. In the **You're One Step Away** window, click **Copy To Clipboard**.

### In BigCommerce

1. In your BigCommerce admin, go to **Storefront** > **Themes**. Click **Edit in Page Builder**.

2. At the top of Page Builder, select the page where you want the widget, for example **Homepage**.

3. Drag the **HTML** widget from the left panel to the place on the page where you want the widget.

   ![The HTML widget on the page](https://mintcdn.com/snapwidget/QJTE73Rcy1kqujES/images/install/bigcommerce/9.png?fit=max\&auto=format\&n=QJTE73Rcy1kqujES\&q=85\&s=1bb0e3b314fe79b65407e3f843427c3e)

4. In the left panel, replace the sample code with your code. Click **Save HTML**.

   ![The HTML editor with the Save HTML button](https://mintcdn.com/snapwidget/QJTE73Rcy1kqujES/images/install/bigcommerce/11.png?fit=max\&auto=format\&n=QJTE73Rcy1kqujES\&q=85\&s=b471e738363d67ff592b6ed0ed6dd735)

5. Click **Publish**.

   ![The Save and Publish buttons](https://mintcdn.com/snapwidget/QJTE73Rcy1kqujES/images/install/bigcommerce/19.png?fit=max\&auto=format\&n=QJTE73Rcy1kqujES\&q=85\&s=57ec000034c324c11e015b64565b12dd)

### Add the widget to a product page

1. Go to **Products** > **All products** and open the product.
2. In **Description**, click the **Source code** button in the editor toolbar.
3. Paste your code and click **Save**.

### Check your widget

Open the page on your live store. The widget shows your latest Instagram posts.

> [!TIP]
>
> Pro widgets can link each photo to a product in your store. See [How do I make my photos shoppable?](/docs/widget-settings/shoppable-photos)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.