オプトインフォームブロックを使用すると、サイトからの更新、ニュース、オファーの受信に関心のある訪問者から名前とメールアドレスを収集できます。SeedProdのランディングページまたはテンプレートに追加して、すぐに購読者リストの構築を開始できます。
このブロックには、カスタマイズ可能な名前とメールフィールド、完全なスタイリングコントロールを備えた送信ボタン、送信後にメッセージを表示またはリダイレクトする成功アクション、および人気のサードパーティ製メールマーケティングプラットフォームとの組み込み統合が含まれています。
ページへのオプトインフォームブロックの追加
SeedProdページにオプトインフォームブロックを追加するには、次の手順に従ってください。
ステップ1：ブロックを追加する
デザイン > ブロックの下で、オプトインフォームブロックをページの目的のセクションにドラッグアンドドロップします。
ステップ2：コンテンツ設定を構成する
追加したら、オプトインフォームブロックをクリックして設定を開きます。コンテンツタブは、フィールド、送信ボタン、成功アクションの3つのセクションに分かれています。
フィールド：
- メール / 名前 / オプトイン確認フィールド：各フィールドはドラッグ可能な行としてリストされます。フィールド行の歯車アイコンをクリックして、個々の設定を展開します。ラベル（入力フィールドの上に表示されるテキスト）と幅（フォームの幅に対するフィールドの幅、10〜100％）をカスタマイズできます。名前フィールドには、必須にするための必須トグルもあります。表示/非表示の目のアイコンを使用して、名前フィールドとオプトイン確認フィールドをフォームに表示または非表示にします。オプトイン確認フィールドはデフォルトで非表示になっています。これを有効にすると、訪問者が送信する前にチェックする必要があるGDPRスタイルの同意チェックボックスを追加できます。
- サイズ：入力フィールドの全体的なサイズを設定します - 小、中、または大。
- 配置：フォーム全体の水平方向の配置を設定します - 左、中央、または右。
送信ボタン：
- ボタンテキスト：送信ボタンに表示されるラベルをカスタマイズします。
- 幅：ボタンの幅をフォームの幅に対するパーセンテージ（10〜100％）で設定します。
- フォントサイズ：ボタンテキストのフォントサイズを0〜72pxで設定します。
- 背景色：送信ボタンの背景色を設定します。
成功アクション：
- 実行するアクション：フォームが正常に送信された後に何が起こるかを選択します - メッセージを表示は、フォームの代わりにカスタムのありがとうメッセージを表示します。または、リダイレクトは、訪問者を指定したURLに送信します。
- メッセージ：送信後に表示するありがとうメッセージを入力します（メッセージを表示が選択されている場合に使用可能）。リッチテキストフォーマットをサポートします。
- リダイレクトURL：送信後に訪問者をリダイレクトするURLを入力します（リダイレクトが選択されている場合に使用可能）。
ステップ2a: テンプレートスタイルを選択する
テンプレートタブでは、事前デザインされた入力フィールドスタイルを選択して、オプトインフォームの見た目を素早く変更できます。いずれかのテンプレートをクリックすると即座に適用されます。
- 利用可能なスタイル：7つの異なるテンプレートデザイン（ライト、境界線なし、ワイドボーダー、グレー、ダーク、ボトムボーダー、透明）の入力フィールドスタイルから選択します。
ステップ3：デザインをカスタマイズする
高度な設定タブでは、オプトインフォームブロックのタイポグラフィ、フィールドの色、ボタンのスタイリング、スペーシングを微調整できます。
フォーム：
- フォントファミリー：すべてのフォームラベルとフィールドテキストに適用されるフォントファミリーとフォントバリアントを選択します。
- 境界線の半径：すべての入力フィールドの角の半径を0〜100pxに設定して、丸みや角ばり具合を制御します。
- インラインパディングを削除：このボックスをチェックすると、フォームフィールドとブロックラッパー間のデフォルトの内部パディングが削除され、フォームがコンテナにぴったり収まるようになります。
フィールド：
- フィールドの背景色：入力フィールドの背景色を設定します。
- フィールドの文字色：入力フィールドに入力されたテキストの色を設定します。
- フィールドの境界線の色：入力フィールドの境界線の色を設定します。
- フィールドの境界線の幅：入力フィールドの各辺（上、右、下、左）の境界線の幅を個別に設定します。
ボタン:
- ボタンのスタイル：送信ボタンの見た目のスタイルを選択します — フラット、ゴースト、2D、またはビンテージ。
- テキスト前のアイコン：ボタンのラベルテキストの前に表示されるFont Awesomeアイコンを追加します。
- テキスト後のアイコン：ボタンのラベルテキストの後に表示されるFont Awesomeアイコンを追加します。
間隔：
- マージン：オプトインフォームブロックの外側のスペーシング（上、右、下、左）を制御します。これにより、フォームとページ上の周囲の要素との間にどれだけのスペースが表示されるかが決まります。
- パディング：オプトインフォームブロックの内側のスペーシング（上、右、下、左）を調整します。これにより、フォームとブロックの端の間に余白ができます。
属性:
- CSS ID：オプトインフォームブロックの自動生成された一意の識別子を表示します。このIDは、カスタムスタイリングまたはJavaScriptターゲットのためにSeedProdによって自動的に作成されます。
- カスタムクラス: テーマまたはカスタムCSSから特定のスタイルを適用するためにカスタムCSSクラスを追加します。
- カスタム属性: ブロックラッパー要素に任意のHTML属性を追加します。属性名を改行し、attribute-name|valueの形式で入力します。
デバイス表示:
- デスクトップで非表示：デスクトップ画面でオプトインフォームブロックを非表示にします。
- タブレットで非表示：タブレットデバイスでオプトインフォームブロックを非表示にします。
- モバイルで非表示：モバイルデバイスでオプトインフォームブロックを非表示にします。
アニメーション効果:
- 表示アニメーション：オプトインフォームブロックが表示領域にスクロールインしたときに再生されるさまざまなアニメーション効果から選択します。オプションには、バウンス、フェードイン、ズームイン、ローテートインなどがあります。
ステップ4：変更を保存
オプトインフォームブロックの設定と外観のカスタマイズが完了したら、作業を保存してください。
オプトインフォームの送信
デフォルトでは、すべてのオプトインフォームの送信は、SeedProd > Subscribersの下の登録者セクションに保存されます。そこから収集した登録者データを表示、エクスポート、管理できます。
注意: デフォルトでは、Optin Formブロックは、新しい購読者がフォームを送信してもメール通知を送信しません。通知を受け取りたい場合は、メールマーケティング連携を接続することを検討してください（下記参照）。
Optin Formをメールマーケティング連携に接続する
SeedProdページの 接続 セクションで、Optin Formブロックをサードパーティのメールマーケティングプラットフォームと統合できます。これにより、Mailchimp、AWeber、ConvertKit、ActiveCampaignなどのサービスで、新しい購読者をメールリストに自動的に追加できます。
注意: メールマーケティング連携は、Pro、Plus、Eliteライセンスプランで利用できます。サポートされているプラットフォームの全リストについては、利用可能なメール連携をご覧ください。
Optin Formブロックをページに追加しました！これを使用して購読者の収集を開始し、ウェブサイトのエンゲージメントを高め、直接マーケティングできるオーディエンスを構築しましょう。フィールドレイアウト、ボタンのスタイル、テンプレートプリセットを試して、ブランドに合ったコンバージョン率の高いフォームを作成してください。