面倒な事務作業を仕組み化して、自分の事業に 集中したい人をサポートをします

Jimdoにお問い合わせフォーム・注文フォームを埋め込む方法/フォームズ

手作りマスクを売りたい!無料で始めるネットショップの作り方

↑こちらの記事で説明した「Jimdo+フォームズで完全に無料でネットショップを始めるポイント」についてご質問をいただきました。

フォームズ でフォームを作ったのですが、Jimdoとどう繋げたらいいか教えてください。

ピヨさん

水上

了解です!少しややこしいので順番に説明していきますね。

今回は、

  • フォームズ でお申し込みフォームを作る方法
  • Jimdoにお問い合わせフォーム・注文フォームを埋め込む方法
について解説します。

 

フォームズ で注文フォームを作成する

1.メールアドレスを入力して、メールフォームを作るボタンをクリックします。

 

2.フォームのタイトルとパスワードを入力して、同意して進むボタンをクリックします。

 

3.新規フォーム作成画面が開きますので、左上のフォームを表示ボタンをクリックします。

 

4.項目の追加をクリックします。

今回は注文フォームを作りたいので、住所電話番号注文フォームを追加します。

その他、必要な項目があれば追加してくださいね。

 

5.メールアドレスの下に住所電話番号を追加します。

この位置に追加するをクリックします。

 

6.住所・電話番号をクリックします。

 

7.住所をクリックします。

 

8.左上に住所が追加されたことを確認して、この項目を追加するボタンをクリックします。

 

9.項目の追加を反映するをクリックします。

同様に電話番号も追加しましょう。

 

10.フォームの表示ボタンをクリックして住所電話番号が追加されたことを確認しましょう。

次は、注文フォームをクリックして追加します。

 

11.注文フォームを有効にするにチェックを入れましょう。

 

12.タイトルの変更が必要であれば変更します。

品名単価を入力します。

在庫に数を入力すると、上限に達した時点で注文できなくなります。

水上

トラブルを避けるために在庫数に限りがある場合は入力しておくと便利ですよ。

更新するをクリックします。

左上のフォームの表示をクリックしてフォームを確認しましょう。

 

13.注文フォームが一番上にきているので、電話番号の下に移動しましょう。

順番の並べ替えをクリックします。

 

14.注文フォームを掴んで電話番号の下までドラックしましょう。

終わったら順番を更新するをクリックします。

 

自動返信メールを設定する

自動返信メールとは?

メールの送信者(お客様)に対して、予め設定しておいた文章を自動で返信を行う機能です。

この設定を行うことで、送信者(お客様)に対して迅速に返信を行うことができます。

詳しい返信の期日、振り込みの方法などを予め記載しておけば、スムーズに取引を進めることができます。

水上

顔の見えない通販では細やかな気配りが大切です。ぜひ、使ってみてくださいね。

自動返信メールの設定方法

1.メール設定自動返信メールをクリックします。

 

2.自動返信メールを有効にするにチェックを入れます。

 

3.差出人名メールの件名メール本文を入力します。

終わったら更新するをクリックします。

自動返信メールの一例をご紹介

###tkna001### 様 ←下に説明あり

お申込みありがとうございます。

土日祝を除く2営業日以内に
ワークショップの日程候補日を
ご連絡いたします。

今しばらくお待ちください。

【お振込先のご案内】

◯◯◯◯講座  5000円

●銀行振込の場合
××銀行
△△支店 支店番号◯◯◯ 普通
口座番号 ******* ミズカミ サトミ
※申し訳ありませんが振込手数料はお客様のご負担にてお願いいたします。

1週間以内を目処にお振込をいただければ幸いです。
お手数ですがよろしくお願いいたします。

●PayPalの場合
別途請求書をメールでお送りしますのでご確認ください。

お会いできます事を楽しみにしております。

✎︎____________
お申し込み内容

###ALL### ←下に説明あり

差込キーワード

自動返信メールの本文や件名に差込キーワードを使用できます。
「差込キーワード」とはフォームからの入力値を自動返信メール内に表示する機能です。

tkna001### 様   →お客様のお名前 様 と表示されます。

###ALL###   →全ての入力内容が表示されます。

下の差込キーワードを使って文章を考えましょう。

水上

通販で買い物したことはありますか?

自動返信メールの文面は、通販で買い物をした時のメールの文章などをよく読んで研究しましょう。

 

4.全て入力が終わったら、保存するをクリックします。

 

5.自動振り分けURLの【URLコピー】をクリックします。

自動振分けURL(レスポンシブ)とは?

このURLを使うとパソコン、スマホ、タブレットの端末ごとにフォームのサイズを自動的に調節して表示してくれます。

 

水上

さあ、あと一息で完成です。

次はフォームズをJimdoに埋め込んで表示させるための準備です。

 

参考 フォームの設置方法フォームズ

↑こちらのページを開いてJimdoに埋め込むためのタグを作ります。

5で、コピーしたURLをフォームURLに貼り付けます。

タグ生成ボタンをクリックします。

下に表示された、フォーム設置HTMLタグをコピーします。

Jimdoにフォームを設置する

1.Jimdoを開いてフォームを設置したい場所でコンテンツの追加をクリックします。

2.ウィジェット/HTMLをクリックします。

 

登録がまだの方はこちらから↓

3.先ほどコピーしたフォーム設置HTMLタグを貼り付けします。

フォームを中央に設置したいので、

貼り付けたタグの最初に<center>、最後に</center>を入力します。(上の画像のピンクの下線を参照)

保存をクリックします。

 

フォームが完成しました。

お問い合わせフォームもフォームズで

Jimdoにもフォームの機能があり、簡単に問い合わせフォームを設置することができます。

しかし、Jimdoの自動返信メールは英語でしか設定ができません。

問い合わせフォームもフォームズ で同じように作成して、自動返信メールを設定することがオススメです。

 

さいごに

「Jimdoにお問い合わせフォーム・注文フォームを埋め込む方法」いかがでしたでしょうか?

少し手間がかかりますが、面倒なことの方がコスパが高いのは真実です。

一度仕組みを作ってしまえば、手数料等もかからずネットショップを始めることができますよ。

 

質問を大募集しています!!

一人ひとりにお返事はできないかもしれませんが、ブログの記事で解説させていただきますね。

こちらからご質問いただけたら嬉しいです。

 

一人で作る自信がない、時間がなくて作れないという方向けにサポートも行っています。

お気軽にお問い合わせくださいね。

 

水上

最後までお読みいただきありがとうございました!



コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です