初期設定・タグ設置ガイド

対象ショップ: spchoatest • MakeShop店舗にJavaScriptタグを埋め込み、ポップアップを配信・表示する手順です

以下のタグをコピーし、MakeShop管理画面のHTMLテンプレート内の </body> 直前、またはヘッダー部に設置してください:

<script src="http://localhost:3080/spc-popup.js" data-shop-id="spchoatest" async></script>

A管理画面へログイン

MakeShop管理画面にログインします。(ショップID: spchoatest)

Bショップデザイン設定

左側メニューから「ショップデザイン」>「テンプレート選択・編集」または「クリエイターモード」を開きます。

Cタグの貼り付けと保存

対象のレイアウトファイル (または共通フッター/JS設定) を開き、ステップ1でコピーしたタグを貼り付けて「保存」をクリックします。

設定されたアクセストークンおよびAPIキーを使用して、MakeShop GraphQL API (getShop クエリ) との通信疎通をテストします。

動作確認用デモ環境

MakeShopショップを模したデモ画面 (/demo.html) を開き、URLターゲット条件や表示トリガーの動作を確認できます。