KozupisDesign

メッセージを送る

KozupisDesign

リンクmailtoの設定いろいろ

html

こんにちは!


 


普段はサイト制作時のお問い合わせに関して、Contactform7を使うことがほとんどなのですが


今回の案件はフォームの使用が難しくmailtoで対応することになりました。


 


少しでもユーザーにとって便利な使い方ができないかと思い調べたので


ここに残します!


 


 


まずは基本のmailto設置





<a href="mailto:contact@gmail.com">お問い合わせ</a>


a タグの href 属性に “mailto:メールアドレス” と記述すると、クリックでメールアプリが起動し、メール作成画面が表示されます。


これだけでもメールを送ることはできます!


 


ここにさらに情報を追加していきます。


 


 


件名を設定する





<a href="mailto:contact@gmail.com?subject=○○に関するお問い合わせ">お問い合わせ</a>


“mailto:メールアドレス?subject=設定したい件名” という形式で ? を使って続けて記述します。


 


ccにアドレスを入れる





<a href="mailto:contact@gmail.com?cc=info@gmail.com">お問い合わせ</a>


mailtoで設定したアドレスにccで別の送信アドレスを追加することができます。


,(カンマ)で区切ることで複数のアドレスを設定することもできます。



<a href="mailto:contact@gmail.com?cc=info@gmail.com,sample@gmail.com">お問い合わせ</a>


ちなみにbccを設定することもできますが、メール送信の際にアドレスが送信者から見えてしまうので


ユーザーが不安にならないか心配だなぁと個人的には思っていて


使いどころがわからないですが一応載せておきます!



<a href="mailto:contact@gmail.com?bcc=info@gmail.com">お問い合わせ</a>


本文を入力する





<a href="mailto:contact@gmail.com?body=お問合せありがとうございます。こちらに本文をご記入ください。">お問い合わせ</a>


「%0D%0A」と入力することで改行させることもできます。



<a href="mailto:contact@gmail.com?body=お問合せありがとうございます。%0D%0Aこちらに本文をご記入ください。">お問い合わせ</a>


複数の項目を設定する




複数の項目を設定したい場合は”&”で繋げて記述します。



<a href="mailto:contact@gmail.com?subject=○○に関するお問い合わせ&cc=info@gmail.com,sample@gmail.com&body=お問合せありがとうございます。%0D%0Aこちらに本文をご記入ください。">お問い合わせ</a>


 


以上です!


ちょっとした設定でユーザーの手間を減らしてコンバージョンを取りたいですね。


フォームの方が便利だとは思いますが、今回みたいにmailtoを使う時は知っておきたい情報かなと思います。


 


役に立つと嬉しいです。