Webflow

Webflow makes it easy to add custom code blocks. Here is the step-by-step process:

[!IMPORTANT] You need a paid Webflow Site Plan (Basic or higher) to use the Embed element. It is not available on free starter plans.

1. Get the Code: Copy the script tag from your GizmoSauce widget editor.
2. Add Embed Element: In the Webflow Designer, press A (Add) or Cmd+E and search for 'Embed'. Drag it to the desired location on your canvas.
3. Paste & Save: Paste the code snippet into the code editor modal and click 'Save & Close'.
4. Publish: Webflow does not execute script tags inside the Designer canvas for security. You will see a gray placeholder box. You must publish to your .webflow.io staging domain to see the live widget.

For fixed-position widgets like WhatsApp Chat or Cookie Consent:

• Method A (Project Settings): Go to Project Settings > Custom Code. Paste the snippet in the 'Footer Code' box. This applies to every page automatically.
• Method B (Designer): If you need to see it in the Designer (kinda), wrap the Embed element in a Symbol/Component (e.g., 'Navbar' or 'Footer') that is reused across all pages. Ensure the parent container does not have overflow: hidden.