【ベーシック】商品販売フォームを作りたい

【ベーシック】商品販売フォームを作りたい

DVDや書籍などの商品販売フォームを作る手順を解説します。
商品数が少ない場合は、カートシステムを用意しなくてもオートビズだけで販売を完結できます。
さらに、クレジットカード決済との連携をすることで、決済が完了した人だけにメールを自動で送ることもできます。

注意点
カード決済と連携する場合は別途、決済代行会社さまとのご契約が必要になります。
本ページの設定は、決済代行会社とのご契約・決済代行側の管理画面での設定を完了させてから行ってください。
なお、ご契約された決済代行会社によって設定方法は異なります。

商品販売のサンプルフォーム

(クリックしてフォームを開いてみてください)


設定手順
1. 【シナリオ一覧】画面で、商品販売フォーム専用のシナリオを作る
※お客様には見えませんので、管理しやすい名前を付けてください。シナリオ名は後から変更できます。


※メールの差出人情報、登録通知メール送信先を入力し、シナリオを登録します。

2. 【登録ページ・フォーム】画面で商品販売フォームを作る
※先ほど作成したシナリオを選びます。

3. ページデザインのテンプレートを選択する

最初は「シンプル1×白」が選択されている状態なので、変更したい場合は「テンプレートを選択」ボタンをクリックします。

4. フォームのタイトルを設定する

商品販売用の項目を設定する
※入力項目に住所を設定する場合、郵便番号から住所を自動入力させることができます。

●単品商品を販売する場合の項目の設定


●複数商品を販売する場合の項目の設定

※商品と金額の紐付け方法について(【ベーシック】金額が異なる数種類の商品を販売したい

出来上がったフォームのイメージ

このフォームでは【ヘッダー】を利用しています。

5. 完了ページ(サンキューページ)を設定する

▼サンキューページのイメージ

▼登録完了ページのサンプル文章(登録完了ページの【ページ内容】に貼り付け、必要な個所を書き換えてご利用ください)
html
Copied!
<div style="text-align: center;">
<span style="font-size:24px;"><strong>ご注文いただき、ありがとうございます。</strong></span> <br /> <br />
商品の注文を承りました。発送まで今しばらくお待ち下さい。 <br /> <br /> <br />
<span style="font-size:20px;"><strong>■商品金額のお支払について</strong></span> <br /> <br />
<span style="font-size:14px;"><strong><クレジットカード決済を選択された方></strong></span> <br />
画面上部にあるボタンをクリックして、決済画面にお進みください。 <br /> <br /> <br />
<span style="font-size:14px;"><strong><銀行振込を選択された方></strong></span> <br />
以下の口座にお振込みをお願いいたします。 <br /> <br />
金融機関名 :○△□銀行 <br />
支店名 : ××支店  店番:*** <br />
預金科目 : 普通 <br /> 口座番号 : ******* <br />
口座名義 : カ)〇〇〇〇〇〇 <br /> <br /> <br />
<span style="font-size:14px;"><strong><代金引換を選択された方></strong></span> <br />
配送業者の方に、代金のお支払いをお願いいたします。
</div>

※サンプル文章は、以下の画像のように「ソース」ボタンが凹んだ状態になっていることを確認してから貼り付けてください。
※PC、スマホを個別に設定している場合、「スマホ」用のヘッダーにもソースを貼り付けてください。
※今回の設定例ではPaypal(ペイパル)を利用しています。



6. 【ステップメール作成】画面でお客さま宛に送るメールを作る
<設定イメージ>

受付完了のメールと署名を設定する
1. ペンのマークをクリック

2. メール内容を編集

■1通目(ステップメール1通目の【件名】に貼り付けてご利用ください)]
sample_subject
Copied!
ご注文を受け付けました。

(ステップメール1通目の【本文】に貼り付け、必要な個所を書き換えてご利用ください)
※メール形式が「HTML形式」になっている場合、テキスト形式に文章を入力してから「テキスト本文から複写する」ボタンをクリックしてください。
sample_message
Copied!
[[name1]][[name2]]さま

株式会社○○○○です。

この度は教材をご注文いただきありがとうございます。
ご注文内容は本メールをご確認ください。

■ご注文内容の確認
-------------------------------------------------------
ご希望商品:[[fld6]]
金額:[[fld7]]円
お支払方法:[[fld8]]
-------------------------------------------------------

もし間違いがある場合は文末の連絡先までご一報ください。
よろしくお願いいたします。


メール本文の下にある「定型文・署名(全STEP共通の設定)」をクリックし、メールの署名を設定します。

署名の設定が完了したら、「保存する」ボタンをクリックして設定を保存します。

▼署名のサンプル(【署名】に貼り付け、連絡先を書き換えてご利用ください)
※メール形式が「HTML形式」になっている場合、書き換え後「テキスト本文を複写する」ボタンをクリックしてください。
sample_signature
Copied!
配信解除は以下URLからお手続きください。
[[cancelurl]]

--------
■メールの末尾に差し込む署名欄です。(↓連絡先等、書き換えてご利用ください)
・・‥…━━━━━━━━━━━━━━━━━━━━━━━╋
株式会社○○○○
〒999-9999 
東京都千代田区1-1
TEL:03-9999-9999  FAX:03-9999-9998
E-mail: test@address
╋━━━━━━━━━━━━━━━━━━━━━━━…‥・・

<お客さまに送るメールの内容を設定する>
※2通目はご入金を確認したタイミング(クレジットカード決済連携をしている場合、決済完了後に自動送信)、3通目は商品を発送したタイミングで配信再開を行ってください。4通目以降は自動で送られます。

▼メールのサンプル文章(STEP2の【件名】に貼り付けてご利用ください)
sample_subject
Copied!
ご入金を確認しました。

(STEP2の【本文】に貼り付け、必要な個所を書き換えてご利用ください)
※メール形式が「HTML形式」になっている場合、テキスト形式に文章を入力してから「テキスト本文から複写する」ボタンをクリックしてください。
sample_message
Copied!
[[name1]]さま

株式会社○○○○です。

この度はDVD教材をご注文いただき ありがとうございました。

ご入金を確認しましたのでご連絡いたします。
商品の発送作業が完了しましたら ご連絡いたしますので、 今しばらくお待ちいただきますよう お願い申し上げます。

なお、発送作業は2営業日以内とさせていただきます。
(土日祝日を挟む場合は前後いたします)

よろしくお願いいたします。



■3通目(STEP3の【件名】に貼り付けてご利用ください)
sample_subject
Copied!
ご入金を確認しました。

(STEP3の【本文】に貼り付け、必要な個所を書き換えてご利用ください)
※メール形式が「HTML形式」になっている場合、テキスト形式に文章を入力してから「テキスト本文から複写する」ボタンをクリックしてください。
sample_message
Copied!
[[name1]]さま
株式会社○○○○です。

先日は教材DVDをご購入いただきありがとうございました。
本日商品を発送させていただきましたので ご報告させていただきます。
2~3日以内にお手元に届くかと思いますが 万が一、5日を過ぎても届かない場合は ご一報くださいませ。
-------------------------------
お問い合わせ先
-------------------------------
株式会社○○○○
電話番号:000-0000-0000
営業時間:平日10時~17時
メールアドレス:test@address
ご不明な点等がございましたら、ご連絡ください。 よろしくお願いいたします。

3通目の配信スケジュール
商品を発送してから送るメールの内容になっているため、【配信スケジュール】は以下のよう日程します。

「このSTEPで一時停止にする」にチェックを入れる
間隔で指定 登録から0分後 にする
Powered by Helpfeel