Documentation

Bigcommerce

Step-by-step guide to embed widgets in Bigcommerce.

Step 1: Copy the Embed Code

  1. In the top-right corner of the editor, click the Embed button
    Embed button

  2. A popup window will appear with your embed code. Click the Copy Code button
    Embed window

Step 2: Add the Embeddable to BigCommerce

1. Open the BigCommerce Page Builder

Navigate to your BigCommerce dashboard and open the Page Builder for the page you want to edit.
Open Page Builder


2. Select the HTML Widget

From the left panel under Basic, select the HTML widget.
Select HTML widget


3. Drag the Widget Onto the Page

Drag the HTML widget to the section of your page where you want the Embeddable to appear.
Place HTML widget


4. Paste the Embed Code

Paste the embed code into the HTML field on the left.
Paste code


5. Save the HTML

Click Save HTML under the code editor.
Save HTML


6. Save Your Changes

Click the Save button in the top-right corner of the Page Builder.
Save changes

💡 Tip: After saving, preview or publish your page to see the Embeddable live.

On this page