STUDIOのデザインで、ボタンなどをクリックした際にメールソフトや電話が立ち上がるようにする方法を解説します。

まず、メールソフト、電話ともにリンクの追加で設定することが可能です。

メールソフトの設定

リンクの部分に、以下の指定を行なうと、リンクをクリックした時にメールソフトが立ち上がるようになります。

mailto:info@example.com

メールの宛先欄には、指定したメールアドレスが既に入力された状態になります。

※上記のサンプルコードをコピーする場合は、メールアドレスの書き換えを忘れないようにご注意ください。



メールアドレスのアットマーク( @ )は、文字参照で@と記述することもできます。(迷惑メール対策として)

mailto:info@example.com

また下記のようにすることで、メールの件名や本文の初期値も指定することが可能です。

mailto:info@example.com?subject=件名&body=本文

CCやBCCなども設定することができます。

mailto:info@example.com?cc=cc@example.com&bcc=bcc@example.com&subject=件名&body=本文

電話の起動

リンクの部分に、href="tel:電話番号" を指定すると、電話発信用のリンクを設定することができます。

tel:電話番号


Did this answer your question?