オプトインフォームブロックを使用すると、サイトからの更新情報、ニュース、オファーの受信を希望する訪問者から名前とメールアドレスを収集できます。SeedProdのランディングページやテンプレートに追加するだけで、すぐに購読者リストの構築を開始できます。
このブロックには、カスタマイズ可能な名前とメールアドレスの入力欄、完全なスタイル制御が可能な送信ボタン、送信後のメッセージ表示またはリダイレクトを行う成功アクション、そして主要なサードパーティ製メールマーケティングプラットフォームとの組み込み連携機能が含まれています。
ページへのオプトインフォームブロックの追加
SeedProdページにオプトインフォームブロックを追加するには、以下の手順に従ってください：
ステップ1: ブロックを追加する
デザイン > ブロックで、オプトインフォームブロックをページの希望するセクションにドラッグ＆ドロップします。
ステップ2: コンテンツ設定の構成
追加後、オプトインフォームブロックをクリックして設定を開きます。「コンテンツ」タブは3つのセクションで構成されています：- フィールド- 送信ボタン- 成功アクション
フィールド:
- メールアドレス／名前／オプトイン確認フィールド：各フィールドはドラッグ可能な行として表示されます。フィールド行の設定アイコンをクリックすると、個別の設定を展開できます。ラベル（入力欄上部に表示されるテキスト）と幅（フォーム全体に対するフィールドの幅の割合、10～100%）をカスタマイズ可能です。 名前フィールドには必須項目にするための「必須」トグルも付いています。表示/非表示の目アイコンを使用すると、フォームから名前フィールドとオプトイン確認フィールドを表示または非表示にできます。オプトイン確認フィールドはデフォルトで非表示です。有効にすると、GDPR準拠の同意チェックボックスが追加され、訪問者は送信前にチェックする必要があります。
- サイズ:入力フィールドの全体サイズを設定します — 小、中、または大。
- 配置：フォーム全体の水平方向の配置を設定します — 左、中央、または右。
送信ボタン：
- ボタンテキスト:送信ボタンに表示されるラベルをカスタマイズします。
- 幅:ボタンの幅をフォームの幅に対するパーセンテージで設定します（10～100%）。
- フォントサイズ：ボタンのテキストのフォントサイズを0から72pxの範囲で設定します。
- 背景色：送信ボタンの背景色を設定します。
成功アクション：
- 実行すべきアクション：フォーム送信成功後の動作を選択します —「メッセージを表示」はフォームの代わりにカスタムの感謝メッセージを表示し、「リダイレクト」は訪問者を選択したURLへ転送します。
- メッセージ：送信後に表示するお礼メッセージを入力してください（メッセージ表示を選択した場合に利用可能）。リッチテキスト形式に対応しています。
- リダイレクトURL：送信後に訪問者を転送するURLを入力してください（リダイレクトが選択されている場合に利用可能）。
ステップ2a: テンプレートスタイルを選択する
テンプレートタブでは、あらかじめデザインされた入力フィールドスタイルから選択し、オプトインフォームの外観を素早く変更できます。任意のテンプレートをクリックすると、即座に適用されます。
- 利用可能なスタイル：7種類のテンプレートデザインからお選びいただけます — ライト、ボーダーなし、ワイドボーダー、グレー、ダーク、下ボーダー、透明入力フィールドスタイル。
ステップ3：デザインのカスタマイズ
[詳細設定]タブでは、オプトインフォームブロックのタイポグラフィ、フィールドの色、ボタンのスタイル、および間隔を微調整できます。
フォーム：
- フォントファミリー:すべてのフォームラベルとフィールドテキストに適用されるフォントファミリーとフォントバリエーションを選択します。
- 角丸半径:すべての入力フィールドの角丸半径を0～100pxの範囲で設定し、角の丸みを調整します。
- インラインパディングの削除:このチェックボックスをオンにすると、フォームフィールドとブロックラッパーの間のデフォルトの内部パディングが削除され、フォームがコンテナにぴったりと配置されます。
フィールド:
- フィールド背景色：入力フィールドの背景色を設定します。
- フィールドテキスト色：入力フィールドに入力されたテキストの文字色を設定します。
- フィールド境界線の色:入力フィールドの境界線の色を設定します。
- フィールドの境界線の幅：入力フィールドの各辺（上、右、下、左）の境界線の幅を個別に設定します。
ボタン:
- ボタンスタイル：送信ボタンのビジュアルスタイルを選択してください — フラット、ゴースト、2D、またはビンテージ。
- ボタンラベルテキストの前に表示されるFont Awesomeアイコンを追加します。
- ボタンラベルテキストの後に表示されるFontAwesomeアイコンを追加します。
スペース:
- マージン：オプトインフォームブロックの周囲の余白（上、右、下、左）を制御します。これにより、フォームとページ上の周囲の要素との間に表示されるスペースが決まります。
- パディング：オプトインフォームブロック内の内側の間隔（上、右、下、左）を調整します。これにより、フォームとブロックの端の間に余裕が生まれます。
属性：
- CSS ID:オプトインフォームブロックの自動生成された一意の識別子を表示します。このIDは、カスタムスタイリングやJavaScriptターゲティングのためにSeedProdによって自動的に作成されます。
- カスタムクラス：テーマやカスタムCSSから特定のスタイルを適用するためのカスタムCSSクラスを追加します。
- カスタム属性:ブロックラッパー要素に任意のHTML属性を追加します。各属性は改行で区切り、以下の形式で入力してください: 属性名|値。
デバイスの可視性:
- デスクトップで非表示:オプトインフォームブロックをデスクトップ画面で非表示にします。
- タブレットで非表示:タブレット端末でオプトインフォームブロックを非表示にします。
- モバイルで非表示:モバイル端末ではオプトインフォームブロックを非表示にします。
アニメーション効果：
- エントランスアニメーション：オプトインフォームブロックが画面にスクロールインした際に再生される様々なアニメーション効果から選択できます。バウンス、フェードイン、ズームイン、回転インなど多数のオプションが用意されています。
ステップ4: 変更を保存する
オプトインフォームブロックの設定と外観のカスタマイズが完了したら、必ず作業内容を保存してください。
オプチンフォームの送信
デフォルトでは、すべてのオプトインフォームの送信データは、SeedProd > サブスクライバー内の「サブスクライバー」セクションに保存されます。収集したサブスクライバーデータは、そこから閲覧、エクスポート、管理が可能です。
注：デフォルトでは、Optin Formブロックは新規購読者がフォームを送信した際にメール通知を送信しません。通知を受け取りたい場合は、メールマーケティング連携の接続をご検討ください（下記参照）。
オプトインフォームをメールマーケティング統合と連携させる
SeedProd ページ設定の「接続」セクションで、Optin Form ブロックをサードパーティの E メールマーケティングプラットフォームと統合することができます。これにより、Mailchimp、AWeber、ConvertKit、ActiveCampaign などのサービスで、新規購読者を E メールリストに自動的に追加することができます。
注：メールマーケティング連携機能は、Pro、Plus、Eliteの各ライセンスプランでご利用いただけます。対応プラットフォームの完全なリストについては、利用可能なメール連携機能をご覧ください。
ページにオプトインフォームブロックの追加に成功しました！このフォームを活用して購読者を集め、ウェブサイトのエンゲージメントを高め、直接マーケティングできるオーディエンスを構築しましょう。フィールドレイアウト、ボタンスタイル、テンプレートプリセットを試して、ブランドに合ったフォームを作成し、訪問者を購読者に変えてください。