ニュースレター要素

ニュースレター要素について

オンラインで閲覧しているときに、情報を提供する代わりに無料サービスやニュースレターを提供するフォームに遭遇することがあります。

これらのフォームは一般的にサインアップフォームと呼ばれ、将来のマーケティングや販売活動のためのデータを収集することで、ストアの拡大を支援する上で重要な役割を果たします。GemPagesでは、これらのフォームはニュースレター要素と呼ばれます。

注意： ニュースレター要素 表し Shopifyのサインアップフォーム、これがある 入力項目が限られています。よりカスタマイズ性の高いフォームをご希望の場合は、 お問い合わせフォーム 代わりに要素を使用します。

顧客のメールリストにアクセスする

顧客がフォームを送信すると、そのメールアドレスが収集され、Shopify 管理パネルの顧客セクションに保存されます。

に行く Shopify管理者 > 社以上のクライアント サインアップフォームを通じて登録されたすべてのメールのリストを表示します。

ページにニュースレター要素を追加するにはどうすればいいですか?

ページにニュースレター要素を追加するには、次の手順に従います。

ステップ1： アクセス GemPagesダッシュボード > ページをクリックし、対象のページをクリックしてエディターを見つけます。

ステップ2： 左側のサイドバーから、 ニュースレター要素 ページ上の希望の位置にドラッグ アンド ドロップします。

ステップ3： 要素をクリックすると設定が開き、さらにカスタマイズできます。

設定タブを構成する

カスタマイズのお手伝いをします ニュースレター要素 デザインの主要な設定の内訳は次のとおりです。

メッセージ

• 成功： 顧客がフォームに正常に入力した後に表示されるメッセージをカスタマイズします。

• エラー： 顧客がフォームを完了できない場合に表示されるエラー メッセージを編集します。

サイズ

ページ デザインに合わせてニュースレター要素の幅を調整します。

経歴

経歴 セクションでは、この要素の視認性を高めるために、単色またはグラデーションの背景色を設定できます。お好みの色を選択するには、以下のオプションのいずれかをお試しください。

• カラーコードを入力してください
• カラーピッカーを使用してページから任意の色を選択します
• 色見本から選ぶ
• カラーバーをドラッグして、ブランドに最適な色を見つけます
• 色を選択してください 最近の色 or あなたのために提案 労力を節約するためのリスト

形状

シェイプ設定は、ニュースレター要素を含むセクション全体に適用されます。

• ボーダー: 境界線の色、太さ、線を変更できます。

• コーナー: セクションの角は、四角形、丸形、または丸い形にすることができます。また、正確な半径を入力して、要素の角を好みに合わせてカスタマイズすることもできます。

• Shadow: 記事一覧セクションの影を追加し、影の表示（サイズ、色、ぼかし、距離）を調整することができます。

送信後

アクション： フォームの送信が完了したら、ユーザーを指定された宛先ページに誘導するか、現在のページに留まるかを決定します。

ドロップダウンから選択してください:

例えば、顧客を別のページに送信する場合は、ドロップダウンから「URL を開く」を選択し、「リンクを選択」ボタンをクリックしてリンク ピッカー パネルを開きます。

次に、をクリックします。 Show more 完全な設定を展開します。

• 新しいタブを開く: に設定 あり 新しいページを新しいタブで開きたい場合。
• 次のリンク: に設定 いいえ 検索エンジンがこのリンクをたどることを許可しないようにします。

詳細タブを設定する

より高度なカスタマイズについては、「詳細設定」タブに移動し、 この記事.

トラブルシューティング：Shopifyの顧客にニュースレターメールが表示されない

1. ダブルオプトイン設定を確認する

• Shopifyでは、顧客にメールでサブスクリプションの確認を求める場合があります。確認リンクをクリックするまで、メールアドレスは「顧客」に表示されません。
• に行く Shopify管理画面 > 設定 > チェックアウト > 顧客アカウント ダブルオプトインが有効になっているかどうかを確認します。

2. メールアドレスを確認する

無効なメールアドレスや誤入力されたメールアドレスは拒否される可能性があります。有効なメールアドレスを使用してフォームをテストし、正しく送信されていることを確認してください。

3. アプリやテーマの競合を確認する

一部のアプリやカスタムスクリプトによってフォームの送信がブロックされる可能性があります。他のアプリやカスタムコードを一時的に無効にして、問題が解決するかどうかを確認してください。

4. ニュースレター要素の設定を確認する

要素が正しく構成されていることを確認します。

• 送信後 アクション（ページに留まる、ページを開く、スクロールするなど）
• カスタム スクリプトやリダイレクトなどの詳細設定。

5. ブラウザのキャッシュをクリアする/シークレットモードでテストする

キャッシュされたページやブラウザ拡張機能が送信の妨げになる場合があります。

6. フォームをテストする

変更後、テストメールを送信して確認してください Shopify管理 > 顧客 メールが記録されたことを確認します。

オプション：購読者が登録するとShopifyタグを自動的に追加する

ニュースレターフォームを送信した顧客に Shopify で自動的にタグを付けたい場合は、ニュースレター要素内に配置されたカスタム コード要素を使用してこれを行うことができます。

ステップ1： タグ用の隠し入力を追加する

• ニュースレター フォーム内にカスタム コード要素をドラッグします。

• HTML タブに次のコードを貼り付けます。

• 置き換えますタグ値” にご希望のタグを付けてください。

例：

顧客がサインアップすると、Shopify は自動的に VIP タグをその顧客のプロフィールに追加します。

ステップ2： ライブページでフィールドを非表示にする

この入力ボックスを顧客に表示したくない場合は、同じカスタム コード要素の CSS タブに移動して、次のコードを追加します。

.gyC1HhyiC_ {

    表示：なし！重要;

}