Add your Text.st widget to Shopify

始める前に

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

コードを編集する前にバックアップを残したい場合は、先にテーマを複製してください。

• Step 1: In Shopify admin, open Online Store, then Themes.
• Step 2: Next to your current theme, choose the menu and select Edit code.
• Step 3: Open layout/theme.liquid.
• Step 4: Paste your Text.st snippet just before the closing body tag.
• Step 5: Select Save, then open your storefront in a new private window to confirm the widget loads.

公開後にテストする

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

トラブルシューティング

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