--- title: "Webflow testimonial widget — one Code Embed, no app" description: "Webflow testimonial widget in one script tag: drop a Code Embed element where the section belongs. The Site plan gate, the character cap, and what breaks." url: https://testymo.com/integrations/webflow --- [Integrations](https://testymo.com/integrations) ★ Webflow # Testimonials on Webflow, in one Code Embed Webflow takes the script tag as-is and renders it in the normal flow, exactly where you drop the element. The catch sits upstream of the Designer: custom code of any kind is switched off on the free Starter plan, and that is the single thing worth checking first. - **Where the tag goes** — A Code Embed element from the Add panel's Advanced section, dropped inside the section it belongs to. - **Plan needed** — A Core, Growth, Agency or Freelancer Workspace, or a site with an active Site plan. Not free Starter. ## 01 Where the tag goes in the Webflow Designer Webflow calls it the **Code Embed** element, and Webflow’s own description of where to find it is exact: “Over in the Add panel, you’ll find the Code Embed element down in the advanced section.” 1. Open the page in the Designer. 2. Open the **Add panel** and scroll to the **Advanced** group. 3. Drag **Code Embed** into the section or container where the testimonials belong — not into a fixed-height wrapper. The widget renders as a block-level element at that exact spot and takes the width of its parent. 4. Paste the script tag into the code editor that opens, then **Save & Close**. 5. **Publish.** Embeds render in Preview and on the published site; the Designer canvas shows a placeholder. Keep the Code Embed in a static section rather than inside a Collection List. A Collection List repeats everything inside it once per CMS item, and one testimonial widget per page is the intent — the widget already holds all your approved testimonials. ## 02 Which Webflow plans can run it Webflow gates custom code by plan, and the gate covers the whole category — the Code Embed element, page-level custom code fields, and site-wide head/body code all sit behind it. Per Webflow’s help center: if you have a **Core, Growth, Agency or Freelancer Workspace**, or your site has an **active Site plan**, you can use the Code Embed element. The free **Starter** plan does not support custom code in any form. There is no workaround inside Webflow and none outside it: no widget vendor can put a script on a page the platform will not execute a script on. If you are on Starter, that upgrade is the first step and everything on this page is the second. Sources - [Webflow Help Center — Custom code embed](https://help.webflow.com/hc/en-us/articles/33961332238611-Custom-code-embed) - [Webflow Help Center — Custom code in head and body tags](https://help.webflow.com/hc/en-us/articles/33961357265299-Custom-code-in-head-and-body-tags) - [Webflow Help Center — Custom code in the CMS](https://help.webflow.com/hc/en-us/articles/33961236623635-Custom-code-in-the-CMS) Plan names and menu labels are the platform’s to change. If what you see differs from what is written here, the linked page is the authority — and [tell us](mailto:support@testymo.com) so this page gets fixed. ## 03 When the widget doesn’t show up - **The canvas shows an empty grey box.** — Expected. The Designer canvas does not execute embedded scripts — that is what Preview and a published site are for. Publish to your `.webflow.io` staging domain and look there before assuming anything is wrong. - **Nothing renders on the published site either.** — Check the plan before anything else: on Starter the code is simply not published. If the site has an active Site plan and the section is still empty, confirm the tag survived the paste intact — the whole line, both angle brackets, one `src`. - **The widget is squeezed into a narrow strip.** — The widget takes the width of whatever contains the Code Embed, so a narrow parent produces a narrow widget. Move the element up into the section or container that spans the width you want. Nothing on the Testymo side needs changing; there is no width setting to get wrong. - **Your Webflow styles do not affect the widget at all.** — By design. The widget renders into an open shadow root with its own reset, so Designer styles cannot reach in — and equally, the widget cannot leak a stray rule into the rest of your site. Change how the testimonials look in the Testymo widget editor instead; the embed picks it up on the next page load, with no republish in Webflow. ## 04 What the one tag actually does The line you paste is a plain external script. There is no plugin, no app to install, no account to connect on the Webflow side, and nothing to configure in the editor afterwards. Testymo generates the tag when you create a widget; the address in it is your widget’s own, and this is the live demo one: ``` ``` The server builds that script per request: the rendering code and your approved testimonials arrive together in one response, so the page makes **one request and no follow-up fetches**. The demo tag printed above weighs 16.7 KB of JavaScript, about 6 KB over the wire. That figure covers the demo widget's eight quotes. The testimonials ride inside the script rather than arriving in a second request, so a wall carrying thirty of them weighs thirty quotes' worth of text — measure the embed you paste in, not this one. The [page-speed guide](https://testymo.com/blog/testimonial-widget-page-speed) has the method behind that number, and the case for measuring whatever you embed rather than trusting the category. It renders into an open shadow root at the exact spot the tag sits, which makes the styling isolation work in both directions: your Webflow theme cannot restyle the widget by accident, and the widget’s CSS cannot leak into your page. It sets no cookies, calls no third party, and reads nothing about your visitors. When you approve a new testimonial, it appears on the next page load — you never touch the site again. ## 05 The widget, running on this page Everything below this line was drawn by that one script tag — the same file, on the same terms, that you would paste into Webflow. Eight approved testimonials in the wall design, rendered as a free plan renders them, footer link and all. ## 06 Where to go next An embed script is one of three ways to put testimonials on a site, and it is not always the right one — a handful of quotes that will not change for a year are better hand-coded. [The full guide to adding testimonials to a website](https://testymo.com/blog/add-testimonials-to-website) prices all three routes: setup, upkeep, and page weight. Once you know the quotes are arriving, [the layout patterns guide](https://testymo.com/blog/how-to-display-testimonials) covers which shape to show them in, and [getting permission first](https://testymo.com/blog/permission-to-use-testimonials) covers the part most sites skip. The same tag, in another editor - [WordPress Custom HTML block](https://testymo.com/integrations/wordpress) - [Wix Embed HTML element](https://testymo.com/integrations/wix) - [Squarespace Code block](https://testymo.com/integrations/squarespace) - [Shopify Custom Liquid section](https://testymo.com/integrations/shopify) - [Framer Embed component](https://testymo.com/integrations/framer) - [Ghost HTML card](https://testymo.com/integrations/ghost) - [Carrd Embed element](https://testymo.com/integrations/carrd) - [Notion Via Super, or an embed block](https://testymo.com/integrations/notion) - [Bubble HTML element](https://testymo.com/integrations/bubble) - [Kajabi Custom Code block](https://testymo.com/integrations/kajabi) - [Teachable Custom HTML block](https://testymo.com/integrations/teachable) - [Podia Site-wide code field, or its native section](https://testymo.com/integrations/podia) - [Skool None — images and links only](https://testymo.com/integrations/skool) The part before the tag Pasting the script is the last step, and the easy one. Testymo is the rest: a testimonial form people actually finish, your approval on every word before it goes public, and the permission recorded alongside it. Free to start — no card, no view meters. [Collect your first testimonial →](https://testymo.com/app?utm_source=integrations&utm_campaign=webflow)