WordPressにポップアップフォームを追加する方法

ポップアップ・フォーム適切なタイミングと場所でポップアップを表示することで、ユーザーの注意を引き、ニュースレターへの登録や購入の完了など、特定のアクションを実行させるのに効果的です。

画像[1]-WordPressでポップアップフォームを追加する方法 - Photon Flux|WordPress修理の専門会社・フォトン・フラックス

この詳細なチュートリアルでは、次のような使い方を順を追って説明します。 WordPressプラグインポップアップフォームの作成とカスタマイズ今回は オプチンモンスタープロフェッショナルで効率的なポップアップを簡単に作成できるWordPressポップアップビルダーです。

OptinMonsterとは?

OptinMonsterは、ウェブマスターが魅力的なポップアップを作成するために特別に設計された強力なツールです。特別オファーの表示、Eメールアドレスの収集、または失われつつある購読者の保存など、OptinMonsterには必要なものが揃っています。

OptinMonsterのパワーは、その正確なターゲティングルールにあります。例えば、ユーザーが特定のページを閲覧している時、サイトを去ろうとしている時、長い間アクティブでない時、ページ上の特定のポイントまでスクロールした時などにポップアップを表示するように設定することができます。このようにきめ細かくコントロールすることで、ユーザーエクスペリエンスを大幅に向上させると同時に、SEOの最適化にも役立ちます。

開始前の準備

ポップアップ・フォームを作り始める前に、まず最初にOptinMonsterアカウントに登録する別のブラウザタブでアカウントにログインしていることを確認してください。WordPressウェブサイトのインストールとアクティベーションが必要です。 OptinMonster用無料コネクタプラグイン.プラグインはWordPress.orgのリポジトリからダウンロードでき、インストールするとWordPressサイトとOptinMonsterアカウントを接続します。

画像[2]-WordPressでポップアップフォームを追加する方法 - Photon Flux|専門家のWordPress修理サービス、グローバルなリーチ、速いレスポンス

プラグインが有効化され、アカウントに正常に接続されると、次のことができるようになります。確立初めてのWordPressポップアップフォーム

ステップ1:ポップアップキャンペーンの作成

  1. OptinMonsterプラグインに移動するWordPressのダッシュボードで オプチンモンスター " ポップアップ オプションを使用してください。これにより、OptinMonsterのテンプレートライブラリが開き、そこから適切なポップアップウィンドウテンプレートを選択することができます。
画像[3] - WordPressでポップアップフォームを追加する方法 - Photon Flux|専門家のWordPress修理サービス、グローバルなリーチ、速いレスポンス
  1. ポップアップウィンドウテンプレートの選択テンプレートギャラリーでキャンペーンタイプとして "ポップアップ "を選択し、利用可能なテンプレートをブラウズします。あなたのニーズに合ったテンプレートが見つかったら、そのテンプレートにカーソルを合わせて"テンプレートの使用「ボタン
画像[4] - WordPressでポップアップフォームを追加する方法 - Photon Flux|専門家のWordPress修理サービス、グローバルなリーチ、速いレスポンス
  1. キャンペーン名次にポップアップウィンドウOptinMonsterのキャンペーンは、お客様の広告キャンペーンにちなんで命名されます。これは、あなたがすべてのOptinMonsterキャンペーンを管理および整理するための内部使用のみです。
画像[5] - WordPressでポップアップフォームを追加する方法 - Photon Flux|専門家のWordPress修理サービス、グローバルなリーチ、速いレスポンス

ステップ2:ポップアップウィンドウをカスタマイズする

テンプレートを選択し、キャンペーンに名前を付けたら、OptinMonsterのキャンペーンビルダーインターフェイスに移動します。

画像[6] - WordPressでポップアップフォームを追加する方法 - Photon Flux|専門家のWordPress修理サービス、グローバルなリーチ、速いレスポンス

ここでは、ポップアップを完全にカスタマイズすることができます。

  1. テキスト内容の編集ポップアップウィンドウのテキストボックスをクリックすると、テキストを編集し、独自のコンテンツに置き換えることができます。フォント、書式、サイズは、編集ツールバーを使って変更することができます。
  2. イメージを変えるポップアップウィンドウで画像を選択し、左のタスクバーで "交換イメージ"オプションがあります。写真は、ローカル・コンピューターまたは アンスプラッシュ 画像ライブラリから画像を選択します。画像の配置、幅、代替テキストを調整することもできます。
  3. カスタムCTA ボタンポップアップウィンドウをクリック CTA ボタンのテキストコンテンツやリンクターゲットを変更することができます。ユーザーがボタンをクリックしたときに何が起こるかを決定することができます(例えば、特定のページにジャンプしたり、フォームを送信したり)。また、ボタンのテキストコンテンツやリンクターゲットを変更することも可能です。 オプチンモンスター ボタンのスタイル、背景、フォントなどを変更するための高度なオプションが用意されています。
  4. 新しいブロックの追加新しい要素を追加したい場合は、プレビューエリアにドラッグ&ドロップします。例えば、埋め込みフォームブロックは WPForms または他のフォームプラグインのショートコードをポップアップウィンドウに埋め込みます。
画像[7] - WordPressでポップアップフォームを追加する方法 - Photon Flux|専門家のWordPress修理サービス、グローバルなリーチ、速いレスポンス
  1. セットアップ成功のメッセージビルダー・ページの一番下にある"成功"タブで、ユーザーがフォームを送信した後に表示される成功メッセージを編集します。サクセスメッセージが全体のデザインスタイルと一致していることを確認してください。
  2. デザインの保存ポップアップ・ウィンドウのデザインとカスタマイズが完了したら、ビルダーの上部 "セーブ"ボタンをクリックして変更を保存します。

ステップ3:ポップアップウィンドウにポジショニングルールを追加する

ポップアップの効果は、その表示ルールに大きく依存します。 OptinMonsterは、ポップアップのタイミングと位置を正確に制御するための幅広いポジショニングルールを提供します。

  1. 表示ルール」タブに切り替える上部メニューバーで"表示規則"タブをクリックします。デフォルトでは、OptinMonsterはユーザーがページに5秒以上滞在した後にポップアップウィンドウを表示するように設定されています。
画像[8] - WordPressでポップアップフォームを追加する方法 - Photon Flux|WordPress修理のプロフェッショナル、グローバルリーチ、迅速な対応
  1. カスタムルールの設定Default Ruleオプションをクリックし、別のルールを選択する。例えば、"撤退の意向"機能では、ユーザーがサイトを離れようとしていることを検知すると、ポップアップウィンドウを表示します。また、特定のデバイスや特定のページにポップアップを表示するオプションや、ユーザーの地域やデバイスの種類に応じてポップアップの表示ルールをカスタマイズすることも可能です。
画像[9] - WordPressでポップアップフォームを追加する方法 - Photon Flux|専門家のWordPress修理サービス、ワールドワイド、速いレスポンス
  1. 高度なルールの追加ユーザーがページ上の特定の位置までスクロールしたときにポップアップウィンドウを表示する、あるいはユーザーが特定のページ(たとえばチェックアウトページ)を使って、離脱しようとしている時にポップアップを表示させることができます。これらのルールは、最適な時間と場所にポップアップを表示し、コンバージョンを増加させるのに役立ちます。
  2. アニメーションと効果音を追加する(オプション): OptinMonsterでは、ポップアップウィンドウにアニメーションやサウンドエフェクトを追加して、ユーザー体験を向上させることができます。設定が完了したら、必ず変更を保存してください。

ステップ4:Eメールや分析ツールとの統合

新規リードを効果的に追跡・管理するために、ポップアップをEメールマーケティングサービスや CRM システム統合。オプチンモンスター HubSpot、Constant Contact、Mailchimp、Zapierなど、複数のプラットフォームとの統合オプションを提供します。

  1. 統合Eメールマーケティングサービスをご覧ください。集積"タブで接続したいメールサービスを選択し、画面の指示に従って統合を完了します。こうすることで、新しいリードは自動的にEメールリストに送信され、自動的にタグ付けされ、分類されます。
  2. SMTPプラグインの設定WordPress でメールを送信する場合は、必ず SMTPプラグインメールの送受信がスムーズに行われるようにするため。
  3. 分析を可能にするOptinMonsterには、広告キャンペーンの閲覧数、クリック数、収益を追跡するためのアナリティクスが組み込まれています。Googleアナリティクスでポップアップの効果を追跡したい場合は、OptinMonsterをGoogleアナリティクスと統合することで、より詳細なデータ分析を行うことができます。
画像[10] - WordPressでポップアップフォームを追加する方法 - Photon Flux|専門家のWordPress修理サービス、グローバルなリーチ、速いレスポンス

ステップ5:WordPressでポップアップを公開する

ポップアップウィンドウのデザインと設定が完了したら、WordPressサイトに公開することができます。

  1. パブリッシングタブに切り替えるOptinMonsterのキャンペーンビルダーで、"ポスト"タブ。ここでは、キャンペーンを複数のウェブサイトに接続し、ポップアップウィンドウの設定の概要を見ることができます。
  2. 公開」ステータスに設定ポップアップウィンドウのステータスを"ポスト".上のメニューバーが "発行"ステータスに緑色のチェックマークが付いている。
  3. プレビュー・ポップアップ・ウィンドウOptinMonsterが提供する広告キャンペーンテストツールを使用して、ポップアップウィンドウの効果を公開前にプレビューすることができます。これは、ウェブサイト上または特定のページ上でポップアップのライブプレビューを表示します。
  4. WordPressでポップアップを有効にするWordPressのダッシュボードで オプチンモンスター " キャンペーン ページをご覧ください。をクリックしてください。ポスト「キャンペーンステータスを"発行".こうすることで、あなたのウェブサイトにポップアップが表示され、訪問者とのインタラクションが始まります。
画像[11] - WordPressでポップアップフォームを追加する方法 - Photon Flux|専門家のWordPress修理サービス、グローバルなリーチ、速いレスポンス
  1. 分析データを見る: ユーザーがポップアップとインタラクションを開始すると、OptinMonsterダッシュボードで詳細を確認することができます。統計情報..これには、訪問者数、コンバージョン率、コンバージョンの詳細が含まれます。また、アイコンを分析することで、すべてのOptinMonsterキャンペーンのパフォーマンスに関する洞察を得ることができ、データに基づいた意思決定を行うことができます。

概要

このチュートリアルで、WordPressウェブサイトでのOptinMonsterの使い方を学びましょう!ポップアップ・フォームの作成と公開..ポップアップは、ユーザーのエンゲージメントを高め、購読を増やし、コンバージョン率を改善するための効果的なツールです。OptinMonsterの強力なターゲティングルールとカスタマイズオプションにより、ポップアップが最も適切な時間と場所に表示され、ユーザーの注目を最大限に集め、行動を促すことができます。

画像[12] - WordPressでポップアップフォームを追加する方法 - Photonflux.com|専門家のWordPress修理サービス、グローバルなリーチ、速いレスポンス

お問い合わせ
記事が読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事を書いた人: Xiesong
終わり
好きなら応援してください。
クドス0 分かち合う
おすすめ
解説 ソファ購入

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

    コメントなし