ホームページでお客様からのお問い合わせに、問い合わせフォーム以外に電話で受け付けられている場合は、タップすると電話をかけられるリンクがあるとスマホからのお客様はお問い合わせしやすくなりますよね。

タップすると電話番号が表示されてiPhoneやスマホから電話をかけられるリンクは簡単に設置できます。

そのやり方をお伝えします。

電話番号リンクの設定方法

通常のリンクと同様に<a>タグを使います。そしてリンク先に「tel:電話番号」とハイフン「-」無しで記述します。

例）電話番号が000-000-0000の場合（架空の電話番号です）

<a href="tel:0000000000">電話でお問合せ：000-000-0000</a>

リンク先、href属性に入れる電話番号はハイフン「-」無しがポイントです。

アンカーテキストには「電話でお問合せ：000-000-000」などのようにハイフン「-」を記述したほうがお客様にはわかりやすく見やすくなると思います。

画像を使った電話番号リンクの設定方法

電話番号リンクを画像ボタンで表現したい場合は、その画像ボタンにリンクを上記と同様に設定すればオッケーです。

<a href="tel:0000000000"><img src="telbutton" alt="お問合せ電話番号：000-000-0000"></a>

参考になれば幸いです。