Add your Text.st widget to a Custom HTML Website

始める前に

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

サイトがContent Security Policyヘッダーを送信している場合は、app.text.stからのスクリプトと接続を許可してください。

• Step 1: Open the HTML file or shared footer template used by your pages.
• Step 2: Find the closing body tag near the end of the file.
• Step 3: Paste your Text.st snippet just before the closing body tag.
• Step 4: Save the file and upload it to your web host, or deploy through your usual process.
• Step 5: Load the live page in a private window to confirm the widget appears.

公開後にテストする

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

トラブルシューティング

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