クーポンコードをサインアップフォームに追加する方法

このページで学べること

サインアップフォームに静的クーポンコードとユニーククーポンコードを追加して送信率とコンバージョン率を高め、顧客にサイトでより多く購入してもらう方法を確認します。

クーポンコードをフォームの成功メッセージに直接追加することをおすすめします。サインアップを促進でき、購入者はサイトを離れずにクーポンを利用できます。Shopify を使用していて、サインアップフォームで一意の Shopify クーポンを使用している場合、フォームの完了時に、そのクーポンはチェックアウトで顧客のカートに自動的に適用されます。

始める前に

クーポンにはいくつかの種類があります：

• ユニークコード
  ユニーク（「dynamic」とも呼ばれます）なクーポンコードは、受信者が 1 回だけ使用できるランダムな数字または文字列です。顧客はそれぞれ独自のコードを受け取り、同じコードを受け取る人はいません。ユニーククーポンコードは通常、固定コードよりも長く複雑です。
• 固定クーポン
  固定クーポンコードは、すべての顧客が使用できる単一のコードです（例：Welcome20）。全員が、サイトで使用する同じコードを受け取ります。静的コードは共有できますが、覚えやすく、使用しやすいという特徴があります。

クーポンの設定プロセスは、使用するクーポンのタイプ（例：固定クーポン、ユニーク Shopify クーポン、またはアップロードされたユニーククーポン）によって異なります。ただし、クーポンのタイプにかかわらず、このガイドの最初の 2 つのセクションに従ってください。

サインアップフォームを準備する

1. Klaviyo の左側のナビゲーションで、[サインアップフォーム] タブを選択します。
2. ここから、クーポンを含むフォームを作成するためのいくつかのオプションがあります。
   • オプション 1：既存のフォームから 1 つを選択して編集し、クーポンを追加します。
   • オプション 2：フォームライブラリから、クーポンブロックがすでに含まれている事前構築済みテンプレートを選択します。これを行うには、右上で [サインアップフォームを作成] を選択し、次にメニューバーでボックスにチェックを入れて、フォームライブラリ内の検索を絞り込みます。
     

• オプション 3：クーポンを使用して、まったく新しいフォームを一から作成して設定します。そのためには、右上で サインアップフォームを作成 を選択し、次に 新しいサインアップフォームを作成 を選択します。

3. クーポンを追加する予定のサインアップフォームのフォームエディターに入ります。

上記のいずれのオプションでも、フォームビルダーでサインアップフォームにクーポン ブロックを簡単に追加できます。

フォームの成功ステップにクーポンブロックを追加する

サインアップフォームのエディタを開いたら、クーポンを追加して設定できます。静的クーポンとユニーククーポンの両方について、次の設定手順に従ってください。

1. フォームエディターで、プレビュー内の送信ボタンを選択します。
   

2. Button Click Action 設定を以下のように構成します。
   • アクション：フォームを送信。
   • List to Submit：リストを選択します。
   • After Submit： [次のステップを表示]。
3. ページ上部で Success を選択して、フォームの成功ステップを開きます。これは、訪問者がフォームを送信したときに表示されるページです。
   

4. [概要] ページの左側で、[ブロックを追加] タブを選択します。
5. すでにフォーム内にない場合は、 Elements の下にある クーポン ブロックをドラッグ＆ドロップし、フォームのプレビューでクーポンを表示したい場所に配置します。
6. フォームプレビューで [クーポンを設定] をクリックしてください。

This content requires Functional cookies to be enabled.

Update Cookie Settings

7. 左側に表示される設定メニューで、フォームに静的クーポンまたはユニーククーポンのいずれかを設定することを選択します。

フォームで固定クーポンを設定する

1. クーポン設定メニューの上部で、Static Coupon を選択します。
2. テキストボックスに固定クーポンコードの名前を入力します (例:Welcome10)。
   • 既存の静的コードが用意できていない場合は、まず E コマース プラットフォームで手動で作成する必要があります。
3. 新しい静的コードを作成したばかりの場合は、テキストボックスに入力する前にフォーム ビルダー ページを再読み込みしてください。
   

4. クーポンが大きく目を引くように、ブロックスタイル（例：背景色、角の半径、枠線のスタイル、枠線の太さ、余白）を編集します。
5. 編集が完了したら、戻る矢印をクリックしてクーポンを保存します。
   

6. フォームの編集を完了し公開するには、最後のセクションに進んでください。

フォームでユニークなクーポンコードを設定します。

クーポン設定メニューの上部で [ユニーククーポン] を選択します。Shopify のユニーククーポンを使用しているか、アップロードしたユニーククーポンを使用しているかにより、設定は若干異なります。

Shopify クーポン

1. ユニーククーポンの種類として Shopify クーポンを選択します。
2. [ユニーククーポン] の横にあるドロップダウンをクリックして既存のクーポンを選択するか、(+) ユニーク Shopify クーポンをクリックして新しいクーポンを作成します。
   

3. Shopify のユニーククーポンコードを新規作成するオプションを選ぶと、Shopify ユニーククーポンを作成するモーダルが表示されます。
   • クーポンの名前を決めます（例：10OFF）。任意でプレフィックスも追加できます。
   • 顧客に提供したい割引のタイプを選択します（定額、パーセンテージ、送料無料）。
   • 設定から、クーポンの詳細（金額、適用対象、有効化日、有効期限）を設定します。
     • 有効期限に「1 年後」または「特定の日付」を選択した場合、クーポンがフォームに追加されると、Klaviyo はまず 600 個のユニークコードを生成します。その後、利用可能コードの数が 400 以下になったら再度コードを生成します。一定日数 / 時間が経過した後を選択すると、Klaviyo は毎日 600 個のコードのバッチを生成します。
       

4. 右下の [一意の Shopify クーポンを作成] をクリックします。これにより、フォームで使用するために新しく作成されたクーポンコードが選択された状態でフォームビルダーに戻ります。
5. 既存の固定クーポンを予備のクーポンとして追加します。 これは、ユニークなクーポンコードがなくなった場合にのみ表示される固定コードであり、顧客は引き続き同じ割引を受け取ることができます。
6. まず Shopify で固定クーポンを作成し、フォールバッククーポンのテキストボックスにペーストしてください（例：10PERCENT）。
7. フォームの編集を完了し公開するには、最後のセクションに進んでください。

アップロードしたクーポン

まだの場合は、アップロード済みクーポンを有効にしていることを確認してください。[設定] > [その他] > [プロファイル メンテナンス]に移動し、アップロード済みクーポンオプションをオンに切り替えます。

1. フォームで、 ユニーククーポンの種類 として アップロード済みクーポン を選択します。
2. [ユニーククーポン] の横のドロップダウンをクリックして既存のクーポンを選択するか、[アップロード済みクーポンを作成] リンクをクリックします。
   

3. 既存のクーポンを選択した場合は、このクーポンにコードをアップロード済みであることを確認してください。
4. 新しくアップロードしたクーポンを作成することを選択した場合、Create Coupon ページが新しいタブで開きます。ここから：
   • 以下の詳細を設定してください：
     • 名前（例:JustForYou)
     • 最小クーポン数（例：500）

• 有効期限

• 右上の [クーポンを作成] をクリックします。これにより Uploaded Coupons ページに移動します。
  • [アップロード済みクーポン] ページで、フォームに使用したいクーポンの右側にある3 dots > コードを追加をクリックします。
    

• CSV ファイルをアップロードして、これらのコードを処理します。サポートが必要な場合は、ユニーククーポンをアップロードするためのガイドを参照できます。
• サインアップフォームビルダーのタブに戻り、ページを再読み込みします。

1. Success ステップを選択し、プレビューで [クーポンを設定] をクリックします。
2. ユニーククーポン の横で、ドロップダウンから新しくアップロードしたクーポンを選択します。
   

3. 既存の固定クーポンを予備のクーポンとして追加します。 これは、ユニーククーポンコードがなくなった場合にのみ表示される固定コードであり、顧客は引き続き何らかのクーポンを受け取ることができます。
   • まず Klaviyo に固定クーポンをアップロードし、フォールバック クーポン テキストボックスにペーストする必要があります（例:10PERCENT）。

フォームの編集を完了し公開

フォーム用のクーポンを設定したら：

1. クーポンの見た目やテキスト、またはフォームのその他のステップに、最終的なスタイル変更を加えてください。
2. フォームを公開する準備ができたら、[公開] をクリックします。
3. サイトに移動してページを再読み込みし、フォームが表示されることを確認してください。

1. フォームに入力して、クーポンが正しく処理されていることをテストしてください。正しく処理されると、顧客はフォームの成功メッセージ内でクーポンコードを直接受け取り、コピーしてサイトで使用できます。

その他のリソース