Elementorでクリックトリガーの購読ポップアップを作成する方法

クリックトリガー購読ポップアップは、ウェブサイトのメール購読率を高める効果的な方法です。自動ポップアップに比べ、ユーザーが積極的にボタンやリンクをクリックした時のみ表示されるため、読書プロセスを妨げず、よりユーザーフレンドリーなアプローチです。エレメンタ この機能を簡単に実裝できる強力なポップアップビルダーを提供します。

この記事では、Elementorを使用してクリックトリガー購読を作成する方法を説明します。ポップアップウィンドウテンプレートの作成から、トリガーの設定、ページボタンの接続まで、完全なステップバイステップのプロセスをカバーしています。

イメージ[1]-Elementor クリック?トゥ?トリガー購読ポップアップ?チュートリアル:完全なセットアップと実踐的なヒント

I. 購読ポップアップテンプレートの作成

1.ポップアップテンプレート作成ページへ

  • サインイン ワードプレス バックステージ
  • Templates > Popupsに移動します;
  • 新しいポップアップを追加」をクリックします。
畫像 [2]-Elementor クリック?トゥ?トリガー購読ポップアップ?チュートリアル:完全なセットアップと実踐的なヒント

例えば "Subscription Popup "のようにポップアップに名前を付け、"Create Template "をクリックします。

畫像 [3]-Elementor クリック?トゥ?トリガー購読ポップアップ?チュートリアル:完全なセットアップと実踐的なヒント

2.ポップアップレイアウトの選択またはデザイン

  • Elementorは様々なプリセットのポップアップテンプレートを提供します;
  • 適切なテンプレートを選択するか、"x "をクリックして空白のテンプレートを使って自分でデザインすることができます;
  • Insert "をクリックしてテンプレートエディターを開く。
畫像 [4]-Elementor クリック?トゥ?トリガー購読ポップアップ?チュートリアル:完全なセットアップと実踐的なヒント

3.購読フォームの追加

  • フォーム(フォーム)」ウィジェットをポップアップ?ウィンドウに追加する;
  • フィールドの內容を設定するだけで、通常は用は足りる:
    • 電子メール(必須);
    • オプション 名稱 フィールドで、パーソナライズされた體験を強化する;
  • シンプルなデザインは通常、充填率の向上に役立つ。
畫像 [5]-Elementor クリック?トゥ?トリガー購読ポップアップ?チュートリアル:完全なセットアップと実踐的なヒント

4.投稿操作の設定

  • 今すぐ購読する」や「最新情報を入手する」など、ボタンのコピーを修正する;
  • Actions After Submit」で、選択する:
    • Eメール
    • また、MailChimpやActiveCampaignなどと統(tǒng)合することもできます;
  • 投稿後のフィードバックメッセージやお禮のプロンプトを設定する。
畫像[6]-Elementor Click-to-trigger購読ポップアップチュートリアル:完全なセットアップと実踐的なヒント
畫像[7]-Elementor Click-to-trigger購読ポップアップチュートリアル:完全なセットアップと実踐的なヒント

5.ポップアップウィンドウのスタイルを美しくする

  • スタイル]タブを使用して、色、余白、フォントなどをカスタマイズできます;
畫像 [8]-Elementor クリック?トゥ?トリガー購読ポップアップ?チュートリアル:完全なセットアップと実踐的なヒント
  • 魅力的キャプション例えば、「最新ニュースを購読する」とか「最新情報を見逃さない」とか。
畫像[9]-Elementor Click-to-trigger購読ポップアップチュートリアル:完全なセットアップと実踐的なヒント

6.ポップアップの掲載

発行」をクリックすると、表示條件の設定畫面に入ります。

次に、ポップアップ?ウィンドウの表示條件とトリガー條件を設定する。

1.表示條件を設定する(表示條件)

  • 條件を追加」をクリックする;
畫像[10]-Elementor Click-to-trigger購読ポップアップチュートリアル:完全なセットアップと実踐的なヒント
  • サイト全體」または特定のページを選択できます。
畫像 [11]-Elementor クリック?トゥ?トリガー購読ポップアップ?チュートリアル:完全なセットアップと実踐的なヒント

2.自動トリガーを無効にする

  • ページロード時」や「スクロール時」などの自動トリガーオプションを無効にする;
  • 目標は、特定の要素がクリックされたときだけポップアップ?ウィンドウが表示されるようにすることです。
畫像 [12]-Elementor クリック?トゥ?トリガー購読ポップアップ?チュートリアル:完全なセットアップと実踐的なヒント

3.設定の保存

  • 保存して閉じる」をクリックします。

III.クリック?トリガー?リンクやボタンの作成

1.トリガーリンクを挿入するページを編集する。

  • 対応するページをElementorで開く;
  • ボタン "または "テキスト "ウィジェットを挿入し、テキストを "今すぐ購読 "または "情報を得る "に設定することができます。情報を得る
畫像[13]-Elementor Click-to-trigger購読ポップアップチュートリアル:完全なセットアップと実踐的なヒント

アイコン、畫像、その他のクリック可能な要素にトリガーを設定することもできます。

2.トリガーアクションの設定

  • ボタンを選択し、「リンク設定」をクリックします;
  • リンクタイプを「ダイナミックタグ」に設定する;
畫像 [14]-Elementor クリック?トゥ?トリガー購読ポップアップ?チュートリアル:完全なセットアップと実踐的なヒント
  • ドロップダウンリストからActions > Popupを選択する;
畫像[15]-Elementor クリック?トゥ?トリガー購読ポップアップ?チュートリアル:完全なセットアップと実踐的なヒント
  • ポップアップを開く」を選択し、以前に作成した購読ポップアップを関連付けます;
畫像 [16]-Elementor クリック?トゥ?トリガー購読ポップアップ?チュートリアル:完全なセットアップと実踐的なヒント
  • ポップアップを閉じる」アクションを追加して、ユーザーが手動で簡単に閉じることができます。

3.変更を保存する

更新」をクリックしてページ設定を保存する。

IV.ポップアップ機能のテスト

1.プレビューページ

  • 実際のページを開き、ボタンやリンクをクリックして、ポップアップウィンドウが正しくポップアップするかどうかを確認する。
畫像 [17]-Elementor クリック?トゥ?トリガー購読ポップアップ?チュートリアル:完全なセットアップと実踐的なヒント

2.フォーム提出テスト

  • メールボックスを入力し、送信機能が利用可能かどうかをテストする;
  • 電子メール通知が設定されている場合は、通知を受信したかどうかを確認します;
  • を接続します。 メールチンプサブスクリプションが正常にリストに書き込まれたかどうかをチェックする。

V. その他の提言

  • アニメーションを追加する詳細設定>アニメーション」で、ポップアップウィンドウにフェードインやスライドインなどのエフェクトを加えることができます;
畫像 [18]-Elementor クリック?トゥ?トリガー購読ポップアップ?チュートリアル:完全なセットアップと実踐的なヒント
  • モバイル表示の最適化モバイル表示に切り替え、ポップアップのレイアウトをカスタマイズします;
  • ポップアップの頻度を制限するアクセスを頻繁に妨害する複數(shù)のポップアップは避けてください;
畫像[19]-Elementor Click-to-trigger購読ポップアップチュートリアル:完全なセットアップと実踐的なヒント
  • プライバシーステートメントの追加テキストウィジェットを使って、Eメールが安全であることをユーザーに簡単に知らせます。

まとめ

ある エレメンタ メール內にクリック?トゥ?購読ポップアップを作成することで、メール購読率を高めるだけでなく、ユーザーが積極的にメールを記入するようになります。けいしき.この形式のポップアップは、自動ポップアップよりも自然でアクセスしやすい。

最近の更新


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業(yè)サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨詢:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
? 複製に関する聲明
この記事を書いた人:泥棒はネズミの勇気になる
終わり
好きなら応援してください。
クドス1423 分かち合う
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし