bd3bd9d7e7f262631f5bdc6783795626_sスマホでホームページを見ている最中に電話番号の画面をクリックすると直接電話が掛けられるようにするというHTMLタグがあります。

わざわざ店舗に出向いていただけるはずのお客様がもし、道に迷ったら・・・

ホームページやブログを頼りに来るわけですからこのような細かい配慮があるとお客様には大変喜ばれるかと思います。

HTMLの知識が少しでもある人でしたら簡単に導入できますのでぜひ行ってみてください。

導入するHTMLタグ

<a href="tel:ハイフン無し電話番号">012-345-6789</a>

赤文字の部分に電話番号を入力してください。

注意
※左側の緑文字は電話をかけるために必要な部分ですのでこちらにはハイフンは入れないでください。

右側は実際ホームページでクリックする数字の表記となっておりますのでハイフンを入れてください(入れなくてもいいですが)

例)4444-44-4444という電話番号を使用したHTMLタグ

<a href="tel:4444444444">4444-44-4444</a>

実際の見え方は以下になります。

4444-44-4444

画像をタップすることで電話をかけるようにするHTMLタグ

実装例

電話でのお問合せ ☎01-234-5678 スマートフォンをご利用の場合、こちらをタップすることで電話をかけることができます

コードはこのように書きます。

<a href="tel:ハイフンなし電話番号"><img src="画像URLをhttpから記載" alt="電話でのお問合せ ☎01-234-5678 スマートフォンをご利用の場合、こちらをタップすることで電話をかけることができます
"/></a>

 

モバイルサイト対応のブログやホームページをお持ちのお客様は是非とも導入してみてください。

WordPressプラグイン 「ぱっ!と〇〇シリーズ ぱっ!とフォン」リリースいたしました。

よろしければご利用ください。

patto_phone

この記事が気に入ったら
いいね ! しよう