How to add Elfsight widget to Big Cartel website

To add Elfsight widget to your Big Cartel website, you need the installation code. Here is an article that explains where to get it - Where to get Elfsight widget installation code.

If you are a New Dashboard user, you can find the installation code of your widget following the steps described in this article - Where to get Elfsight widget installation code (new dashboard).

Choose where to add the widget

  1. All pages
  2. Specific page
  3. Custom page
To edit the website code and add Elfsight widgets, you need to have a paid Big Cartel account.

Adding your widget to all pages

1
Log in to your Big Cartel dashboard. Go to Account Customize design:

2
Go to the Advanced tab and open the Layout section:

3
Click on  Custom:

4
If you would like to install the floating widget, please scroll down, put the installation code before the closing </body> tag, and click on Done:

In case you need to install the inline widget, scroll down to the <main> tag. If you would like to display the widget above the main content on the page, add the installation code after the opening <main> tag. To put the widget below the main content, add the installation code above the closing </main> tag and click on Done:

5

Don't forget to save the changes:

Yippee! The widget is successfully installed!

Adding your widget to a specific page

1

Log in to your Big Cartel dashboard. Go to  Account  Customize design  Advanced section and choose the page that you'd like to install the widget on:

2

If you would like to display the widget above the main content on the page, add the installation code at the very beginning and click on Done:

In case you want your widget to be below the main content of the page, scroll down, add the installation code at the end of the main code, and click on Done:

The installation code for the floating widget can be added to any of these two places.

3

Click on  Save:

Adding your widget to the custom page

1

Log in to your Big Cartel dashboard. Go to Account  Customize design  Pages section and choose the page that you'd like to install the widget on:

2
Click on HTML, paste the installation code, and press Done:

3
Save changes:

Done! Your widget is successfully installed.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us