クリックトリガー購読ポップアップは、ウェブサイトのメール購読率を高める効果的な方法です。自動ポップアップに比べ、ユーザーが積極的にボタンやリンクをクリックした時のみ表示されるため、読書プロセスを妨げず、よりユーザーフレンドリーなアプローチです。エレメンタ この機能を簡単に実装できる強力なポップアップビルダーを提供します。
この記事では、Elementorを使用してクリックトリガー購読を作成する方法を説明します。ポップアップウィンドウテンプレートの作成から、トリガーの設定、ページボタンの接続まで、完全なステップバイステップのプロセスをカバーしています。
![イメージ[1]-Elementor クリック・トゥ・トリガー購読ポップアップ・チュートリアル:完全なセットアップと実践的なヒント](https://www.361sale.com/wp-content/uploads/2025/05/20250513113515908-image.png)
I. 購読ポップアップテンプレートの作成
1.ポップアップテンプレート作成ページへ
- サインイン ワードプレス バックステージ
- Templates > Popupsに移動します;
- 新しいポップアップを追加」をクリックします。
![画像 [2]-Elementor クリック・トゥ・トリガー購読ポップアップ・チュートリアル:完全なセットアップと実践的なヒント](https://www.361sale.com/wp-content/uploads/2025/05/20250513113733554-image.png)
例えば "Subscription Popup "のようにポップアップに名前を付け、"Create Template "をクリックします。
![画像 [3]-Elementor クリック・トゥ・トリガー購読ポップアップ・チュートリアル:完全なセットアップと実践的なヒント](https://www.361sale.com/wp-content/uploads/2025/05/20250513113743679-image.png)
2.ポップアップレイアウトの選択またはデザイン
- Elementorは様々なプリセットのポップアップテンプレートを提供します;
- 適切なテンプレートを選択するか、"x "をクリックして空白のテンプレートを使って自分でデザインすることができます;
- Insert "をクリックしてテンプレートエディターを開く。
![画像 [4]-Elementor クリック・トゥ・トリガー購読ポップアップ・チュートリアル:完全なセットアップと実践的なヒント](https://www.361sale.com/wp-content/uploads/2025/05/20250513113811263-image.png)
3.購読フォームの追加
- フォーム(フォーム)」ウィジェットをポップアップ・ウィンドウに追加する;
- フィールドの内容を設定するだけで、通常は用は足りる:
- 電子メール(必須);
- オプション 名称 フィールドで、パーソナライズされた体験を強化する;
- シンプルなデザインは通常、充填率の向上に役立つ。
![画像 [5]-Elementor クリック・トゥ・トリガー購読ポップアップ・チュートリアル:完全なセットアップと実践的なヒント](https://www.361sale.com/wp-content/uploads/2025/05/20250513113827272-image.png)
4.投稿操作の設定
- 今すぐ購読する」や「最新情報を入手する」など、ボタンのコピーを修正する;
- Actions After Submit」で、選択する:
- Eメール
- また、MailChimpやActiveCampaignなどと統合することもできます;
- 投稿後のフィードバックメッセージやお礼のプロンプトを設定する。
![画像[6]-Elementor Click-to-trigger購読ポップアップチュートリアル:完全なセットアップと実践的なヒント](https://www.361sale.com/wp-content/uploads/2025/05/20250513113904773-image.png)
![画像[7]-Elementor Click-to-trigger購読ポップアップチュートリアル:完全なセットアップと実践的なヒント](https://www.361sale.com/wp-content/uploads/2025/05/20250513113915790-image.png)
5.ポップアップウィンドウのスタイルを美しくする
- スタイル]タブを使用して、色、余白、フォントなどをカスタマイズできます;
![画像 [8]-Elementor クリック・トゥ・トリガー購読ポップアップ・チュートリアル:完全なセットアップと実践的なヒント](https://www.361sale.com/wp-content/uploads/2025/05/20250513113930459-image.png)
- 魅力的キャプション例えば、「最新ニュースを購読する」とか「最新情報を見逃さない」とか。
![画像[9]-Elementor Click-to-trigger購読ポップアップチュートリアル:完全なセットアップと実践的なヒント](https://www.361sale.com/wp-content/uploads/2025/05/20250513113941658-image.png)
6.ポップアップの掲載
発行」をクリックすると、表示条件の設定画面に入ります。
次に、ポップアップ・ウィンドウの表示条件とトリガー条件を設定する。
1.表示条件を設定する(表示条件)
- 条件を追加」をクリックする;
![画像[10]-Elementor Click-to-trigger購読ポップアップチュートリアル:完全なセットアップと実践的なヒント](https://www.361sale.com/wp-content/uploads/2025/05/20250513114134707-image.png)
- サイト全体」または特定のページを選択できます。
![画像 [11]-Elementor クリック・トゥ・トリガー購読ポップアップ・チュートリアル:完全なセットアップと実践的なヒント](https://www.361sale.com/wp-content/uploads/2025/05/20250513114140302-image.png)
2.自動トリガーを無効にする
- ページロード時」や「スクロール時」などの自動トリガーオプションを無効にする;
- 目標は、特定の要素がクリックされたときだけポップアップ・ウィンドウが表示されるようにすることです。
![画像 [12]-Elementor クリック・トゥ・トリガー購読ポップアップ・チュートリアル:完全なセットアップと実践的なヒント](https://www.361sale.com/wp-content/uploads/2025/05/20250513114148703-image.png)
3.設定の保存
- 保存して閉じる」をクリックします。
III.クリック・トリガー・リンクやボタンの作成
1.トリガーリンクを挿入するページを編集する。
- 対応するページをElementorで開く;
- ボタン "または "テキスト "ウィジェットを挿入し、テキストを "今すぐ購読 "または "情報を得る "に設定することができます。情報を得る
![画像[13]-Elementor Click-to-trigger購読ポップアップチュートリアル:完全なセットアップと実践的なヒント](https://www.361sale.com/wp-content/uploads/2025/05/20250513114206287-image.png)
アイコン、画像、その他のクリック可能な要素にトリガーを設定することもできます。
2.トリガーアクションの設定
- ボタンを選択し、「リンク設定」をクリックします;
- リンクタイプを「ダイナミックタグ」に設定する;
![画像 [14]-Elementor クリック・トゥ・トリガー購読ポップアップ・チュートリアル:完全なセットアップと実践的なヒント](https://www.361sale.com/wp-content/uploads/2025/05/20250513114250156-image.png)
- ドロップダウンリストからActions > Popupを選択する;
![画像[15]-Elementor クリック・トゥ・トリガー購読ポップアップ・チュートリアル:完全なセットアップと実践的なヒント](https://www.361sale.com/wp-content/uploads/2025/05/20250513114311457-image.png)
- ポップアップを開く」を選択し、以前に作成した購読ポップアップを関連付けます;
![画像 [16]-Elementor クリック・トゥ・トリガー購読ポップアップ・チュートリアル:完全なセットアップと実践的なヒント](https://www.361sale.com/wp-content/uploads/2025/05/20250513135736414-image.png)
- ポップアップを閉じる」アクションを追加して、ユーザーが手動で簡単に閉じることができます。
3.変更を保存する
更新」をクリックしてページ設定を保存する。
IV.ポップアップ機能のテスト
1.プレビューページ
- 実際のページを開き、ボタンやリンクをクリックして、ポップアップウィンドウが正しくポップアップするかどうかを確認する。
![画像 [17]-Elementor クリック・トゥ・トリガー購読ポップアップ・チュートリアル:完全なセットアップと実践的なヒント](https://www.361sale.com/wp-content/uploads/2025/05/20250513135805768-image.png)
2.フォーム提出テスト
- メールボックスを入力し、送信機能が利用可能かどうかをテストする;
- 電子メール通知が設定されている場合は、通知を受信したかどうかを確認します;
- を接続します。 メールチンプサブスクリプションが正常にリストに書き込まれたかどうかをチェックする。
V. その他の提言
- アニメーションを追加する詳細設定>アニメーション」で、ポップアップウィンドウにフェードインやスライドインなどのエフェクトを加えることができます;
![画像 [18]-Elementor クリック・トゥ・トリガー購読ポップアップ・チュートリアル:完全なセットアップと実践的なヒント](https://www.361sale.com/wp-content/uploads/2025/05/20250513135819221-image.png)
- モバイル表示の最適化モバイル表示に切り替え、ポップアップのレイアウトをカスタマイズします;
- ポップアップの頻度を制限するアクセスを頻繁に妨害する複数のポップアップは避けてください;
![画像[19]-Elementor Click-to-trigger購読ポップアップチュートリアル:完全なセットアップと実践的なヒント](https://www.361sale.com/wp-content/uploads/2025/05/20250513135826431-image.png)
- プライバシーステートメントの追加テキストウィジェットを使って、Eメールが安全であることをユーザーに簡単に知らせます。
まとめ
ある エレメンタ メール内にクリック・トゥ・購読ポップアップを作成することで、メール購読率を高めるだけでなく、ユーザーが積極的にメールを記入するようになります。けいしき.この形式のポップアップは、自動ポップアップよりも自然でアクセスしやすい。
最近の更新
| お問い合わせ | |
|---|---|
| チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
カスタマーサービス WeChat
|
| ① 電話:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| 三 Eメール:info@361sale.com | |
| ④ 勤務時間: 月~金、9:30~18:30、祝日休み | |
この記事へのリンクhttps://www.361sale.com/ja/53737この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。




















![絵文字[wozuimei]-Photonflux.com|プロのWordPress修理サービス、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | 専門WordPress修復サービス、全世界対応、迅速対応](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

コメントなし