▶︎ Shoplive  ショートフォームのShopifyとの基本的な統合

1. Shopifyにログイン

管理画面アカウントにログインします。

2. テーマを選択

オンラインストアからテーマを選択してください。現在使用中のテーマでアクションをクリックし、次にコードを編集をクリックしてください。

3. コードを編集

コード編集画面が開いたら、theme.liquidをクリックし、タグの下に以下のコードを入力してください。’ACCESS_KEY'には、あなたのShopliveアクセスキーを入力し、保存してください。

<script type="text/javascript" src="https://static.shoplive.cloud/shoplive-shortform.js"></script>
<script>cloud.shoplive.initShortform({ accessKey: 'YOUR ACCESS KEY HERE' });</script>

4. ページを編集

ショートフォーム一覧ページを追加するために、ページボタンをクリックしてください。ページを追加ボタンをクリックして、タイトルを入力します。以下のコードを挿入し、保存をクリックします。

<div id="shoplive-shortform"></div>
<script defer >
  cloud.shoplive.setShortformCollection("shoplive-shortform", {template: "GRID2"} );
</script>

掲載例

レイアウトのカスタマイズについては、以下のガイドを参照してください。

Advanced Setting - Layout