Shopifyへの基本的な実装

Shopifyにログイン

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

テーマを選択

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

コードを編集

コード編集画面が開いたら、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>

ページを編集

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

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

掲載例