WordPressサイトのコンバージョンに飢えたウェルカムマットを作成する方法

公開: 2016-07-01

あれは何でしょう？ WordPress サイトが十分に変換されていないのではないかと心配していますか?

ホームページや他のページにたどり着いたとき、人々はあなたのサイトが何であるかを完全には理解していないと思いますか?

その場合はウェルカムマットが必要です。

分かってる。 サイトを混乱させる別のプラグインのように聞こえますが、これはオンライン プレゼンスを新しいレベルに引き上げるために不可欠な要素です。 そしてそれは無料です。

WordPress サイトにウェルカム マットを配置する最大のアイデアは何ですか?

この会話を始めるにあたり、ウェルカム マットを使用している個人や組織のウェルカム マットの例をいくつか見てみましょう。 最も成功しているブロガー、オンラインストア、およびその他のビジネスは、ウェルカムマットを使用するとコンバージョンが発生する可能性が高いことを知っていることを示すために、いくつかのかなり人気のあるサイトから選びました.

手始めに、QuickSprout ホームページがあり、ユーザー URL を求めるウェルカム マットが表示されます。 これは、QuickSprout がユーザー分析データにアクセスして将来的に役立つセールス ファネルに人々を誘導しようとしているため、ウェルカム マットのユニークな解釈です。

QuickSprout ウェルカム マット

次のウェルカム マットは、Jeff Goins の Web サイトにあります。彼は Web サイトの概要を説明し、電子メール アドレスも尋ねます。

Jeff Goins ウェルカム マット

Michael Hyatt も同様のウェルカム マットを用意していますが、彼は自分の業績 (信頼性の構築) を列挙し、人々が平日の時間を節約するための無料ガイドをダウンロードするためのボタンも提供しています。

マイケル ハイアット ウェルカム マット

最後に、SumoMe 社 (これから使用するウェルカム マット プラグインの作成者) は、サイト URL を要求して、ユーザーがサイト トラフィックを改善する方法を分析します。

SumoMe社ウェルカムマット

それぞれのウェルカム マットに似ている部分がいくつかあります。

  • いずれも最小限のテキストしかありません。
  • それらはすべて視覚的な要素を提供します。
  • それぞれがホーム画面全体を占めています。
  • 各ウェルカム マットは何かを達成しようとしています (メール アドレスや URL の取得など)。
  • 行動喚起テキストは、太字のヘッダーと短い説明とともに含まれています。

では、ウェルカム マットの大きなアイデアは何でしょうか。 それらをあなたのウェブサイトに置くことのポイントは何ですか？

まず第一に、それらが何であれ、コンバージョンを促進することが証明されています. ただし、ウェブマスターとして、ホームページで目標を設定することも推奨しています。 目的もなくただブログを運営しているだけでは、大きな成果は期待できません。

したがって、人々にあなたのページをソーシャル メディアで共有してもらいたいのか、電子メール アドレスを渡してもらいたいのか、無料のアイテムをダウンロードしてもらいたいのか、製品を購入してもらいたいのかを理解することが不可欠です。

ウェルカム マットは、関心のある関係者からの情報を収集しながら、ユーザーが Web サイトで何を期待できるかを即座に表現する方法として機能します。

ウェルカム マットを使用することに対するより一般的な議論の 1 つは、それがユーザーを苛立たせるように見えるということです。 確かにそうかもしれませんが、蓄積されたコンバージョンの量に対して支払うのは小さな代償です.

ウェルカム マットはコンバージョンをどのように改善しますか?

ウェルカム マットは、フル スクリーンのスプラッシュ スクリーン、ポップアップ モジュール、またはより単純化されたランディング ページの別の用語です。

Web サイトの訪問者は、ウェルカム マットやスプラッシュ スクリーンを X-out する必要はないと報告していますが、Web サイトは通常、X-out を実装するとコンバージョンが 2 倍または 3 倍になると報告しています。

これは大きな改善であり、誰かがウェルカム マットに嫌気がさし、サイトに二度と戻ってこない場合、そもそも VIP の 1 人になることはなかったでしょう。

独自の WordPress サイト用のウェルカム マットを作成する方法

ウェルカム マット、メール購読フォームのポップアップ、およびその他の同様のプラグインにはいくつかのオプションがありますが、このチュートリアルでは SumoMe ウェルカム マット ソリューションを使用します。

なんで？ いくつかの理由から:

  • それは完全に無料です。 （オプションのプレミアム版あり）
  • コンバージョン率を 2 倍または 3 倍にすることができます。
  • デザインは完全にカスタマイズ可能です。
  • A/B テストはオプションです。
  • モバイルサポートも提供されます。

おまけ: [thrive_2step id='878']ここをクリックしてハード コピー [/thrive_2step] をダウンロードして、この単純なステップバイステップの SumoMe ウェルカム マット ガイドをダウンロードし、PDF として簡単に保存したり、後で使用するために印刷したりできます。

ステップ 1: SumoMe Welcome Mat アプリをダウンロードしてインストールする

SumoMe ウェルカム マット ダウンロード ページ

このリンクをクリックして、SumoMe ウェルカム マットのランディング ページに移動します。 このエリアでは、ウェルカム マットの多くの機能と利点について説明していますので、必要に応じて自由に閲覧してください。

大きな緑色の [Try It Free] ボタンを選択します。

これにより、サイトの URL、電子メール アドレス、および新しいパスワードを入力するよう求めるポップアップが表示されます。 本物の電子メール アドレスを使用し、パスワードを強力なものにして、他人が侵入できないようにしてください。 ハッカーがあなたのサイトに人々を歓迎するメッセージを変更することは、最も避けたいことです。

SumoMe - 37 秒で始めましょう

すべての情報を入力したら、[サインアップ] ボタンをクリックします。

プランの料金を支払う必要があるように見えるため、次の画面は驚くかもしれません。 3 つの SumoMe プランはかなりしっかりしていて、14 日間の試用版ですべてを試すことができます。 ただし、ほとんどのウェルカム マット ツールは無料版で提供されているため、ページの一番下にあるボタンをクリックします。 「または、無料の SumoMe を続行してください」と表示されます。

SumoMe プラン - 無料の SumoMe を継続

インストールの最後の手順では、サイトの HTML の <head> にコードを少しコピー アンド ペーストする必要があります。 また、ワンクリックで WordPress をインストールすることもできます。これは、コードのすぐ下に表示されます。

SumoMe コードのインストール

このチュートリアルでは WordPress のインストールについて説明しますが、SumoMe には次のプラットフォーム用のワンクリック インストールもあります。

  • スクエアスペース
  • Google タグ マネージャー
  • Shopify
  • ウィーブリー
  • タンブラー
  • ブロガー

前述のように、コードを HTML の <head> にコピーすることもできますが、ワンクリック インストールではるかに簡単なパスがあることを考えると、実際には意味がありません。

したがって、WordPress ボタンをクリックします。

[SumoMe のインストール] ボタンを選択します。

SumoMe をインストールする

補足: SumoMe プラグインを自分でインストールしたい場合は、ここからダウンロードしてください。

[SumoMe のインストール] ボタンを選択すると、WordPress Web サイトのバックエンドにリダイレクトされます。 ダッシュボードへのログインが必要になる場合があります。

[今すぐインストール] ボタンを選択し、次のページで [プラグインを有効にする] をクリックします。

今すぐインストールボタン

おめでとう！ SumoMe プラグイン全体がダッシュボードにインストールされ、アクティブ化されました。

ステップ 2: SumoMe アカウントを登録し、適切なアプリをインストールする

WordPress ダッシュボードの左側を見ると、タスクバーに新しい SumoMe タブがあることがわかります。 これをクリックしてください。

実行する手順がいくつか示されていますが、それらに従う必要はありません。 画面の右側に移動し、ここをクリックして SumoMe をセットアップするという青い文字をスクロールします。 これにより、横からスクロールアウトする青い王冠が現れます. その王冠を選択します。

ここをクリックして SumoMe をセットアップする スクリーンショット

Web サイトで既に SumoMe アカウントを作成しているので、メール アドレスとパスワードを使用してアカウントにログインします。

SumoMe ログイン スクリーンショット

その後、ログインボタンを押してください。

サイトのスクリーンショットを有効にする

ドロップダウン メニューを使用して、アクティブ化するサイトを見つけます。 次に、[今すぐアクティブ化] ボタンをクリックします。

これにより、いくつかのオプションを含むモジュールが表示されます。 必要に応じて設定を変更できますが、今押したいメイン ボタンは Sumo ストアです。 ここで、利用可能なさまざまな SumoMe アプリの一部をアクティブ化できます。

SumoMeストアのスクリーンショット

Sumo ストアに入ると、上部に無料のウェルカム マット オプションが表示されます。 このチュートリアルの後、次のような他のアプリをテストできます。

  • リストビルダー
  • スクロールボックス
  • スマートバー
  • メール プロ
  • ヒートマップ
  • 蛍光ペン
  • ウェルカム マット プロ (ウェルカム マットでより多くの機能を探している場合)

ただし、今すぐ行う必要があるのは、無料のウェルカム マット アイコンをクリックすることだけです。

無料のウェルカム マット アイコンをクリックします。

新しいページの右端にある青い [無料] ボタンを選択します。

青い無料ボタンを選択します

その後、Welcome Mat が Web サイトにインストールされたことを示す短いメッセージが表示されます。

ステップ 3: ウェルカム マットをデザインする

インストール ページを終了し、SumoMe ホーム モジュールに戻ります。 新しいウェルカム マット アイコンをクリックして続行します。

新しいウェルカム マット アイコンをクリックして続行します

別のポップアップが表示され、いずれかのプランの料金を支払わせようとする場合があります。 これをスキップして、無料のウェルカム マットに進みます。 左側に複数のタブがあるページが表示されます。 赤いスイッチは、ウェルカム マットがまだサイトに公開されていないことを示します。

[デザイン] タブに移動します。 デザインのテンプレートの 1 つを選択します。 ほとんどのテンプレートは有料版でのみ提供されることに注意してください。 ただし、無料版を使用して、ブランディングのニーズを満たすためにいくつかの確実なカスタマイズを行うことができます.

[デザイン] タブに移動し、テンプレートの 1 つを選択します。

一部の高度な機能 (カスタム背景画像など) はプレミアム オプションですが、次の領域を構成して、ウェルカム マットを希望どおりに表示することができます。

  • 背景色
  • 背景画像
  • 見出し
  • 文章
  • フォント
  • 色
  • 入力フィールドのテキスト
  • Optinボタン
  • オプトアウトボタン
  • 閉じるボタン

覚えておいてください:システムには、切り替えるためのモバイル ビューがあります。 ウェルカム マットを公開する前に、これをテストしてください。

モバイル ビューでテストする

最後に、これらのタブのすべてで何かを変更したら、ポップアップ モジュールの右下にある [保存] ボタンをクリックしてください。 そうしないと、次のタブに移動しても何も保存されません。

ステップ 4: フィールドをカスタマイズする

これはプレミアム機能ですが、そのルートに行く予定がある場合は検討する価値があります. ほとんどの Web マスターは、ユーザーが Web サイトにアクセスしたときに、ユーザーからメール アドレスを取得したいだけです。 ただし、名前、電話番号、URL、さらには住所などの項目を尋ねるオプションがあります.

フィールドをカスタマイズする

これを行うには、[フィールドの追加] ボタンを選択し、作成するフィールド タイプを指定します。 フィールドと変数名の設定とともに、フィールドを必須にするオプションがあります。

ステップ 5: ウェルカム マットの煩わしさを軽減する

上で説明したように、ウェルカム マットが少し煩わしいと感じるユーザーもいるかもしれません。 ですから、ウェルカム マット メッセージを既に見た人には表示しないのがよいでしょう。

[動作] タブを選択し、ウェルカム マットを既に見た訪問者に対して、ウェルカム マットを表示しない期間を選択します。 たとえば、ユーザーが 1 回スキップすることを決定した場合、1 か月間削除することができます。 その月が過ぎると、その貴重な電子メールアドレスを再び取得しようとして、再びポップアップします.

ウェルカム マットの煩わしさを軽減

このページには、次の便利なツールもあります。

  • 誰かがすでに購読している場合、マットを表示または非表示にします
  • ウェルカム マットから離れてスクロールする機能を削除する (本質的に永続的なランディング ページに変える)
  • サブスクリプション後に別の URL にリダイレクトする
  • 誰かがあなたのリストに登録したときに通知を受け取る

この手順が完了したら、[保存] ボタンをクリックします。

ステップ 6: メール サービスに接続する

SumoMe ソリューションには、他にも多くの機能が含まれています。 たとえば、A/B テスト、表示ルール、カスタム コード、トラッキング ピクセルを管理できます。 ただし、最後の重要なタブはサービスと呼ばれます。

メール サービスに接続する

メールを収集するにはメール サービスが必要なため、いずれかのオプションをクリックすることをお勧めします。 MailChimp、AWeber、Constant Contact などのサービスがあります。 ログイン資格情報を入力するワンクリック プロセスであるため、これらのアカウントの 1 つが既にセットアップされている必要があります。

ステップ 7: ウェルカム マットを有効にする

完璧な外観のウェルカム マットを作成したら、左上隅にある小さなスイッチに移動してクリックします。 これにより、緑色に変わり、アクティブなメッセージが表示されます。 最後に、サイトのフロントエンドに移動して、その外観を確認します。 メール収集ツールが機能するかどうかをテストすることをお勧めします。 それ以外の場合は、最初のウェルカム マットの作成おめでとうございます。

ウェルカム マットを起動する

おまけ: [thrive_2step id='878']ここをクリックしてハード コピー [/thrive_2step] をダウンロードして、この単純なステップバイステップの SumoMe ウェルカム マット ガイドをダウンロードし、PDF として簡単に保存したり、後で使用するために印刷したりできます。

ウェルカム マット用の他のクールなアプリとプラグインは何ですか?

これらのすべてがウェルカム マットとして特別に設計されているわけではありませんが、メール サブスクリプション ポップアップ、アクションの呼び出し、スクイーズ ページとして機能し、Web サイトへの究極の歓迎を可能にします。

  • 見込み客の繁栄

  • オプティンモンスター

  • リードページ

WordPress のウェルカム マットについて質問がありますか?

WordPress サイトのウェルカム マットを作成する方法を学ぶことには、コンバージョンを向上させながら、サイトから得られるものを提示する能力など、多くの利点があります。 最良の部分は、カスタマイズ オプションの改善を本当に開始したい場合を除き、SumoMe で支払う必要がないことです。 それでいて、かなりお買い得です。

独自のウェルカム マットの作成について質問がある場合は、下のコメント セクションにメッセージを残してください。 それ以外の場合は、SumoMe とウェルカム マット ツールについてのご意見をお聞かせください。