How to Embed a Widget on a Website
Guides for sixteen site builders and plain HTML. Choose your platform below, or read on to learn how to embed a widget on a website in general and what to do when it does not show up. Still stuck? Write to [email protected].
Choose your platform
Each guide explains the exact menu names, plan requirements and placement tips for that builder.
-
Mobirise
Native extension blocks instead of code snippets.
-
HTML / Custom
Hand-coded pages, templates and static site generators.
-
Google Sites
Insert → Embed for schools, teams and personal sites.
-
Wix
Embed HTML boxes and site-wide Custom Code.
-
WordPress
Custom HTML blocks on WordPress.org and WordPress.com.
-
Webflow
Code Embed elements and project custom code.
-
Shopify
Custom Liquid sections in the theme editor.
-
Jimdo
Widget/HTML elements in Jimdo Creator.
-
Squarespace
Code blocks and Code Injection on eligible plans.
-
Nicepage
HTML elements inside any Nicepage block.
-
Duda
HTML widgets and Body End HTML for agencies.
-
Blogger
HTML/JavaScript gadgets and post HTML view.
-
GoDaddy
HTML sections in Websites + Marketing.
-
Framer
Embed layers and Custom Code snippets.
-
Tilda
T123 HTML blocks and Zero Block elements.
-
Hostinger
Embed code element and Integrations code.
-
BigCommerce
Page Builder HTML widgets and Script Manager.
How to add a widget on website builders: the basics
- Where on the page? Feeds, galleries, the shop and an inline music player need a block that sits between your text and images: an HTML, Code or Embed element.
- On one page or everywhere? A popup chat button or a floating player overlays the whole screen, so it belongs in a site-wide code field that loads on every page, usually just before the closing body tag.
Many builders run on-page code inside a sandboxed frame. That is fine for a feed, but it traps floating widgets inside the frame, which is why the guides point chat buttons to site-wide code whenever the platform offers it.
Where each builder accepts embed code for website pages
| Builder | Inline widgets (feeds, shop) | Floating widgets (chat, sticky player) |
|---|---|---|
| Wix | Embed HTML element, any plan | Settings → Custom Code, Premium plan with a domain |
| WordPress | Custom HTML block | Theme footer or a code-insertion plugin |
| Squarespace | Code block (Core plan or higher runs scripts) | Code Injection → Footer |
| Shopify | Custom Liquid section | Custom Liquid in the footer group or theme.liquid |
| Webflow | Code Embed element (paid plan) | Site settings → Footer code |
| Framer | Embed component in HTML mode | Site settings → Custom Code |
| Google Sites | Insert → Embed → Embed code | Not available; use embed mode |
| GoDaddy | HTML section | Not available; use embed mode |
| Tilda | T123 block (paid plan) | T123 block on the footer page |
| Hostinger | Embed code element | Integrations → Custom code |
| BigCommerce | Page Builder HTML widget | Script Manager, footer, all pages |
| Blogger | HTML/JavaScript gadget or post HTML view | Theme → Edit HTML |
| Duda | HTML widget | Header HTML → Body End HTML |
| Jimdo | Widget/HTML element (Creator only) | Sidebar element repeated on all pages |
| Nicepage | HTML element | HTML element in the shared header or footer |
| HTML / custom | Paste where the widget should render | Before the closing body tag |
Menu names and plan rules change from time to time; each guide links the details we checked.
How to add HTML code to website pages you build yourself
Writing your own markup, or working in a framework or static site generator? Paste the snippet into the template exactly where the widget should appear. Floating widgets go right before the closing body tag of the shared layout. The HTML and custom site guide covers single-page apps, local testing and content security policies.
Widget not showing? Check these first
Look at the published page
Most editors do not run third-party scripts on the editing canvas. Preview or open the live URL before assuming something is broken.
Check the plan
Several builders only run scripts on paid plans. If the block saves but stays empty, compare your plan with the guide for your platform.
Give it room
Frames with a fixed height cut off galleries. Make the block taller or switch the widget to a slider layout.
Paste the whole snippet
Both the placeholder and the script line are needed. A missing half produces an empty space.
Mind the mobile view
Some builders keep separate mobile layouts where blocks can be hidden or too short.
Reconnect the source
If a feed stops updating, open the widget’s Data tab and reconnect the account, for example after a password change.
Help Center questions
Is embed code for website widgets safe to use?
The snippet only loads the widget from ElectricBlaze servers and draws it in its placeholder. It does not read form data or change other parts of your page.
Do I need to update the code after changing the widget?
No. Layout and content changes made in the editor reach every page that already carries the snippet.
Can one widget appear on several sites?
Yes. Paste the same code on as many pages and domains as you like; views are counted across all of them.
My builder is not listed. What now?
If it lets you add custom HTML to a page, the widget will work. Follow the general HTML guide and adapt the menu names, or ask support for help.
How do I contact support?
Email [email protected] with the page URL and the widget name, and we will take a look.
Ready to add your first widget?
Create one for free, copy the code and follow the guide for your builder.
Create a widget