特典リスト・ウィジェットの作成
特典リスト・ウィジェットには、プログラムで使用可能な特典の構成済リストが表示されます。
注意: 特典は、有効になっている場合のみコントロール・センターで選択できます。特典は、有効になっていて、かつ指定されたその特典の開始日と終了日の範囲内にある場合にのみ表示されます。
特典リスト・ウィジェットを作成する手順は、次のとおりです。
- コントロール・センターで、「Program」→「Account Overview」にナビゲートします。
- 「Add Widget」をクリックし、「Reward List」を選択します。
- ウィジェットの詳細を構成します。
- Basic Information
- Version: このウィジェットのバージョンを指定します。デフォルトである最新バージョンを使用することをお薦めします。
- Name: このウィジェットの名前を指定します。
- Logged In Configuration
- Reward: 特典リスト・ウィジェットに表示する特典を選択します。追加の特典を追加するには、「Add Reward」をクリックします。
- Header Text (オプション): このテキストは、ウィジェットの上部にあるヘッダーに表示されます。
- Custom CSS URL (オプション): 独自にホストされているCSSファイルにリンクを追加して、このウィジェットのスタイルを適宜設定します。
- Max Height (オプション): 最大高さを設定します。これを超えるとウィジェットのコンテンツがスクロールされます。
- Logged Out Configuration
- When a user is logged out, this widget:
- Is not displayed: ユーザーが特典プログラムにログインしていない場合、ウィジェットは表示されません。
- Displays a sign up / log in Call to Action:
- Headline Text: 「Sign Up」ウィンドウに表示するヘッドライン・テキストを指定します。
- Sub-headline Text: 「Sign Up」ウィンドウに表示するサブヘッドライン・テキストを指定します。
- Background Image: 「Select Image」をクリックして「Sign Up」ウィンドウのバックグラウンドに表示されるイメージを指定します。
- Custom CSS URL (オプション): カスタム・スタイルシートを使用して「Sign Up」ウィンドウをスタイル設定する場合は、カスタムCSSへのURLを指定します。
- When a user is logged out, this widget:
- Basic Information
- 「Submit」をクリックします。
コントロール・センターでウィジェットを作成した後に、ウィジェットをWebページに追加できます。
特典リスト(引換)
特典の引換はモーダルを使用して行われます。モーダルは、別のCSSファイルを使用してカスタマイズできます。
特典リスト(フィルタ)
特典リスト・ウィジェットには、すべての特典を表示するか引換可能な特典のみを表示するかをメンバーが切り替えることができる非表示のトグルがあります。この特典フィルタをオンにするには、カスタムCSSで次の属性を使用します。
#reward-list #redeemFilter {
display: block;
}