スマホでホームページを見ている最中に電話番号の画面をクリックすると直接電話が掛けられるようにするというHTMLタグがあります。
わざわざ店舗に出向いていただけるはずのお客様がもし、道に迷ったら・・・
ホームページやブログを頼りに来るわけですからこのような細かい配慮があるとお客様には大変喜ばれるかと思います。
HTMLの知識が少しでもある人でしたら簡単に導入できますのでぜひ行ってみてください。
導入するHTMLタグ
<a href="tel:ハイフン無し電話番号">012-345-6789</a>
赤文字の部分に電話番号を入力してください。
注意
※左側の緑文字は電話をかけるために必要な部分ですのでこちらにはハイフンは入れないでください。
右側は実際ホームページでクリックする数字の表記となっておりますのでハイフンを入れてください(入れなくてもいいですが)
例)4444-44-4444という電話番号を使用したHTMLタグ
<a href="tel:4444444444">4444-44-4444</a>
実際の見え方は以下になります。
画像をタップすることで電話をかけるようにするHTMLタグ
実装例
コードはこのように書きます。
<a href="tel:ハイフンなし電話番号"><img src="画像URLをhttpから記載" alt="電話でのお問合せ ☎01-234-5678 スマートフォンをご利用の場合、こちらをタップすることで電話をかけることができます "/></a>
モバイルサイト対応のブログやホームページをお持ちのお客様は是非とも導入してみてください。
WordPressプラグイン 「ぱっ!と〇〇シリーズ ぱっ!とフォン」リリースいたしました。
よろしければご利用ください。
株式会社 ウィズ・プランニング 代表取締役 留辺蘂商工会議所議員
LINE公式における Green Badge取得
北海道出身北海道留辺蘂町という人口9千人に満たない小さな町を拠点としながら独自の集客方法で、東京・大阪・福岡・名古屋・沖縄、そして海外に至るまで幅広いクライアント層を確立。
そのかたわら、TV/CMなどで活躍している大手上場企業や芸能プロダクションなど、多くのウェブ制作、デザイン業務、講師業にも携わっている。
ホームページとLINE公式を活用した集客、販売の仕組み化を得意とする。
趣味はベースギターと一眼レフカメラ、腕時計収集、旅行