Install guide
Add a DreamWidget to Hostinger Website Builder
Where it goesEmbed code element
What you needWorks on every Hostinger Website Builder plan.
First, copy your code. In the DreamWidget editor, open Settings and press Copy embed code. It is one iframe and a short script; paste both.
Add a widget to a page
- Add an elementPress Add elements and drag "Embed code" onto the page.
- PastePaste your DreamWidget code into the element and press Save.
- PublishResize the element to fit and publish.
A popup, bar or chat buttons on every page
Floating widgets do not need a spot in the layout; they load once per page and float over it.
- Open IntegrationsGo to Website settings, then Integrations, and paste the code in the custom code field, then save and publish.
Worth knowing: On a WordPress site hosted at Hostinger, follow the WordPress guide instead.
Check it worked
Open the published page in a private window. The widget draws within a second; if the box is empty, see Checking it worked. Changes you publish in the editor appear on Hostinger Website Builder by themselves; you never paste the code again.