Your address will show here +12 34 56 78

Shopify導入開発ガイド

STEP 1
保証プランを商品登録
  1. 「商品管理」
  2. 右上「インポート」
  3. 弊社からお渡しするCSVをインポート
STEP 2
スクリプトタグの設置
例)
<script src="https://s3-ap-northeast-1.amazonaws.com/sdk.helloproteger.com/proteger-sdk-shopify-plan.min.js"></script>
<script type="text/javascript">
const protegerStoreId = {{YOUR_STORE_ID}};
const protegerProductRefId = {{YOUR_PRODUCT_ID}};
const protegerAddCardBtnQuerySelector = "button[name='add']";
const protegerProductFormQuerySelector = ".product-form";
const protegerQuantityQuerySelector = '[name="quantity"]';
const protegerPlanColor = "#3e9f26";
const protegerEnv = "demo" or "prd";
</script> <div id="proteger-plan"></div> ⇦ここに保証プランが表示されます。

商品ページの任意の位置に左記のスクリプトタグを埋め込みます。

 

protegerStoreId: 管理画面より確認出来るStoreID

protegerProductRefId: 商品登録事に指定した商品参照キー

protegerAddCardBtnQuerySelector: 商品追加ボタンのQuerySelector

protegerProductFormQuerySelector: フォームのQuerySelector

protegerQuantityQuerySelector: 数量のQuerySelector

protegerPlanColor: 保証プランをクリックした時の色を指定出来ます。

protegerEnv: “demo” or “prd”を指定する事が出来ます。

STEP 3
proteger
Shopifyアプリインストール



商品弊社からお渡しするリンクより、アプリをインストールして頂きます。
これにより、保証プラン加入時に連携出来る様になります。