> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.kudobuzz.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to Set Up and Install Your Kudobuzz Shoppable UGC Widget on Shopify

This guide will walk you through:
* Enabling the app embed.
* Installing your first widget.
* Adding additional widgets to your Shopify store.

## Step 1: Enable the App Embed
Before your UGC widgets can appear on your storefront, you must first enable the Kudobuzz app embed.
When you install the app, you will see a yellow banner asking you to enable the app embed.

To enable it:

1. Click **Enable App Embed.**

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/app-embed_n0ixth.png)

2. You will be redirected to your Shopify** Theme Editor.**

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/theme-edior_4kcbt.png)



3. Click **Save** and close the theme editor.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/save_13tfe29.png)

***The app embed must be enabled for your UGC widgets to display properly on your store.***

## Step 2: Install Your First Widget
Once the app embed is enabled, the next step is to install your widget.

### **To install the default widget:**

1. **Click Create Widget.**

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/create-widget_w3vuby.png)

2. You will see a default widget already available.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/default-widget_sehb9m.png)

3. Click the **three dots (⋮)** beside the widget.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/three-dots_6r5xsk.png)

4. Select **Install.**

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/install_80y4z4.png)

5. Copy the **Widget ID.**

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/copy_19jlcyq.png)

**Now, add the Widget ID to Your Theme Editor**

1. Open the Shopify Theme Editor by clicking on **Got it, open Theme Editor**.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/theme-editor_1p4zoha.png)

2. Locate the Kudobuzz widget inside the editor.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/kudobuzz-widget_16gnrkk.png)

3. Click or double-click the widget block inside the editor. A sidebar/settings panel will open.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/side-bar_8begq3.png)

4. Paste your **Widget ID** into the field provided.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/272_l0f66k.png)

5. Click **Save.**

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/save_198gucl.png)

***Tip: You may need to click the widget twice for the sidebar/settings panel to appear.***


## Step 3: Add Additional Widgets
You can also create and install more widgets on different pages of your store.
### To add another widget:


1. Click **Add Widget.**

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/add-widget_1d35fw4.png)

2. Select the widget** type** from the dropdown menu.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/widget-type_6efbvz.png)


3. Choose the page where you want the widget to appear on your store.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/pages_kgdwsb.png)


4. Click **Save Widget.**

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/save_1h9v4wx.png)


After saving:

1. Click the **three dots (⋮)** beside the new widget and select **install**.
![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/installation_70ify0.png)

2. Copy the new **Widget ID.**

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/copied_1486axr.png)

3. Select **Open Theme Editor.**

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/edi_15y55.png)     

4. Paste the** Widget ID** into the widget settings panel.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/pasting_rapbtx.png)

5. Click **Save.**

![](https://storage.crisp.chat/users/helpdesk/website/-/b/4/6/2/b4624435cf53a800/savinggg_1134faw.png)

***Repeat these steps for any additional widgets you want to install.***