How to add Elfsight widget to Mobirise website
In this article
Unfortunately, the built-in Mobirise Code Editor extension has only a paid version. However, we will be glad to show you how to install Elfsight widget using a free uploaded extension for Mobirise called DeltaPi.
Adding an inline widget to a specific page
Download the DeltaPi Code Editor extension
Follow the link - http://deltapi.lescigales.org/, and download the free extension DeltaPi Code Editor:
Import the DeltaPi extension
Open the Extensions tab in your Mobirise application: Import the downloaded extension – click on Import and then upload the file from your computer:
After importing the extension you'll receive a warning message. Please read it and click on Import Anyway if you agree to continue:
Voila! You've successfully downloaded DeltaPi Code Editor extension!
Add an HTML block
Click on the "+" icon in the lower right corner of your Mobirise application → Add Block to Page:
You will see a Custom HTML block at the bottom of the page. Drag and drop this block to the desired area:
Due to the peculiarities of the DeltaPi extension, you will see a huge blue icon. Please do not worry, we are going to replace it with our widget.
Add the widget
Go back to Page Editor and click on the left Edit code icon (the right one is for the paid Mobirise Code Editor extension): You will be redirected to the editor where you need to delete the extra code (everything except the <section> tag): Then paste the installation code into the <section> tag and click on the Save icon in the lower right corner:
Great job! You have successfully added the widget to a specific page of your Mobirise website.
Adding a floating/popup widget to all pages
Open the Settings
Go to the Sites tab, choose the site you would like to edit, and click on the Site Settings icon:
Add the widget
Then go to the SEO & Analytics tab and paste the installation code into the Analytics section:
Wonderful! Now you can see the widget on all pages of your Mobirise website.