Website Widgets

Add your Text.st widget to Webflow

You will add the Text.st Website Widget to your Webflow site and confirm it works after publishing.

Last updated October 3, 2026

Before you start

  • Create or open your widget in Text.st under Website Widgets.
  • Copy the exact install snippet shown for that widget, because it identifies your widget.
  • Make sure you can edit Custom Code in project settings on your Webflow site.

Snippet example

Your snippet loads the Text.st widget from https://app.text.st/api/public/widget/loader.js and carries your widget key. The full snippet looks like this:

<script async src="https://app.text.st/api/public/widget/loader.js" data-textst-key="YOUR_WIDGET_KEY"></script>

When you click Copy Code in your Text.st dashboard under Widgets → Installation, YOUR_WIDGET_KEY is automatically replaced with your workspace's actual 24-character key.

Always paste the full snippet copied from Text.st rather than this example, so your widget settings are included.

Install on Webflow

Custom code requires a paid Webflow site plan.

  • Step 1: Open your Webflow project settings and select the Custom Code tab.
  • Step 2: Paste your Text.st snippet into the Footer code field to load it on every page.
  • Step 3: For one page only, open that page settings and use its Before body tag field.
  • Step 4: Save changes.
  • Step 5: Publish the site to your domain, because custom code runs only on the published site.

Test after publishing

  • Open the live published page in a private or incognito window.
  • Refresh the page and wait a few seconds for the widget to appear.
  • Open the widget and submit a test request with your own phone number.
  • Check the Lead Inbox in Text.st to confirm the request arrived.
  • Test on a phone as well as a computer.

Troubleshooting

  • Widget not showing: confirm the site was published and clear any site or browser cache.
  • Still missing: confirm the snippet is complete and was not changed by an editor or plugin.
  • Shows twice: remove duplicate copies of the snippet from other pages or settings.
  • Works in some places only: check whether the code was added to all pages or a single page.
  • Request not in the Lead Inbox: confirm you copied the snippet from the correct widget and workspace.
  • Live texts not sent: messaging approval and activation are required before live messages can be sent.