BLOG

ブログ

不まじめなことも書いています。

スマホサイトで「電話を掛ける」追従リンクで複数電話番号入れたい時、こんなレイアウトはどうでしょう?

2019.08.30

これを書いたのは下っ端です。

2019年もあっという間に9月、、、秋ですね。
令和になってもう数か月ですが、実感はありますか?

私はないです。
さて、本題ですが、スマホサイトでよく見るタップして「電話を掛ける」ボタン。
そのボタンをタップすると電話番号がかかる形が一般的ですよね。
でも、もし複数の電話番号がある状態で「電話を掛ける」ボタンを設置する場合、どうしていますか?

ボタンをタップしてから実際に電話を掛けれるまでワンクッションありますが、このような形はいかがでしょう?

「電話でのお問い合わせ」
をタップすると
arrow_forward

実際に見てみたい方は、スマホで以下のページにアクセスください。
https://intercord.jp/test/sp_menu/

PCで見た場合は、ヘッダーに電話番号がある形になります。
これもよく見る形ですよね。

PCの時は電話番号はリンクにせず、スマホの時だけtelリンクにする処理も行っています。
簡単な仕組みですが、これもよく使いますよね。是非参考にしてみてください。
ちょっとしたご相談事などでもお気軽にお問い合わせください。

BLOGを見る