Add your Text.st widget to Framer

开始前

• 在 Text.st 的“网站小组件”中创建或打开您的小组件。
• 请原样复制该小组件显示的安装代码片段，因为它用于识别您的小组件。
• Make sure you can edit Custom Code in site settings on your Framer site.

代码片段示例

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>

在 Text.st 仪表盘的“小组件 → 安装”中点击“复制代码”时，YOUR_WIDGET_KEY 会自动替换为您工作区实际的 24 字符密钥。

请始终粘贴从 Text.st 复制的完整代码片段，而非此示例，以确保包含您的小组件设置。

Install on Framer

自定义代码在已发布的网站上运行，不会在 Framer 画布中运行。

• Step 1: Open your Framer project and go to Site Settings.
• Step 2: Select General, then scroll to Custom Code.
• Step 3: Paste your Text.st snippet into the End of body tag field.
• Step 4: Save the settings.
• Step 5: Publish the site, then open the live domain to confirm the widget loads.

发布后测试

• 在隐私或无痕窗口中打开已发布的线上页面。
• 刷新页面并等待几秒钟，直到小组件出现。
• 打开小组件，使用您自己的电话号码提交测试请求。
• 查看 Text.st 中的潜在客户收件箱，确认请求已收到。
• 在手机和电脑上都进行测试。

故障排查

• 小组件未显示：请确认网站已发布，并清除网站或浏览器缓存。
• 仍未显示：请确认代码片段完整，且未被编辑器或插件修改。
• 显示了两次：请删除其他页面或设置中重复的代码片段。
• 仅在部分页面有效：请检查代码是添加到了所有页面，还是仅添加到了单个页面。
• 潜在客户收件箱中未显示咨询：请确认复制的代码片段来自正确的小组件和工作区。
• 正式短信未发送：必须完成短信审批并激活后，才能发送正式短信。