How to add Elfsight widget to Mobirise website
To add Elfsight widget to your Mobirise website, you need the installation code. Here is an article that explains where to get it - Where to get Elfsight widget installation code.
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
- 1
-
Download the DeltaPi Code Editor extension
Follow the link - http://deltapi.lescigales.org/, and download the free extension DeltaPi Code Editor:
- 2
-
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!
- 3
-
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.
- 4
-
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:
Import the downloaded extension – click on
Import and then upload the file from your computer:
You will see a
Custom HTML block at the bottom of the page. Drag and drop this block to the desired area:
You will be redirected to the editor where you need to delete the extra code (everything except the
<section> tag):
Great job! You have successfully added the widget to a specific page of your Mobirise website.
Adding a floating/popup widget to all pages
- 1
-
Open the Settings
Go to the Sites tab, choose the site you would like to edit, and click on the Site Settings icon:
- 2
-
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.