Adding Elfsight widget to Jimdo website

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

Please note that if your website is built with the Jimdo Website Builder, a no-code editor, it doesn't support custom HTML, so our widgets can't be added. For more on the differences between Jimdo's coding and no-coding options, see this article.

This article explains how to install static and floating widgets. If you're unsure about the difference, check out this article - Floating and Static widgets: Understanding the difference.

Add a static widget to a specific page

1: Log in to your Jimdo dashboard, go to the Projects tab and choose the website where you'd like to add the widget. After this, click Actions → Edit:
2: Choose the location for your widget and click Add Element → More Elements and Add-ons → Widget / HTML:
3: Paste your widget installation code to the opened window and click Save:

Congrats! Your static widget is now successfully added to the specific page.

Add a static widget to all pages

To display your widget on all pages, place the installation code in a section that appears on every page (e.g., the footer). This is the only way to add a widget site-wide.

1: Log in to your Jimdo dashboard, go to the Projects tab and choose the website where you'd like to add the widget. Click Actions → Edit:
2: Choose the section that repeats on all pages. Click Add Element → More Elements and Add-ons → Widget / HTML:
3: Add your widget installation code to the opened window and click Save:

Well done! Your static widget is now visible on all pages.

Add a floating widget to a specific page

1: Log in to your Jimdo dashboard, go to the Projects tab and choose the website where you'd like to add the widget. Click Actions → Edit:
2: Choose the needed page where you'd like to add the widget and click Add Element → More Elements and Add-ons → Widget / HTML:
You need to add this element to any section except those that appear on every page (e.g., footer).
3: Add your widget installation code to the opened window and click Save:

Fantastic! Your floating widget has been successfully added to the specific page.

Add a floating widget to all pages

1

Log in to your Jimdo dashboard, go to the Projects tab and choose the website where you'd like to add the widget. Click Actions → Edit:

2

Open the Menu on the left and click Settings:

Go to the Edit Head section:

3

Add the following script, replacing WIDGET_ID with the ID of your widget:

<script src="https://apps.elfsight.com/p/platform.js" defer="defer"></script>
<script type="text/javascript">
//<![CDATA[
    window.onload = () => {
        const footer = document.querySelector("#contentfooter")
        const widget = document.createElement("div")
        widget.classList.add("elfsight-app-WIDGET_ID")
        console.log(widget, " widget")
        console.log(footer, " footer")
        footer.append(widget)
    }
//]]>
</script>

Here's an example of the final code:

<script src="https://apps.elfsight.com/p/platform.js" defer="defer"></script>
<script type="text/javascript">
//<![CDATA[
    window.onload = () => {
        const footer = document.querySelector("#contentfooter")
        const widget = document.createElement("div")
        widget.classList.add("elfsight-app-81f528fe-6486-4477-aa79-fc6124c96ad8")
        console.log(widget, " widget")
        console.log(footer, " footer")
        footer.append(widget)
    }
//]]>
</script>

Once you have prepared and added the code, click Save:

Great job! Your floating widget is now successfully added to all pages.