WordPressウェブサイトのビジュアルツアーを追加する方法

あなたは自分をツアーガイドとは思わないかもしれませんが、確かにそうです。 毎日、人々はあなたのウェブサイトに来て、あなたは彼らを何らかの方法で案内します。 あなたはあなたがあなたのメニューをどのようにレイアウトしそしてあなたのセクションを注文するかで彼らに指示します。 UI全体は、訪問者が訪問者から顧客またはサブスクライバーに移動するための目標到達プロセスである必要があります。 これを斬新な方法で行う1つの方法は、Webサイトツアービルダーを使用して、サイトの最も重要な側面を指摘することです。

1、2、3のように簡単

あなたのサイトのガイド付きツアーを通してあなたのゲストを導くことはあなたが思っているよりはるかに簡単です。 WP Flat TourBuilderプラグインに感謝します。 ユーザーとステップバイステップで進むためのより確実な方法を実際に見つけることはできません。 数回クリックするだけで、セットアップを開始できます。

ただし、WP Flat Tour Builderはプレミアムプラグインであり、無料バージョンはありません。 ただし、たった20ドルで手に入れることができます。 これは、販売ファネルを通じてユーザーを誘導するか、プロセスを教える必要があるサイトにとっては、かなり小さな投資です。

インストールとセットアップ

プラグインを購入すると、 WP_Tour_Builder.zipというファイルがダウンロードされます。 プレミアムプラグインはリポジトリにないため、手動でインストールする必要があります。そのため、[プラグイン] – [新規追加]に移動し、コンピューターで.zipファイルを選択します。

[今すぐインストール]をクリックすると、他のプラグインと同じようにアクティブ化できます。 これで、Flat TourBuilderと呼ばれるサイドバーアイテムとそのサブメニューが表示されます。

ツアーをまだ設定していないため、基本プラグインページは最初は少し奇妙かもしれません。 ツアーのカラーパレットを選択してください。 必要なものがわかっている場合は、今すぐこれを行ってください。 そうでない場合は、いつでも戻って適切な色を選択できます。

ツアー用にフォントを個別に設定することもできますが、個人的には、[テーマフォントの使用] （および明らかな理由で[ HTTPSの使用]）に[はい]を選択することをお勧めします。

ツアーの作成

残念ながら、サイドバーには[新規追加]ボタンはありません。 ダッシュボードサイドバーの[ツアー]アイテムから新しいツアーを作成する必要があります。

明らかに、あなたが扱うことになる最も重要なオプションは、ツアー作成ページにあります。 そして、男の子、あなたはそれらの多くを根付かせますか？

一般的に、ツアーを最初に設定するために行っていることは非常に簡単です。

• タイトル–タイトルはあなただけに表示されます。 あなた自身の組織のためにこれを使用してください。
• 開始方法–ページの読み込み時、またはユーザーが要素をクリックしたときに自動的に開始するように設定できます。
• 一度実行しますか？ –誰かがページに読み込まれるたびにツアーを実行しますか、それとも1回だけ実行しますか？
• ページURL–ツアーの単一ページを設定します。 これは、コースやチェックアウトページに最適です。 このオプションでは、ページ固有の命令が可能です。
• モバイルでアクティベートしますか？ –非常に簡単です。 あなたのツアーはモバイルユーザーに適していますか？
• モバイルでのみアクティブ化しますか？ –または、ツアーはモバイルユーザーにのみ意味がありますか？

他の2つのオプション

プラグインには、個別に説明する価値があると思う他の2つのオプションもあります。ロールはそれを表示できますか？ とウェブサイトまたはバックエンドで？

選択する役割については、誰がツアーを見る必要があるかによって異なります。 たとえば、全員が選択されると、検索、紹介、または直接アクセスから、表示されるすべての訪問者に表示されます。 たとえば、サブスクライバーを選択した場合、製品を使用するプロセスを通じて有料メンバーをリードしているため、ツアーへのアクセスが制限されている可能性があります。

しかし、なぜ管理者または編集者だけにアクセスを制限する必要があるのでしょうか。 また、Webサイトのフロントエンドではなくバックエンド（WPダッシュボード）にツアーを表示する必要があるのはなぜですか？ 2つの言葉：クライアントトレーニング（またはスタッフトレーニング、多分）。

設計や開発の仕事をするとき、クライアントにサイトを渡すのは時々…難しいです。 特にWordPressに慣れていない場合やカスタマイズを行った場合は、トレーニングにかなりの時間がかかることがあります。 WebサイトのバックエンドでWebサイトツアービルダーを使用すると、新しいサイトを使用するためのベストプラクティスを確認するための実践的な方法（および実践的な方法）になります。

または、新しいスタッフに、物事の実行方法と新しいワークフローがどうなるかについての情報を提供する方法かもしれません。 または、追加した新機能の使用方法。 なんでもいい。 バックエンドのウェブサイトツアービルダーにはたくさんの用途があります。

ツアーステップの作成

ツアーが作成されたので、全体のリストに表示されます。

アイテムにカーソルを合わせると、 [ステップの表示]リンクが表示されます。 まだステップを作成していないので、空のリストに移動します。 [新規追加]をクリックします…そうですね。

各ステップはサイトの異なる部分につながるかポイントするか、異なるアクションを必要とするため、ツアーの各ステップを個別に入力する必要があります。 それぞれの中で、アタッチされている要素に至るまでの動作、表示する前のタイミング、またはユーザーが閉じることを許可する方法を正確に選択できます。

ステップで何をするかは完全にあなた次第ですが、そのツアーで何を達成しなければならないかに完全に依存して、あなたが回転できる3つのタイプがあります。

ツールチップ

画面上の特定の要素を指摘する必要があるときはいつでも、ツールチップを使用します。 たぶんリンクや画像。 一連の手順や、重要なものがどこにあるかをユーザーが確実に把握できるようにするのに適しています。

文章

テキストステップは、ツアーの紹介と終了、およびユーザーが絶対に見逃してはならない情報を提供するのに最適です。

ダイアログ

ダイアログステップは、ユーザーが操作する必要のあるポップアップです。 それらは、期間（または条件！）を継続または終了または受け入れます。 これを使用して、ユーザーが購入の完了またはアカウントのキャンセルを行っていることを確認できます。 または、テキストの手順と同様に、情報が表示されたことを保証し、続行するためにアクションを実行するように要求することもできます。

あなたはウェブサイトツアービルダーが必要ですか？

さて、あなたが以前にそう思っていなかったとしても、あなたはあなたのサイトでビルダーを使ういくつかの方法を考えたに違いありません。 ユーザーに見せたいものを案内するシングルステップツアーを開催することもできます（最新のポッドキャストエピソードの再生ボタンに簡単に注意してください）。

理由が何であれ、どのように使用したい場合でも、ほとんどすべてのWordPressサイトにツアーを追加することはまったく問題ありません。

あなたはあなたのウェブサイトで何のためにツアーを使いますか？

AndrewRybalkoによる記事特集画像/shutterstock.com