thumbnail

初期セットアップ


  1. テーマのカスタマイズ画面の上部「ホームページ」>「商品」>「テンプレートを作成する」をクリック

  1. 任意の名前(英数字)を入力し、「テンプレートを作成する」をクリック

  1. 作成したテンプレートから、購入ボタンを削除し、「保存」をクリック

  1. 商品管理画面より、抽選対象商品のテーマテンプレートを2で作成したものに変更する

この設定を行わないと、アクセス集中などによりアプリの読み込みが一時的に遅れた際に「購入ボタン」が表示され、通常購入ができてしまう可能性があります。

抽選対象の商品ごとに、必ずテンプレートの変更を行ってください。


  1. アプリ管理画面の左メニューより「インストール」をクリック

  2. アプリを導入したいShopifyテーマを選択

  3. テーマのカスタマイズ画面よりアプリを有効化し、画面右上の「保存する」をクリック

    (ここで、抽選ページのボタンや、テキストの色の変更も可能です)


  1. アプリの左メニューより「キャンペーン管理」をクリック

  2. キャンペーン管理ページより「新規キャンペーンを作成する」をクリック

  3. キャンペーン作成ページより、以下の項目を入力

    1. キャンペーン名(内部管理用)

    2. キャンペーンの説明(内部管理用)

    3. 注釈テキスト

    4. 対象商品

    5. 申込受付期間

    6. 当選予定人数(後から変更可能)

  4. 画面右上、もしくは右下の「作成」をクリック


バリエーションのある商品も抽選対象に設定できます。バリエーションごとに当選予定人数を設定でき、一部のバリエーションのみを対象にすることもできます。

キャンペーン作成時に、以下のとおり設定します。

  1. 対象商品で、バリエーションを含めて対象商品を選択する

  2. 当選予定人数 で、設定方法を選ぶ

    • バリエーションごとに当選予定人数を一括で設定する:すべてのバリエーションに同じ人数を設定する

    • バリエーションごとに個別設定する:バリエーションごとに人数を個別に設定する

  3. キャンペーンを作成する

一部のバリエーションのみで抽選したい場合は、対象商品 の選択時に、抽選対象とするバリエーションだけを選択します。

注意点

応募条件はこれまでと同じく「商品ごとに1回まで」です。

Raffle 315は現状、ShopifyのVintage ThemeおよびDefault Themeにのみ対応しており、これらのテーマをベースに商品ページを編集する仕様となっております。

そのため、商品ページをカスタマイズされている場合や、テーマによっては「抽選応募ブロックの挿入先」や「カートに追加するボタンの削除」が正常に反映されず、ページの最下部に抽選参加ブロックが表示されてしまうことがあります。

お使いのテーマの機能に応じて、以下のいずれかの方法でご対応ください。


  1. テーマのカスタマイズ画面を開く

  2. 抽選商品用に作成した商品テンプレートを選択する

  3. テンプレート内の既存の 「Buy buttons」ブロックを削除する

  4. 新しく「Liquid」ブロックを追加し、以下のコードを記載する

Plaintext
<div id="raffle315-container"></div>
  1. ブロックを任意の位置に移動して「保存」をクリック


  1. テーマのコード編集画面を開く

  2. 商品ページ用のテンプレートファイルを開く

    (例:sections/main-product.liquid など。テーマによってファイル名は異なります)

  3. 抽選ブロックを表示したい箇所に、以下のコードを追加する

Plaintext
<div id="raffle315-container"></div>
  1. カートに追加するボタンに、以下のクラスを追加する

Plaintext
raffle-hide