誰かがあなたのサイトを検索していて、あなたを捕まえたいと思った場合、彼らはあなたのコンタクトページに何を表示しますか？電話番号？住所と地図？何もありませんか？
マーケターはホームページやサービスページのデザインやコンテンツに集中することに多くの時間を費やしているため、連絡先ページを無視します。
ただし、連絡先ページは次のいずれかにする必要があります。あなたの最も重要なページ。
それについて考えてください。誰かがあなたのお問い合わせページをクリックした場合、彼らは明らかにあなたと話すことに興味を持っています！したがって、お問い合わせページは、番号と一般的なメールアドレスだけではありません。
お問い合わせフォームとメールアドレス：どちらが良いですか？
GIPHY経由
すでに連絡先ページがサイトに公開されている場合があります。しかし、連絡フォームがありますか、それとも会社のメールアドレスだけですか？
これに関しては、多くの議論があります。連絡先ページには何を含める必要がありますか？訪問者はすでに何らかの理由でそこに移動していますが、そこに着いたときに何を利用できるようにする必要がありますか？
一部の企業は、一般的な電子メールアドレスを貼り付けることでうまくいくと考えています。ただし、どのような人がどのような理由であなたに連絡するのかはわかりません。会社が大量のメールを受信した場合、それらすべてを分類して返信するのは非常に難しい場合があります。
これが、お問い合わせページに連絡フォームが必須である理由です。
お問い合わせフォームはプロフェッショナルに見え、使いやすいです。
全体として、使いやすいお問い合わせフォームは、単なるメールよりもプロフェッショナルに見え、お問い合わせページにまとめられていると感じています。
考えてみてください：本当にサポートに連絡する必要があるときは、すぐに助けを求めています。お問い合わせフォームを使用すると、数秒以内に記入して[送信]をクリックできます。
まだ、メールの場合は、コピーしてメールプロバイダーを開き、受信者フィールドに貼り付けてから、メッセージを入力する必要があります。また、会社に十分な情報を提供していない可能性があります。彼らが完全に助けることができるまで、4番目の電子メール。それは「かなりストレスの多い状況です。
連絡フォームを使用するとチームメンバーに簡単にリダイレクトできます。
製品やサービスの問題、協力への関心など、さまざまな理由で会社に連絡します。
大量の連絡先メールを受信した場合、各メールをフィルタリングして適切な担当者に適切に転送するのは難しい場合があります。ただし、お問い合わせフォーム、リダイレクトは瞬く間に実行できます！
訪問者に会社に連絡する理由を尋ねると、各回答フィールドは特定のチームまたはチームメンバーにリダイレクトできます。受信トレイのフィルタリングは必要ありません。
理想的には、連絡先ページに簡単な連絡フォームとメールアドレスの両方を含める必要があります。訪問者があなたのビジネスに連絡する機会を制限したくないので、疑わしい場合は両方をあなたのページ！
お問い合わせフォームにどのフィールドを含める必要がありますか？
姓名
明らかに、詐欺を取得するタクトの名前は、お問い合わせフォームに含める最も重要なフィールドです。もっと言う必要がありますか？
メールアドレス
お問い合わせフォームに収集するもう1つの明白で不可欠な要素。送信先のメールアドレスがわからない場合は、他にどのように連絡を取りますか？
最善の策は、会社のメールアドレスをリクエストすることです。 Gmail、AOL、または基本的なメールが含まれている場合は、あまり興味がない可能性があります。
会社名
これは、連絡を取り合っている会社を知るための優れた方法です。助けを求めてあなたに。会社の名前を後ろポケットに入れて、会社が何を販売しているか、そして彼らの問題をどのように支援できるかをよりよく理解するために少し掘り下げることができます。
手を差し伸べる理由
これが単純なドロップダウンフィールドであろうと、オープンテキストの段落フィールドであろうと、これは不可欠です。
誰かの問い合わせの意図を理解することが重要です。なぜこの人は手を差し伸べているのですか？彼らは具体的に何について答えを探していますか？
10お問い合わせページのベストプラクティス
人々はあなたのビジネスに連絡するためにあなたのお問い合わせページに来ています。これらのベストプラクティスに従って、訪問者が質問をしたり、助けを求めたり、ビジネスについて詳しく学んだりするためにあなたのところに来続けるようにしてください。
必要な質問だけをしてください。
お問い合わせくださいページは20の質問のゲームに似ているべきではありません。必要な情報を尋ねてから、後で詳細を取得してみてください。
たとえば、Slackには、1つの質問をしてから許可する単純なフォームがあります。ユーザーは、連絡する理由を1つ選択します。
ユーザーエクスペリエンスについて考えます。入力する必要のあるフィールドが多いほど、実際に入力する可能性は低くなります。
表示カスタマーサービスチームの実在の人物。
誰も返信しないことを恐れて、お問い合わせページにフォームを送信することを躊躇する場合があります。彼らはまた、あなたに連絡しようとすると自動サービスを受けると信じているかもしれません。
これが、ユーザーに知らせるためにカスタマーサービスまたは営業チームの人々の写真を含めることが重要である理由です。たとえば、Atlassianには、サポートチームのメンバーとその役割の画像が掲載されたすばらしいお問い合わせページがあります。
よくある質問へのリンクを含めてください。
ユーザーはよくある質問のセクションで簡単に答えられる簡単な質問があります。こうすることで、顧客サービスや営業チームが見込み客や顧客からの簡単な質問に答えるのに行き詰まることはありません。
たとえば、Bloomscape新しいプラントデリバリースタートアップは、お問い合わせページの右側にFAQへのリンクがあり、訪問者は必要な回答にすばやくアクセスできます。
ユーザーがあなたに連絡する必要がある理由を説明してください。
具体的にどのような支援ができますか？詳細を入力してください。ページに「詳細については、こちらからお問い合わせください」または「質問や一般的なお問い合わせは、以下のお問い合わせフォームを送信してください」などの小見出しを追加することを検討してください。
これにより、訪問者は何を明確に理解できるようになります。彼らはあなたに連絡することを期待することができます。
スマートフォームを活用します。
さまざまな理由でビジネスに連絡するため、何度も戻ってきて連絡フォームに記入する場合があります。スマートフォームを使用して、フィールドを切り替え、毎回適切な情報を収集します。
スマートフォームは、サイトでのアクションを追跡し、フォームを変更して、
ソーシャルメディアのリンクを含めます。
ソーシャルメディアで迅速に対応するために、あなたに連絡したい場合があります。あなたのソーシャルメディアチャネルの1つを通してあなたに連絡する選択肢を彼らに提供してください。そうすることによって、あなたは彼らにあなたのビジネスについてもっと学ぶ機会も与えます。
たとえば、ミューズはお問い合わせページの下部にすべてのソーシャルメディアリンクを含めています。
連絡先オプションを一元化します。
ユーザーが連絡を取るためのオプションを複数提供する場合は、連絡先のランディングページの中央にメニューを追加します。これにより、ユーザーは検索する代わりに、あなたと連絡を取りたい正確な方法を簡単に選択できます。
SquareSpaceの連絡先ページをご覧ください。ヒーロースペースの下のすっきりとしたボックスで部門が連絡するオプションがあります。
デザインを他のウェブサイトと一貫性のあるものに保つ。
連絡先ページが常に最も有益で魅力的であるとは限りませんが、それは良いデザインを犠牲にする必要があるという意味ではありません。ブランドに合わせて連絡先ページをデザインしてください。
つまり、連絡先ページの色、フォント、画像は、サイトの他のページと同じである必要があります。ユーザーがまったく新しいサイトに移動するリンクをクリックしたかどうか疑問に思わないようにします。
ユーザーが連絡先ページを見つけられるようにします。
お問い合わせページは多くの場合、ウェブサイトのあいまいな部分。ユーザーはお問い合わせページへのリンクを検索する必要があります。これには時間がかかり、フラストレーションが高まる可能性があります。
お問い合わせページが見つからない場合、ユーザーは人々があなたに連絡することを望まないと考えてください。そうすれば、彼らはあなたの競争相手の1人に移動して答えを見つけます。
メインメニューの1つに含めることで、お問い合わせページを見つけやすくします。ご覧のとおり、Yardiのメインドロップダウンメニューに[お問い合わせ]リンクがあります。
シンプルに保つ。
最後に、お問い合わせページが乱雑になったり、情報が多すぎたりしないようにしてください。ユーザーが必要なアクションを簡単に実行できるように、見た目がすっきりとしていてわかりやすいものにする必要があります。
不適切なレイアウトや画像やコンテンツの乱用は、誰かと話したいだけの人にとっては摩擦を引き起こす可能性があります。デザインとコンテンツにシンプルさを取り入れることで、「より多くの訪問者をリードに変えるという目標を達成できます。
20の完璧な連絡先ページの例
以下をご覧ください。私たちが見つけた最高のお問い合わせページの20ページ。それぞれを見て、好きなものをいくつか書き留めてください。再設計を促すのに役立つかもしれません！
*注：これらのページのすべてに、上からの要素とベストプラクティス…しかし、それらは「話せないほどクールです。*
YETI
Bluleadzでは、YETIカップが大好きです。すべての従業員のデスクに1つあります（冗談ではありません）。しかし、YETIの素晴らしいドリンクウェアよりもさらに優れているのは、キックアスの連絡先ページです。
ページにアクセスすると、一番上の画像は注目を集めており、会社の個性とユーモアを次のように示しています。私たちは煙の信号に長けています。私たちが連絡を取り、あなたの質問に答えるためのより簡単な方法があります。」
FAQ、配送と返品のポリシー、保証、商品登録、ギフトカードの残高の確認など、探している適切な情報を見つけるのに役立つさまざまなオプションが用意されています。回答を見つけるのがはるかに簡単です。
それでも質問に対する正しい回答が見つからない場合は、[メールを送信]をクリックするだけで、新しいタブに連絡フォームが表示されます。 。ここで、名前と住所を入力し、連絡先のドロップダウンを選択できます。次に、開いているテキストフィールドを使用して、詳細と説明を追加します。
どこかに旅行しましょう
メールを忘れてください。はがきを送ってください！
または、少なくともお問い合わせページをはがきのように見せてください。旅行サイトLet’s Travel Somewhereは、はがきのような素晴らしいお問い合わせページを作成することで、旅行のテーマを維持しました。
シンプルなCTAボタンを使用して、Nisaに簡単なメッセージを送信できます。ただし、ページの右側には、ほとんどのはがきのようなアドレスの代わりに、ユーザーの関心を維持するためのソーシャルサイトへのリンクがあります。
これは、通常のお問い合わせページのルックアンドフィールではありません。
文法的に
連絡先ページをシンプルでクリーンな状態に保つことは常に良い考えです。結局のところ、ユーザーはあなたに連絡したいという理由でページにアクセスしているので、あまりにも多くの不要な情報と混同しないでください。
Grammarlyは、ユーザーにクリーンなページデザインを示す素晴らしい仕事をしています。 3つのCTAがあります。1つはプレスページにアクセスし、1つはヘルプとサポートに、もう1つは営業に連絡します。
YETIの設計と同様に、さまざまなブランチを事前に提供することで、訪問者は自分の内容を見つけることができます。」より簡単に探しています。また、[営業担当者に連絡] CTAをクリックすると、すぐに詳細な連絡フォームにリダイレクトされ、営業チームに送信されます。
このすっきりとした使いやすい連絡先ページには、残りの部分が反映されています。 Grammarlyブランドとウェブサイトの優れた特徴です。アクセントカラーはページに少し活気を与えますが、全体的なデザインはプロフェッショナルで便利です。
Coca-Cola
会社がコカコーラのように、お問い合わせページも充実しています。
会話型マーケティング（ライブチャットとチャットボット）の概念が人気を博し続けているため、コカコーラはウェブサイトのクリエイティブな方法です。
ページにアクセスするとすぐに使いやすいチャットボックスが表示されるため、「コカコーラに質問」して、ナレッジベースからすぐに回答を得ることができます。
[FAQ]タブでは、オンラインで回答を見つけたい人のための質問に直接アクセスできます。下にスクロールすると、一般的な連絡先情報やソーシャルアイコンが表示され、cにアイデアを送信する場所もあります。 ompany。
Moz
ページを良くするために派手なデザインは必要ありません！ Mozはそれをシンプルに保ち、このシンプルなページで要点を示しています。
住所と、Mozヘルプチームに連絡するための簡単なフォームを開く太字の黄色のCTAがあります。その下には、彼らの場所の漫画のような地図があります。これ以上はありません。
これは、ユーザーを圧倒する必要がないことを証明する優れた連絡先ページの例です。むしろ、単純なCTAにより、「連絡する準備ができたら、次のステップに進むことができます。
UberConference
UberConferenceは、多くの企業が使用する優れた仮想会議システムです。チームやクライアントとコミュニケーションをとるために。サポートのために彼らに連絡する必要がある場合は、彼らのきちんとしたお問い合わせページにアクセスしてもかまいません。
電話番号とメールが明確に表示されているので、簡単に誰かに連絡する–連絡する方法を探すためにウェブサイトを掘り下げる必要はありません（それは最悪ではありませんか？）
そして、彼らはそれを簡単にすることができなかったかのように、特定の質問を送信して回答を得るのに使用できるフォームがすぐそこにあります！
しかし、連絡先ページの優れた点の1つは、チームに連絡するための単なる方法ではないということです。これは、実際には、UberConferenceがさまざまな意図で訪問者に話しかけるファネルの下部のコンバージョンパスを使用する別の方法です。
ページを下にスクロールし続けると、次のように表示されます。A訪問者にUberConferenceへの登録を促す大胆なCTA。
これは、お問い合わせフォーム、サポートメール、フィードバックを提供するオプションと組み合わせることで、顧客と見込み客の両方にとって本当に包括的なものです。
Wendy’s
Wendy’s “お問い合わせページには、シンプルで明確なメッセージがあります。ご都合の良いときにお問い合わせください。
ページのデザインが優れているだけでなく、顧客もいます。上部にある満足度調査では、サービスや食品についての意見を共有できます。
巧妙な方法で、質問、コメント、または懸念。 （絵文字の使用は常に受け入れられているようです。）そして心配しないでください。絵文字は常に返信され、見たことを知らせます。
Achieve3000
おそらくあなたのウェブサイトを訪れるさまざまな個人。彼らは販売を探していますか？彼らはカスタマーサポートが必要ですか？
Achieve3000を使用すると、サイトにアクセスするユーザーは、3つのターゲットCTAを使用して必要なものを簡単に見つけることができます。このようにセグメント化することで、誰もが自分に適した部門に簡単に連絡できるようになります。
ページの下の方に、関連するすべての住所、電話番号、メールアドレスが含まれていることを確認します。何を探しているのか、誰に連絡しようとしているのかによって異なります。正しい番号に電話をかけなかったため、複数回リダイレクトされるだけの番号に電話をかけることほどストレスの多いことはありません。Achieve3000は、訪問者にとってこの問題を解消します–
Zendesk
トーク
Zendeskは、連絡先ページにアクセスする人々が連絡を取るための迅速な方法を探していることを認識しています。3フィールドの連絡フォームに入力してください。
彼らが求めるのは仕事用のメール、件名（価格設定/販売、請求、マーケティング/ PR、パートナーシップ、または雇用の間のドロップダウンオプション）、およびアウトリーチを参照するクイックメッセージ。[送信]をクリックすると、すぐに誰かから連絡があります。
「製品サポートをお探しの場合は、すぐに見つけることができます。お問い合わせフォームの下にある「ヘルプセンターにアクセス」CTAをクリックするだけで、Zendeskのヘルプセンターにリダイレクトされます。
Batterii
もう1つのシンプルなデザインであるBatteriiでは、連絡するためにいくつかのフィールドに入力するだけで済みます。彼らはあなたをIQテストや視力検査にかけません。彼らはあなたとあなたの会社の意図を知りたいだけです。
しかし、ここが最良のことです：
彼らはまた彼らのホームページに彼らの連絡フォームを直接含めます！
これは天才的な戦術です：彼らが彼らのウェブサイトに来たらすぐに営業担当者とつながる方法を訪問者に提供します-そしてそれはありません連絡先ページのものとは異なります。背景の明るい色や画像とは対照的に、ホームページが読み込まれると、お問い合わせフォームは非常に目立ちます。
ただし、別のページにアクセスして連絡を取りたい場合は、概要を簡単に見つけることができます。ナビゲーションバーの「お問い合わせ」ボタン。 （これにより、2倍のボーナスポイントが与えられます！）
ブランドフェア
Brandaffairのウェブサイト全体が素晴らしいです…そして彼らの連絡先ページは「失望しません。
シンプルなデザインですがビジネスへの連絡が簡単になり、気が散ることが少なくなるため、人目を引く大胆な視覚的アプローチを選択する企業もあります。Brandaffairが勝つと思います！
電話番号、メールアドレス、またはアドレスは、「MeetUs」セクションにあります。また、「プロジェクトの提案やチームへの連絡を検討している場合は、[提案]セクションの下にある空欄に記入するフォームを送信できます。かなりかっこいいですね。
Domo
Domoの連絡先ウェブサイトページは、すっきりとしたデザインが機能することを証明するもう1つの例です。
薄いグラデーションアイコンは、電話からチームに連絡するさまざまな方法を象徴しています。 24時間年中無休のサポートへのアドレス。次に、下にスクロールし続けると、一般的なフォームに記入して、質問、コメント、懸念事項についてDomoに直接連絡するオプションがあります。
このページのデザインはおかしなことではありませんが、どうやらそうです。結局のところ、Domoはクレイジーに見えたくないのです。彼らの全体的なウェブサイトのデザインは同じようにきれいなので、このページへの単純なアプローチは彼らのブランドをうまく補完します。
Yummygum
時々、それ」 ■現状に固執するか、分岐して、訪問者を引き付けるユニークであるかの違い。また、アムステルダムのデザインスタジオであるYummygumの場合、2番目のルートを選択しました。
白と青に分割された画面は、ページをロードした瞬間にコントラストが大きくなります。 「We」reHereセクションでは、会社の住所とソーシャルアイコンが表示された地図が画面にフェードインしているのを見ることができます。次に、[話しましょう]セクションで、一般的なメールに連絡するか、さまざまなフォームに記入して担当者に連絡するかを選択できます。
連絡フォームのクリエイティブな点は連絡先オプションの選択;規範に固執して訪問者に製品、サービス、カスタマーサポートなどについて質問させるのではなく、次のことについて話すことができます。
- あなたの素晴らしい製品
- コーヒーを飲みに会う
- 鳥とミツバチ
2番目と3番目のオプションについてはそれほど深刻ではないかもしれませんが、「読者を引き込み、到達させるための優れた方法です。選択した内容に応じて、送信するための別のフォームが表示されます。
アーバンインフルエンス
アーバンインフルエンスの連絡先ページは、他のWebサイトデザインに完全に適合します。モジュールのようなカラーブロックがページのさまざまなセクションを分割し、目をジャンプさせます。
ページの上部によると、Urban Impactは、電話をかけるか、メールを送信するか、「下の気の利いたフォームに記入する」ことをお勧めします。いくつかの簡単な質問（および少しの計算）で、数秒でチームに連絡できます。
プロジェクトを開始して、会社がアーバンと連携する資格があるかどうかを確認する2つの方法も提供します。影響。ページの上部に小さなハイパーリンクが含まれていますが、連絡先情報とフォームの下に、潜在的なクライアントの質問を読み込んで作業を開始するための薄いゴールドのCTAがあります。
Vidyard
複数のCTAやボタンを使用して訪問者を正しい方向に送るのではなく、Vidyardは連絡先ページをさまざまな連絡先フォームタブに整理します。
Vidyardの連絡先ページに出くわすと、次のように表示されます。ロゴのブランド化された背景画像。ブランドをすぐに識別できます。スクロールすると、4つの異なるタブが表示されます。
- 質問
- 価格
- デモ
- API
タブごとに異なるサポート機能ngテキストと記入する別のフォーム。このようにして、Vidyardチームは、フォーム内で質問することなく、あなたが何について連絡を取っているのかを正確に把握します。簡単でありながら効果的なデザインの選択です。
ミドルフィンガープロジェクト
ユーモアは、新しい訪問者を引き付け、彼らに手を差し伸べるように促すのに非常に役立ちます。それがまさにミドルフィンガープロジェクトが行っていることです！
すでに魅力的なブランド名であるミドルフィンガープロジェクトの連絡フォームは面白いものです。mad-libのような形式では、ドロップダウンオプションはかなり面白いですが、創設者のAshAmbirgeへの連絡は非常に簡単です。
数回クリックするだけで少し笑うと、製品、アイデア、証言などについてミドルフィンガープロジェクトに簡単に連絡できます。完了したら、オオカミの群れのスピードで送ってください。
そして、それに応じて連絡先ページの上部に、「超高速の応答が必要ですか？カスタマーサービスや楽しい考えについては@TMFprojectにツイートしてください！」
Deux Huit Huit
当初、Deux HuitHuitのWebサイトの連絡先ページは非常に白黒–かなり単純なデザイン。しかし、ページデザインをさらに掘り下げていくと、かなりきれいになります。
各ボタン（お問い合わせフォーム、電話番号、メール、Googleマップなど）にカーソルを合わせると、黒と白いテキストは色付きのテキストに変わり、非常にクールなタイプライター効果もあります。
「SayHello」は、お問い合わせフォームのバージョンです。必須フィールドや文字数制限はありません。チームに送信できる簡単なメッセージです。入力すると、背景色が変わります！（畏敬の念を抱いて見ることができるように、もっと書きたくなるでしょう。 。）
理想的には、メッセージのコンテキストを把握し、あなたがどこから来たのかをよりよく理解できるように、名前と会社（該当する場合）を含めることを望んでいます。
さらに、メールを含めない場合は、次の簡単なメッセージが表示されます。「うーん…連絡方法を指定していません。とにかくメッセージを送信しますか？」それで、彼らが連絡を取り戻すことができるように、必ずメッセージを残してください！
HubSpot
私たちがHubSpotの大きな支持者であることは当然のことです–ダイヤモンドパートナーエージェンシーとして、私たちは全員HubSpotトレインに乗っています。
しかし、それを除けば、実際にはWebサイトのデザイン全体が大好きです。まだチェックしていない場合は、とてもクリーンで楽しいものを使用しています。ビジュアルとしてのアニメーショングラフィック…ページをロードすると、まるで漫画に足を踏み入れたかのように感じられます。
ただし、連絡先ページのアプローチは少し異なります。実際のオフィスと実際の人々の実際の画像が表示されます。あなたが彼らに連絡するとき、彼らはあなたにあなたが誰に連絡しているのかを知ってほしいと言っています。
最初に、彼らの「連絡を取る」ヘッダーの下に、2つのオプションがあります。 [サポートに連絡]をクリックすると、サポートページにリダイレクトされます。このページでは、質問を検索し、テクノロジーでナレッジベースを掘り下げて、（願わくば）貴重な回答を見つけることができます。
それでも可能です。 「あなたが探しているものが見つかりません」？さらに下にスクロールしてさまざまなオプションを探し、HubSpotサポートチームに連絡してください。チケットを送信するか、コミュニティに質問するか、HubSpotでツイートするか、電話をかけるかにかかわらず、誰かが助けてくれます。
アナキン
非常に独創的なデザインですが、結果はかなり奇抜です。
現在、すべての連絡先ページでこのアプローチを採用することはお勧めしません。全体的なデザインが非常に大胆で大胆なため、ドイツのデザインスタジオであるAnakinで機能するようです。
彼らの形はとてもあなたの顔にあるので、彼らの連絡先ページの残りの部分はとてもきれいで、たくさんの空白を利用しています。簡単な挨拶、住所、メールアドレス、電話番号だけでうまくいきます。
Bluleadz
自分のホーンを鳴らしたいわけではありませんが、自分の連絡先ページは大好きです。
数年前にウェブサイトのブランドを変更しましたが、連絡先ページはその1つの要素にすぎませんでした。拡大された配色と新しいグラデーション、ドロップシャドウ、波の要素を使用して、魅力的で使いやすいようにページをすべて表示しました。
背景には、住所、電話番号、および電子メールとともにオフィスの場所。また、この機会を利用して、スポンサー付きゲストブログについての問い合わせ、チームへの参加、プロジェクト作業のリクエストの送信にCTAを含めました。計画は、私たちが受け取るこれらの一般的な問い合わせについて簡単に学ぶことです。
すばらしいお問い合わせページができたら、より適格なリードを生成する準備をしてください。さらに良いこと：あなたはあなたの次の幸せな顧客になる準備ができているかもしれない人々との深い会話をするためにあなたの営業チームを準備することができます。