Add your Text.st widget to Webflow

始める前に

• Text.stの「ウェブサイトウィジェット」で、ウィジェットを作成するか、既存のウィジェットを開いてください。
• 表示される設置用コードスニペットはそのウィジェットを識別するためのものなので、そのまま正確にコピーしてください。
• Make sure you can edit Custom Code in project settings on your Webflow 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 Webflow

カスタムコードにはWebflowの有料サイトプランが必要です。

• 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.

公開後にテストする

• プライベートウィンドウまたはシークレットウィンドウで、公開済みのページを開いてください。
• ページを再読み込みし、ウィジェットが表示されるまで数秒お待ちください。
• ウィジェットを開き、ご自身の電話番号でテスト用のリクエストを送信してください。
• Text.stの見込み客受信トレイで、リクエストが届いたことを確認してください。
• パソコンだけでなく、スマートフォンでもテストしてください。

トラブルシューティング

• ウィジェットが表示されない場合：サイトが公開されていることを確認し、サイトやブラウザーのキャッシュを削除してください。
• それでも表示されない場合：コードスニペットが完全で、エディターやプラグインによって変更されていないことを確認してください。
• 2つ表示される場合：他のページや設定に重複して追加されているコードスニペットを削除してください。
• 一部の場所でしか動作しない場合：コードがすべてのページに追加されているか、1つのページだけに追加されているかを確認してください。
• 見込み客受信トレイにリクエストがない場合：正しいウィジェットとワークスペースからコードスニペットをコピーしたことを確認してください。
• 実際のSMSが送信されない場合：実際にメッセージを送信するには、メッセージ送信の承認と有効化が必要です。