メルマガ登録方法を「空メール送信」から「フォーム入力」に変更する

TOP > 制作 > モバイルページ

1 スマートフォンサイトのメルマガ登録方法

スマートフォンサイトでメルマガを登録するには、「空メール送信」または「フォーム入力」による２つの登録方法があります。

■空メール送信でメールアドレスを登録する方法

メルマガ希望のお客さんは、空メール送信だけで登録できます。メールアドレスの入力ミスもなく、簡単にメルマガが登録できます。




  1. メルマガ登録案内ページで「今すぐ登録する」をタップします。
  2. メーラーが起動するので、お客さんは何も編集せずに、空メールを送信します。
  3. 空メールを送信したメールアドレスは自動で登録完了し、メルマガ登録完了メールがお客さんに届きます。

■フォーム入力でメールアドレスを登録する方法

メルマガ希望のお客さんは、メールアドレスをフォームに入力して登録します。



  1. 「メルマガ登録・変更・解除」ボタンをタップします。
  2. 新規登録フォームに、メルマガの送信先として希望するメールアドレスを入力して「登録する」ボタンをタップします。
  3. 登録完了画面に、登録メールアドレスが表示されます。また、メルマガ登録完了メールがお客さんに届きます。


メルマガ希望者がメールアドレスを登録すると、管理画面メニュー「集客・運用 ＞ メールマガジン ＞ 読者管理」に登録されます。
読者管理の登録メールアドレス宛てに、メルマガを送信する方法は、他のページで詳しくご案内しています。
＞＞オンラインサポート「258」または「021」で検索

ＰＣサイトのメルマガ登録方法や自動送信メールの設定方法は、他のページで詳しくご案内しています。
＞＞オンラインサポート「023」で検索


登録完了メールが届かないお客さんはメールの受信制限を行っている可能性があります。店舗さんがメルマガを発行する時に使用する差出人メールアドレス「xxxx＠独自ドメイン」からメールを受け取れるように、あらかじめ端末側で受信する設定をしてもらいましょう。

2 「空メール送信」から「フォーム入力」に変更する

スマートフォンサイトのメルマガ登録案内ページは、空メール送信によるメールアドレスの登録が、初期表示になっています。
メルマガ登録を「空メール送信」から「フォーム入力」に変更する方法をご案内します。

2-1 ＰＣページ連動設定を解除する

ＰＣページ連動を解除すると、スマートフォンサイトのメルマガ案内ページが編集できるようになります。

■メルマガ登録案内ページのＰＣ連動を解除します

  1. 「スマートフォン用」にチェックします。
  2. 左下の「設定を保存する」をクリックします。

    ＰＣページ連動設定が解除され、スマートフォンサイトのメルマガ案内ページで編集ができるようになります。

2-2 メルマガ登録案内ページを編集する


２０２１年１月２０日以降の契約店舗さんは、ＰＣ連動を解除すれば「空メール送信」から「フォーム入力」の登録案内に自動で切り替わります。メルマガ登録案内ページのＨＴＭＬ編集は不要なため、「2-3 お店ページに反映する」だけで、「フォーム入力」に変更できます。

■「空メール送信」による登録可否を設定します


フォーム入力に変更しても「空メール送信」は無効になりません。
無効にするには、空メールによる登録を「受け付けない」にチェックを
入れて設定を保存します。

■ＨＴＭＬを編集します

  1. ＨＴＭＬの編集画面で、ＨＴＭＬサンプルソースを貼り付けます。

    ＨＴＭＬエディタ を使用している場合、
    「ＨＴＭＬソース編集」をクリックします。

■コピーしたＨＴＭＬサンプルを貼り付けます

  1. ＨＴＭＬサンプルをコピーして、貼り付けます。


    以下に、ＨＴＭＬサンプルを用意しています。スマートフォンサイトのメルマガ登録案内ページの編集に活用してください。　　　

  2. 左下の「更新」をクリックします。

「メルマガ登録・変更・解除」ボタンを表示するＨＴＭＬサンプル

<div>いつも当店をご利用いただきありがとうございます。<br><br>メールマガジンを登録していただくと、<br>最新入荷情報やお得な情報をいち早くお届けします。<br>
この機会にぜひご登録ください。<br>
<br><br>
<div class="button">
<p class="btg_r">
<input type="submit" class="validation_submit_btn notLeave" id="mailmag-reader-setting" name="SUBMIT" value="メルマガ登録・変更・解除" data-prompt-position="inline">
</p><br><br></div></div>

※自作ページやフリーエリアなど、他のページに記述する場合は、メルマガ登録案内ページ内のスクリプトも一緒に記述が必要です。


メルマガ登録案内ページに設置した「メルマガ登録・変更・解除」をクリックすると、フォーム入力画面に遷移します。
管理画面メニュー「デザイン設定 ＞ その他 ＞ メルマガ紹介ページ」の「メルマガページ設定 ＞ 項目の設定」で
「新規登録・アドレス変更・配信解除を受け付ける」に設定している店舗さんは、こちらのＨＴＭＬサンプルを利用しましょう。

「メルマガ解除」ボタンを表示するＨＴＭＬサンプル

<div>いつも当店をご利用いただきありがとうございます。<br><br>メールマガジンを登録していただくと、<br>最新入荷情報やお得な情報をいち早くお届けします。<br>この機会にぜひご登録ください。<br><br><br>
<div class="button">
<p class="btg_r"><input type="submit" class="validation_submit_btn notLeave" id="mailmag-reader-cancel" name="SUBMIT" value="メルマガ解除" data-prompt-position="inline"></p>
<br><br></div>
</div>

※自作ページやフリーエリアなど、他のページに記述する場合は、メルマガ登録案内ページ内のスクリプトも一緒に記述が必要です。


メルマガ登録案内ページに設置した「メルマガ解除」をクリックすると、配信解除フォームのみ表示している画面に遷移します。
管理画面メニュー「デザイン設定 ＞ その他 ＞ メルマガ紹介ページ」の「メルマガページ設定 ＞ 項目の設定」で
「配信解除のみ受け付ける」に設定している店舗さんは、こちらのＨＴＭＬサンプルを利用しましょう。

空メール送信でメルマガを登録するＨＴＭＬサンプル

<div>いつも当店をご利用いただきありがとうございます。<br><br> メールマガジンを登録していただくと、<br>最新入荷情報やお得な情報をいち早くお届けします。<br>この機会にぜひご登録ください。<br>
<br><br>
◆メルマガの登録<br>&rarr;<a href="mailto:mb_mailmag@mobile.独自ドメイン?subject=このまま送信してください&body=%0D%0A編集せず、このまま送信してください。%0D%0A登録完了後、メールでお知らせいたします。%0D%0A">今すぐ登録する</a> <br>
<br><br>
◆メルマガの解除<br>&rarr;<a href="mailto:mb_mailmag_del@mobile.独自ドメイン?subject=このまま送信してください&body=%0D%0A編集せず、このまま送信してください。%0D%0A登録解除後、メールでお知らせいたします。%0D%0A">解除する</a> <br><br></div>

お店の独自ドメイン（またはショップＩＤドメイン）のモバイル用サブドメインのアドレス宛てに、空メールを送信して登録・解除します。
メールアドレスのオレンジの部分は、ショップサーブで利用している独自ドメインに書き換えてください。
【 メルマガ登録用アドレス 】
mb_mailmag@mobile.独自ドメイン

【 メルマガ解除用アドレス 】
mb_mailmag_del@mobile.独自ドメイン

※「独自ドメイン」を利用してない場合は、「ショップID.shopserve.jp」に置き換えてください。

2-3 お店ページに反映する

スマートフォンサイトのメルマガ案内ページの編集内容をお店ページに反映します。

■プレビューに反映します

  1. 「プレビューに反映する」をクリックします。

    右横のプレビューに反映されます。

■「お店ページに反映する」をクリックします

  1. プレビューで問題なければ、「お店ページに反映する」をクリックし、実際のお店ページに反映します。


    メルマガ登録案内ページには、こちらの編集画面に表示されているページのＵＲＬ、またはフッタのメニューにある「メルマガ登録」からアクセスしてください。

    ▼スマートフォンサイト　メルマガ登録案内ページのURL
    https://独自ドメイン/smp/mailmag.php