プレゼントブロックを使用すると、RafflePressのプレゼントキャンペーンをSeedProdの任意のページに直接埋め込むことができます。訪問者を別のプレゼントページに誘導する代わりに、オーディエンスがすでにエンゲージしている場所にコンテストを表示できるため、参加と応募を最大化できます。
RafflePressでアクティブなプレゼントを作成したら、プレゼントブロックを使用すると、ドロップダウンから選択して数秒で任意のページにドロップできます。ショートコードやカスタムコードは不要です。
プレゼントブロックをページに追加する
SeedProdページにプレゼントブロックを追加するには、次の手順に従ってください。
ステップ1：ブロックを追加する
デザイン > ブロックの下で、プレゼントブロックをページの目的のセクションにドラッグアンドドロップします。
ステップ2：コンテンツ設定を構成する
追加したら、プレゼントブロックをクリックして設定を開きます。コンテンツタブで、表示するRafflePressプレゼントを選択します。
- プレゼントを選択: ドロップダウンリストから既存のプレゼントを選択します。サイト上のすべてのアクティブなRafflePressプレゼントがここに表示されます。
- プレゼントを編集: プレゼントが選択されると、ワークフローを離れることなくRafflePressで直接そのプレゼントを開いて編集するためのリンクが表示されます。
- + 新規プレゼント: このボタンをクリックしてRafflePressでまったく新しいプレゼントを作成し、準備ができたらこのブロックに戻って選択します。
ステップ3：デザインをカスタマイズする
高度な設定タブでは、プレゼントブロックの間隔と表示を調整できます。
間隔：
- マージン: プレゼントブロックの周囲の外部の間隔（上、右、下、左）を制御します。デスクトップ、タブレット、モバイルのデバイスごとの値をサポートします。
- パディング: プレゼントブロックの内部の間隔（上、右、下、左）を調整します。デスクトップ、タブレット、モバイルのデバイスごとの値をサポートします。
属性:
- CSS ID: カスタムスタイリングまたはJavaScriptターゲティングのためにSeedProdによって自動的に作成された、プレゼントブロックの一意の自動生成IDを表示します。
- カスタムクラス: テーマまたはカスタムCSSから特定のスタイルを適用するためにカスタムCSSクラスを追加します。
- カスタム属性: ブロックラッパー要素に任意のHTML属性を追加します。属性名を改行し、attribute-name|valueの形式で入力します。
デバイス表示:
- デスクトップで非表示: デスクトップ画面でプレゼントブロックを非表示にします。
- タブレットで非表示: タブレットデバイスでプレゼントブロックを非表示にします。
- モバイルで非表示: モバイルデバイスでプレゼントブロックを非表示にします。
アニメーション効果:
- 表示アニメーション: バウンス、フェードイン、ズームイン、ローテートインなど、プレゼントブロックが表示領域にスクロールインしたときに再生されるアニメーション効果を選択します。
ステップ4：変更を保存
プレゼントブロックの設定と外観のカスタマイズが完了したら、作業内容を保存してください。
Giveawayブロックをページに正常に追加しました！ RafflePressのGiveawayをSeedProdページに直接埋め込むことで、訪問者を他の場所に送信することなく、より多くのコンテスト応募を促進し、訪問者を惹きつけることができます。RafflePressが有効になっており、Giveawayが公開されていることを確認して、すべての訪問者に正しく表示されるようにしてください。