Adding Elfsight widget to Google Sites website

Follow this step-by-step guide to add an Elfsight widget to your Google Sites website. There are two installation methods you can use. Let's get started 😊

Adding widget using Installation Code

1

Get your widget installation code
Go to your Elfsight account, find the widget you want to install and click Install:

On the Embed Code tab, copy your widget installation code by clicking on Copy Code:

2

Go to Google Sites editor
Log in to your Google account on Google Sites and select the website where you want to install the widget:

3

Choose the page
Go to Pages and select the page where you want to install the widget:

4

Create a block for the widget
To switch to the page's editor, click Insert: Click Embed button on the right panel:

5

Paste the installation code
Select Embed code, paste your widget installation code, and click Next → Insert:

6

Adjust the widget's size
Use your mouse to drag the widget's border to the desired width and height:

Done! You've successfully added your Elfsight widget to your Google Sites website 😊

If you expanded the widget container to the entire length and width but still encounter a scroll in the widget, add this CSS code to the Custom CSS section in your widget settings:

[class*='WidgetBackground__ContentContainer-sc'] {
  max-height: 100% !important;
  height: unset !important;
}

You can find this section on the Appearance / Style / Settings tab. The name of the tab depends on the widget you use:

Alternatively, use the Share Link option to install the widget or contact our Support Team. We will help you remove the scroll.

Adding widget using Share Link

1

Get Share Link to your widget
Go to your Elfsight account, find the widget you want to install and click Install:

Switch the tab to Share Link → click Copy Link:

2

Go to Google Sites editor
Log in to your Google account on Google Sites and select the website where you want to install the widget:

3

Choose the page
Go to Pages and choose the page where you want to see the widget:

4

Create a block for the widget
To switch to the page's editor, click Insert: Click Embed button on the right panel:

5

Paste the Share Link

On the By URL tab, paste your widget share link, select Whole Page and click Insert:

6

Adjust the widget's size
Use your mouse to drag the widget's border to the desired width and height:

Great job. You've successfully added your Elfsight widget using its Share Link.

Unfortunately, Google Sites doesn't allow you to add a widget to all pages at once. If you want to display your widget on all pages, you'll need to add it to each page manually.