Copy the Widget's Embed Code

First, you need to copy the widget’s HTML code. There are several methods to do so. 

Method 1: From the Widget’s Editor

Copy the widget's Embed Code

Once you’ve saved your widget, at the top right corner, to the left of the “preview” button, you will see the “Add to Website” button, represented by the “</>” symbol. Click on it.

Then, in the window that opens up, you will see the code. Simply click on the copy button next to it. 

Method 2: From the Dashboard

From your user dashboard, find the widget you want to add to your website from within the “Widgets” tab. Next to it, and under the “Actions” heading (on the right side), you will see a purple button with “Add to Site” on it. Click on it. 

A window will pop up, and here, simply click on the copy button next to the code to copy it. 

Add the widget code to the B12 website

Add a new Section

Enter the B12 website editor and on the page you wish the widget to show, click the Add Section button.

Click on Add Integration

and select the HTML Section

Now, in the Code Window, simply paste the Widget Embed Code you've copied before.

Click the Add Integration button to apply your changes.

Now, click the Publish button at the top right corner of the screen, and that's it.