メインコンテンツにスキップ

メールソフトの自動起動リンク(mailto:)を設定する

Studioでmailto:を設定する方法を説明します。また、CCやBCCの指定、件名・本文の初期設定、迷惑メール対策などのカスタマイズ方法も紹介します。

一週間前以上前にアップデートされました

Point:mailto:とは、リンクをクリックすると、ユーザーの端末に設定されている標準のメールソフトが起動し、新規メール作成画面が開く仕組みです。

mailto: リンクの設定手順

  1. デザインエディタで、メールリンクを設定したいテキストやボタンを選択します。
    ボタン設置方法の例:左パネルの[追加]タブ > [パーツ]タブ > ボタン[全て表示]​

  2. 右側のパネルの[設定]タブを開きます。右パネルが閉じている場合は開いてください。

  3. [リンク]欄に、以下の形式でメールアドレスを入力します。

    mailto:info@example.com
    上記のメールアドレス部分(info@example.com)を、使用したいメールアドレスに置き換えてください。

  4. サイトを更新します。 更新するまで、変更内容は反映されません。

  5. プレビューまたは公開ページでリンクをクリックし、メールソフトが起動して指定したアドレスが宛先に設定されたメールが作成されることを確認します。

mailto: リンクをカスタマイズする

コードを追加して、mailto: リンクをカスタマイズをすることができます。カスタマイズ例をご紹介します。

CC・BCC・件名・本文の設定

  • CCやBCCを指定したい場合

    例:mailto:info@example.com?cc=cc@example.com&bcc=bcc@example.com

  • 件名や本文をあらかじめ入力したい場合

    例:mailto:info@example.com?subject=お問い合わせ&body=ご連絡内容をご記入ください。

  • 本文内で改行したい場合

    例:mailto:info@example.com?body=1行目%0D%0A2行目

迷惑メール対策

メールアドレスの@(アットマーク)を文字参照**@**に置き換えることで、メールアドレスの自動収集を防ぐ効果があります。

例:mailto:info@example.com

こちらの回答で解決しましたか?