Adding Elfsight widget to Big Cartel website

If you want to add an Elfsight widget to your Big Cartel website, follow this step-by-step guide to ensure a smooth integration. Copy your widget installation code and let's begin! 😊

Adding a static widget to a specific page

There are two different ways of adding a widget to a specific page:

• Use the Code option if you need to install the widget on a default Big Cartel page (the page that came with your website when you first created it)
• Use the Pages option if you need to install the widget on a custom Big Cartel page that you created yourself

Adding widget using the Code option

1

Log in to your Big Cartel dashboard, go to the Account tab, and click Go to shop designer:

2

Go to the Code tab and choose the page where you want to install the widget:

3

To place your widget above the main content on the page, paste your widget installation code at the very beginning and click Done: To install the widget below the main content of the page, paste your widget installation code at the end of the main code and click Done:

To position the widget in a specific spot on the page, you need to add the widget code at the corresponding location in your HTML. If you're unsure where to place the code, please contact our Support Team. Our developers will be happy to assist you.

4

Publish the changes:

Well done. You have successfully added your static widget to a specific page of your Big Cartel website!

Adding widget using Pages option

1

Log in to your Big Cartel dashboard. On the Account tab, click Go to shop designer:

2

Go to the Pages tab and choose the page where you want to install the widget:

3

Click three dots to expand the editor bar, then press < > to edit HTML:

4

Paste your widget installation code and click Done:

5

Publish the changes:

Great! You have successfully installed your static Elfsight widget to a custom page of your Big Cartel website.

Adding a static widget to all pages

1

Log in to your Big Cartel dashboard. On the Account tab, click Go to shop designer:

2

Go to the Code tab → Layout:

3

If you want to display the widget above the main content on your website pages, add your widget code after the opening <main> tag. 

To install the widget below the main content, add the installation code above the closing </main> tag and click Done:

To position the widget in a specific spot on your website pages, you need to add the widget code at the corresponding location in HTML. If you're unsure where to place the code, please contact our Support Team. Our developers will be happy to assist you.

4

Publish the changes:

Done! You have successfully added your static widget to all pages of your website!

Adding a floating widget to a specific page

1

Log in to your Big Cartel dashboard. On the Account tab, click Go to shop designer:

2

Go to the Code tab and choose the page where you want to install the widget:

3

Add your widget code at the beginning or end of the main code: Or:

4

Publish the changes:

Well done! You have successfully added your floating widget to a specific page of your Big Cartel website!

Adding a floating widget to all pages

1

Log in to your Big Cartel dashboard. On the Account tab, click Go to shop designer:

2

Go to the Code tab → the Body section:

3

Paste your widget installation code and click Done:

4

Publish the changes:

Great job! You have successfully installed your floating widget on all pages!