Which Strikingly plans allow custom code injection?
Custom code on Strikingly — including the Header/Footer injection panel and the HTML Section block — is available on Pro and VIP plans only. Free-plan and lower-tier accounts do not have access to the Custom Code editor or the HTML Section in the page builder. If you open Settings → Advanced and the Custom Code panel is absent or locked, your plan does not support third-party script embeds.
| Plan | Header/Footer Injection | HTML Section Block | Third-party scripts |
|---|---|---|---|
| Free | No | No | Not supported |
| Limited (entry paid) | No | No | Not supported |
| Pro | Yes | Yes | Supported |
| VIP | Yes | Yes | Supported |
If you are on the free plan and need a chatbot on your Strikingly site today, skip ahead to the hosted Knobot page option below — it requires no custom code at all and works on any plan.
How do you embed a chatbot site-wide via head code injection?
Head injection is the right method for a floating widget on a Strikingly Pro or VIP site. The script loads once in the <head> of every page — on a typical Strikingly single-scroll site, this means the widget persists as visitors scroll through all your sections, staying fixed in the corner throughout.
- 1
Copy your Knobot embed script
In the Knobot dashboard, go to Widget → Install. Copy the full script tag. It looks like: <script src="https://www.knobot.org/widget.js" data-key="YOUR_KEY" async></script> — where YOUR_KEY is your unique widget identifier.
- 2
Open the Strikingly editor and go to Settings
Log in at strikingly.com. Click Edit on your site to open the editor. In the left panel, click Settings (the gear icon).
- 3
Navigate to Advanced → Custom Code
Inside Settings, click Advanced. You will see a Custom Code section with Header and Footer text areas. If this section is absent, your plan does not include custom code — see the plan table above.
- 4
Paste the script into the Header field
Click inside the Header text area and paste your full Knobot <script> tag. The header field injects code into the <head> element of every page, which ensures the widget initializes before the page content is visible.
- 5
Save the Custom Code panel
Click Save (or the checkmark) inside the Custom Code panel. Strikingly stages the change but does not deploy it yet.
- 6
Publish the site
Click the blue Publish button at the top of the Strikingly editor. Strikingly deploys within a few seconds. The script will not be live until you publish — saving alone is not enough.
- 7
Verify on the live published URL
Open your live site in a regular browser tab (not the Strikingly editor's preview). The chat bubble should appear in the bottom-right corner. The editor preview does not execute third-party scripts — always verify on the live URL.
How do you embed Knobot using an HTML Section on a single page?
Strikingly's HTML Section block lets you add custom HTML inline within your page content — available on Pro and VIP plans. This method renders an inline chat panel inside a content block rather than a floating overlay, because the HTML section does not have access to the top-level page viewport.
Use this method if you want a visible, always-open chat panel on a specific section of your page — for example, a dedicated "Chat with us" area at the bottom of your contact section. It is not a substitute for the floating bubble; for the floating widget, use the header injection method above.
- 1
In the editor, click Add Section
Hover between two existing sections (or scroll to the bottom of the page) and click the + icon to add a new section.
- 2
Choose the HTML block
In the section picker, look for the HTML or Custom Code block (it may be listed under 'App Store & HTML' or 'Code'). Select it to insert an HTML section.
- 3
Open the HTML editor
Click the HTML section to select it, then click the Edit (pencil) icon. A code editor opens where you can paste raw HTML.
- 4
Paste an iframe pointing to the Knobot widget
For an inline chat panel, paste an iframe rather than a script tag: <iframe src="https://www.knobot.org/widget?key=YOUR_KEY&embed=1" width="100%" height="600" frameborder="0" allow="clipboard-write" title="Chat with us" ></iframe> Replace YOUR_KEY with your actual Knobot widget key from Widget → Install.
- 5
Save and publish
Click Apply (or Save) in the HTML editor, then click Publish at the top of the editor. Verify the chat panel renders on your live site.
What should free-plan Strikingly users do instead?
If your Strikingly site is on the free plan, you cannot add custom code — there is no workaround within Strikingly itself. The honest answer is that you have two practical options that do not require a plan upgrade or any code.
How do you embed Knobot on Strikingly specifically?
Knobot uses a single <script> tag — there is no plugin to install, no API key to configure beyond data-key, and no developer involved. Knobot's Premium plan ($79/month) includes 10,000 chat messages/month, email and webhook lead delivery, and multi-business support — all plans include a 100-message free preview and a 14-day trial before billing begins.
- 1
Create a Knobot account and set up your business profile
Sign up at knobot.org. After creating your business profile, Knobot scrapes your Strikingly site URL to build the initial knowledge base — the AI will answer questions based on your actual site content.
- 2
Customize the widget
In the dashboard, configure the widget color, welcome message, and lead-capture fields (name, email, phone). All changes update the live widget automatically — you do not need to re-paste the script tag.
- 3
Copy the embed script
Go to Widget → Install. Copy the full script tag: <script src="https://www.knobot.org/widget.js" data-key="YOUR_KEY" async></script>
- 4
Add your domain to the allowed list
Under Widget → Install, add your Strikingly domain to the allowed domains list. Add both the apex domain (yourbusiness.com) and the www version (www.yourbusiness.com). If you are using a Strikingly subdomain (yoursite.strikingly.com), add that exact subdomain.
- 5
Paste the script into Strikingly header injection
Follow the site-wide steps above: Settings → Advanced → Custom Code → Header. Paste the script tag and click Save, then Publish.
- 6
Send a test message on your live site
Open your published site, trigger the chatbot, and submit a test lead. Confirm the lead appears in the Knobot dashboard under Conversations.
Why is a floating widget a good fit for Strikingly's single-page design?
Strikingly is built around single-page, scrolling websites — most sites are one long page divided into sections rather than multiple separate pages. A floating chat widget is well-suited to this layout because it stays anchored in the corner as the visitor scrolls, so it is available at every point in the page — from the hero section at the top to the contact section at the bottom — without interrupting the visual flow.
This is unlike multi-page sites where a visitor may need to navigate to a contact page to find a chat option. On a Strikingly site, the chat button is visible throughout the entire browsing experience from a single header script injection.
What should you do if the chatbot widget does not appear after publishing?
If you have published the site and the widget still does not appear, work through these checks in order.
Does Strikingly's HTTPS enforcement or CSP affect the chatbot?
Strikingly enforces HTTPS on all published sites, so your chatbot vendor must serve its widget script over HTTPS as well. Scripts served over plain HTTP are blocked by the browser as mixed content — this is a browser security rule, not a Strikingly restriction. A Content Security Policy (CSP) can additionally restrict which script origins the browser is permitted to load. Strikingly's standard hosted sites do not apply a restrictive CSP by default, so a script tag in the header injection panel loads without modification.
Knobot's widget script is served from www.knobot.org over HTTPS, so no CSP configuration or mixed-content exception is needed on a standard Strikingly Pro or VIP site.