Integration
WordPress
Use a lightweight plugin or raw embed for block/classic editors.
Install steps
- Edit any Page or Post.
- Add a 'Custom HTML' block (Gutenberg) or switch to 'Text' tab (Classic).
- Paste the generic GizmoSauce embed code.
- Update/Publish the page.
Option 1: The Gutenberg Editor (Data-Attribute Safe)
- Navigate to the page or post you want to edit.
- Click the
+button to add a new block. - Search for Custom HTML.
- Paste your GizmoSauce embed code.
- Click 'Preview' to see it in action (some themes block scripts in preview, so publishing to a private page is a safer test).
Option 2: Site-Wide (Headers & Footers)
To add a widget to your entire site (e.g., Announcement Bar, Chat), do not edit your theme's PHP files directly as updates will wipe your changes.
- Recommended Plugin: Install 'WPCode' or 'Insert Headers and Footers'.
- Location: Go to the plugin settings and paste the snippet into the 'Footer' scripts section.
- This ensures the widget loads on every page without modifying your child theme.
Elementor & Divi Users
If you use a page builder:
- Elementor: Drag the 'HTML' widget.
- Divi: Add a 'Code' module.
- Beaver Builder: Drop an 'HTML' module.
The process is identical: simply paste the script tag into detailed raw HTML input.
Need a hand?
Share a staging URL and we will verify styling, z-index, and responsiveness for you.
Contact support