このワイヤーの特徴
主なページを読み終えた人に、共通の相談の入口がある
サービスや実績など、サイトの主な案内対象となるページを読み終えた人は、最後にフッターへたどり着きます。フッターのすぐ上に相談の帯を置き、共通の最後の入口にしています。
相談の方法を、読み手が選べる
文章で送りたい人もいれば、すぐ話したい人もいます。このワイヤーでは、フォームで相談するボタンと、電話で相談するボタンを並べ、受付時間や所要時間も添えています。
予約など、実際の受付方法に合わせて主と副を決めます。
相談へのためらいを、短い文で減らす
「まだ決まっていないのに相談してよいのか」と迷う人もいます。見出しの下に、検討段階でも相談できることを書いています。
返信までの目安を案内できる場合は、あわせて添えます。
お問い合わせページでは、帯を出さない
お問い合わせページの下にも相談の帯があると、同じページへ戻るだけのリンクになります。お問い合わせページや申し込みのページでは、帯を表示しないようにしています。
デモ上部の切り替えで確認できます。
SPでは、ボタンを押しやすい大きさにする
SPでは、フッターの上で指で押すことになります。SPでは2つのボタンを縦に並べて横いっぱいにし、発信できる端末では電話のボタンからそのまま電話をかけられるようにしています。
制作時のよくある失敗
ページの最後の相談の案内と、帯が二重に並ぶ
ページの本文の最後にも相談の案内があると、その直後の帯と同じ内容が続きます。
本文の最後の案内と帯のどちらかにまとめるか、帯の文言を変えて役割を分けます。
お問い合わせページにも、相談の帯を出す
お問い合わせページの下に「相談する」の帯があると、押しても同じページに戻るだけです。
問い合わせや申し込みのページでは、帯を出さないようにします。
電話番号だけを並べ、受付時間が分からない
電話番号だけでは、今かけてよいのかが分かりません。
受付時間を添え、時間外の人にはフォームを案内します。
発信できる環境では、電話番号を tel: のリンクにします。
帯が大きすぎて、フッターを押し下げる
帯に多くの文章や画像を入れると、フッターのリンクまでが遠くなります。
帯は見出し・短い説明・ボタンにとどめ、高さを抑えます。
ボタンの文言が「こちら」「詳しくはこちら」だけ
押した先で何ができるのかが分からないと、押す判断ができません。
「フォームで相談する」「電話で相談する」のように、行動が分かる文言にします。
よくある質問
CTAのパーツにあるセクション末尾型とは、何が違いますか?
セクション末尾型は、ページの内容に合わせて本文の区切りに置く案内です。
この型は、サイト全体で共通してフッターのすぐ上に置く帯です。
ページごとの案内と帯が続く場合は、どちらかにまとめるか、文言を変えて役割を分けます。
帯に置くボタンは、いくつがよいですか?
2つ程度が目安です。
フォーム・電話・予約など、実際の受付方法の中から主な方法を1つ決めて目立たせ、もう1つは控えめにします。
資料請求など別の目的を加える場合も、目立たせるボタンは1つにします。
帯を表示しないページは、どう決めればよいですか?
お問い合わせ、申し込み、完了のページなど、帯の行き先と同じページや、その途中のページでは表示しません。
採用ページなど相談とは別の行動を案内したいページでは、帯の内容をそのページに合わせて変える方法もあります。
電話番号は、画像にしてもよいですか?
画像にすると、読み上げで伝わらず、押して発信することもできません。
電話番号はテキストで書き、発信できる環境では tel: のリンクにします。
