タグ設置方法

Shopifyへの設置方法

AIChatPlusの埋め込みコードをShopifyのサイトに設置する手順です。
所要時間はおよそ5分。専門知識は必要ありません。

はじめに:埋め込みコードを用意する

AIChatPlusの管理画面 → チャットボット設定 → 埋め込みコード から、 お使いのチャットボット専用のコードをコピーしてください。以下の1行です。

埋め込みコード
<script src="https://widget.ai-chat-plus.com/widget.js" data-chatbot-key="発行されたキー"></script>

data-chatbot-key はチャットボットごとに異なります。必ず管理画面で発行されたものをお使いください。

このサービスは </body> の直前に設置します。ページの表示速度に影響しない、もっとも推奨される設置位置です。

ShopifyにAIChatPlusの埋め込みコードを登録する

  1. Shopifyにログインし、「オンラインストア」→「テーマ」をクリックします。

    右側の現在のテーマの「・・・」→「コードを編集」をクリックします。

    Shopifyの管理画面:Shopifyにログインし、「オンラインストア」→「テーマ」をクリックします。
  2. 「Sections」というフォルダをクリックし、「footer.liquid」ファイルを開きます。

    見つかりにくい場合は、検索boxに「footer」と入力するとファイルが出てきます。

  3. </body>の直前にAIChatPlusの埋め込みコードを挿入し、「保存する」をクリックします。

    Shopifyの管理画面:</body>の直前にAIChatPlusの埋め込みコードを挿入し、「保存する」

以上で設置は完了です

サイトを再読み込みして、画面の右下にチャットボットが表示されるかご確認ください。 表示されない場合はブラウザのキャッシュを削除してから、もう一度お試しください。

設置でお困りですか?

設置代行も承っています。うまく表示されないときもお気軽にご相談ください。