ランディングページにメール購読セクションをデザインする

あなたが始める前に

メール購読フォームを追加する前に、ランディング ページが設定されていることを確認してください。

• まだ作成していない場合は、 この記事 詳細な手順については、
• ホームページや商品ページをランディングページに変換したい場合は、 この記事.

GemPages には、ランディング ページで電子メール アドレスを収集するための 2 つの組み込み要素が用意されています。

ランディングページ用のメール登録フォームをデザインする

オプション1: ニュースレター要素の使用

その ニュースレター要素 ランディング ページに電子メール サブスクリプション フォームを作成する最も簡単な方法です。

次の手順に従います。

ステップ1: GemPagesエディターにアクセスする

• Shopify管理画面から、 GemPages ビルダー アプリセクションのアプリ。
• アプリダッシュボードに移動する > ページ > 着陸をクリックし、対象のランディング ページをクリックしてエディターで開きます。

ステップ2: ニュースレター要素を追加する

• エディターの左側のサイドバーから検索バーを使用して、 ニュースレター要素.
• 要素をページ上の目的の位置にドラッグ アンド ドロップします。

ステップ3: メール購読セクションをカスタマイズする

要素をクリックすると、左側のサイドバーでその設定が開きます。

下 設定 タブでは、次のような要件に合わせてフォームをカスタマイズできます。

• プレースホルダーテキストを変更します（例：「メールアドレスを入力してください…」）。

• フォームのサイズを調整します。

• メールアドレスフィールドを必須にするかしないかを設定します。 　 のセクションから無料でダウンロードできます。

• 送信ボタンにホバー効果を追加します。

オプション2: あらかじめ構築されたセクションを使用する

時間と労力を節約するために、GemPages ライブラリから事前に設計されたフォーム セクションを選択できます。

• 左側のサイドバーから、 セクション タブをクリックして下にスクロールします 接触 オプションを選択します。

• 希望するセクションをデザイン領域にドラッグ アンド ドロップします。

• セクションをカスタマイズして、ブランド デザインに適合させることができます。

メール登録のコンバージョン率を高めるためのヒント

メールアドレスの収集はほんの第一歩に過ぎません。本当の課題は、訪問者にサインアップしてもらうことです。

GemPages 内で直接適用できる CRO のベスト プラクティスをいくつか紹介します。

• 加える 明確な見出し （例：「ニュースレターにご登録いただくと 10% 割引になります」）
• 提供する リード磁石 (例: 割引、無料、早期アクセス)。
• 追加 信頼バッジ またはフォームの近くに「スパム禁止」の注意書きがあります。
• フォームを維持する 短くてシンプルなフィールドが少ないほど良いです（たとえば、電子メールのみ、または電子メール + 名前で十分な場合が多い）。
• モバイル向けに最適化: フォームがモバイルフレンドリーであることを確認してください。

よくあるご質問

1. メール登録をランディング ページにリンクするにはどうすればよいですか?

GemPages内で直接これを行うには、 ニュースレター要素 あなたのページに。サードパーティのアプリを必要とせず、完全に機能します。

2. フォームを通じて収集されたメールはどうなりますか?

デフォルトでは、すべての送信はShopifyの顧客リストに送信されます。また、GemPagesを次のようなメールマーケティングアプリと連携させることもできます。 Klaviyo、Omnisend、Mailchimpなど、高度な自動化を実現します。

3. メールアドレス以外の情報を収集したい場合はどうすればいいですか?

追加の詳細（名前、電話番号、メッセージなど）を記録したい場合は、 お問い合わせフォーム要素 ニュースレター要素の代わりに。これは、迅速な購読登録よりも、より広範なリード獲得に最適です。