Editor overview
Mastering the Editor: Configuring Content, Layout, and Design settings for optimal rendering.
Quick visual
Editor layout
The editor is split into two areas:
- Left: configuration tabs (Content, Layout, Design)
- Right: Live preview that updates as you change settings
When you’re ready, click Save & Get Code to publish and copy the embed snippet.
Preview modes
Use the preview controls to switch between desktop/tablet/mobile. If a setting only applies to mobile, the mobile preview should reflect it—always validate there before publishing.
A simple editor workflow that avoids surprises
Most widgets look best when you work in this order:
- Content: connect sources, set labels/copy, and confirm the data is correct.
- Layout: pick the structure (grid/list/cards), then tune columns, spacing, and sizing.
- Design: apply colors, radius, and typography last.
This prevents the common trap of perfecting colors first, then changing layout and having to redo everything.
Tip: if you’re targeting a specific page intent (pricing page vs homepage), pick a layout that matches attention span. For example, on pricing pages, fewer items and clearer hierarchy usually performs better than dense grids.
Live preview and device modes
Use the preview toggles to validate the widget in desktop/tablet/mobile. Mobile is the most important mode to verify because:
- Columns often collapse (e.g., 4 → 2 → 1).
- Tap targets need more spacing.
- Some widgets have mobile-only controls.
After you publish, also test on a real phone if you can. Responsive mode is great, but real browsers can differ in scroll behavior and viewport sizing.
Save, publish, and drafts (what’s the difference?)
The editor lets you experiment freely in preview. Your changes become “real” for embeds only after you click Save & Get Code.
If you close the editor without saving:
- You may lose changes.
- Your live widget may still show the previous configuration.
If you’re logged in, GizmoSauce can preserve drafts so you can resume later. Draft behavior is designed to protect you from accidentally publishing half-finished changes.
Need help? Send the right details (so we can answer fast)
Support is fastest when we can reproduce the issue.
Please include:
- The page URL where the widget is embedded (or the editor URL)
- The platform/builder (WordPress, Webflow, Shopify, Squarespace, etc.)
- What you expected to happen vs what you see
- A screenshot of where the snippet is pasted (or a short screen recording)
If your issue involves a social connection (Instagram/Threads/TikTok), also include:
- Which login path you used (Instagram vs Meta vs TikTok)
- A screenshot of the provider error screen (if any)
- Whether the account is Personal vs Business/Creator
Contact us here: /support.
