# BigCommerce

## About Firework

### Create engaging shoppable video and livestream commerce on your site in minutes.

Firework is a leading video commerce solution built for brands and retailers. Leveraging shoppable video, live streaming commerce and powerful monetization capabilities, Firework empowers the most dynamic and exciting retailers and brands such as Walmart, Samsung, Levi's, L'Oréal etc. to build engaging experiences on their owned and operated digital properties and across channels at a global scale.

* Livestream shoppable video
* Short-form shoppable video
* Content creation studio
* Ads and retail media
* First-party data

## Installing Firework App

1. You must have Store Owner access to your BigCommerce store before continuing to the next steps.
2. Login to your BigCommerce store with the Store Owner account.
3. Click Apps in the left bar of the admin control panel.

<figure><img src="/files/HhbN6Lu7IRQoknYFgpZt" alt=""><figcaption></figcaption></figure>

4. Click on Marketplace to install Firework App on your BigCommerce store.
5. Search for Firework on the app store.

<figure><img src="/files/WeXC33RLrEIJy8Lu2FmC" alt=""><figcaption></figcaption></figure>

Click the **GET THIS APP** button after selecting the app.

6. Once ready proceed with the Install button.

<figure><img src="/files/1n3EvSywcfua0QognNUG" alt=""><figcaption></figcaption></figure>

7. Agree to the BigCommerce terms and conditions and click Confirm.

<figure><img src="/files/bsQd95KksY8PiwVr7p0u" alt=""><figcaption></figcaption></figure>

8. If the app is successfully installed, you will get redirected to the firework business portal to create a business store. Proceed with Business Store

<figure><img src="/files/w99N5swytWOaaJrHcs5m" alt=""><figcaption></figcaption></figure>

9. Loading Firework Business Portal : After connecting to the Firework business portal, you can do a lot of things like creating channels, playlists and uploading videos and more on this. You have to import the products to the Firework before you can add them to the videos or livestream. For importing BigCommerce store products to the Firework business portal, click on Products tabs on the top menu of the business portal.

<figure><img src="/files/39RyFCB137tp3eKjT4cH" alt=""><figcaption></figcaption></figure>

10. Import Products: You will see a list of your products with an import option right next to it. Import all the products you need to import. You can also search for a particular product and import into your Firework business account. If products are already imported, you will see the ‘sync’ option to update the product data in the Firework account.

<figure><img src="/files/X5dlzY3B6fLmfaOrPES1" alt=""><figcaption></figcaption></figure>

11. Widget Configuration: Firework will let you create 5 different types of drag and drop widgets for embedding fireworks business videos into the store. For creating widgets please proceed to the Widget Configuration tab next to Business Portal.

<figure><img src="/files/rqiqEjuyl0i8VXA75bx1" alt=""><figcaption></figcaption></figure>

Add New Widget : Click on the ‘Add New Widget’ button. This will expand the screen with a form to select the layout of the widget, and then configuration options based on the layout type selected. Refer to the screen below for creating a ‘Story Block’ layout widget. Enter a meaningful name for your widget followed by selecting the channel from the channel list then, Playlist and video. Click Save Button .

<figure><img src="/files/7BQO2XBJfBPMeaIsGpMJ" alt=""><figcaption></figcaption></figure>

Once Saved, the widget will get created and you will get redirected to the widget configuration tab. If an already created widget needs to be edited select the Edit button next to the Widget Name.

<figure><img src="/files/qXlhgBYNvqv5Yhd8HtQp" alt=""><figcaption></figcaption></figure>

If an already existing widget needs to be removed , click on the red delete icon against the widget.

12. Settings: If you want to reset the current firework app data, go to the ‘Settings’ tab on the top menu. Click on the “Reset” button. This will remove all the data saved in the app against the current business store.

<figure><img src="/files/rn0pZQ3c9RGnJmhZ1sQi" alt=""><figcaption></figcaption></figure>

After resetting the user will get prompted to Connect to a Firework business store.

<figure><img src="/files/IdS5Cxtb5cNBgtxJLYV0" alt=""><figcaption></figcaption></figure>

## Embed Firework Feed

Firework feeds are getting embedded to the storefront via drag and drop widgets in the pagebuilder. Please make sure the firework widgets are created before proceeding to the embed step. Please refer to the 'Widget Configuration' tab above for more information on this.

For embedding firework feed to various pages on your store front, follow the steps below.

1. Go to the storefront menu on the left and select Themes. Then select the 'Customize' button on the currently active theme.

<figure><img src="/files/M2RZO9U0lsebXH3UUI2Q" alt=""><figcaption></figcaption></figure>

2. Select the page where you wanted to embed the feed. Then go to the Custom Widgets in the bottom of the page builder. Locate the custom widgets created via the plugin. Drag and drop the widget to the corresponding position.

<figure><img src="/files/AA61rAHNTLzj1dtHbUME" alt=""><figcaption></figcaption></figure>

## Uninstalling Firework App

1. You must have Store Owner access to your BigCommerce store before continuing to the next steps.
2. To uninstall Firework App, go to Apps › My Apps and click Uninstall.

<figure><img src="/files/MGPwwePvZy4yreoFqe7l" alt=""><figcaption></figcaption></figure>

3. Firework App will be removed from the 'My Apps' section and the 'App' bar in your BigCommerce admin panel.


---

# 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://docs.firework.com/firework-for-developers/web/tutorials/bigcommerce.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.