メールフォーム、メルマガ配信、お問い合わせフォーム、アンケートフォーム、ご注文フォームを簡単に作成!

GreenFormのサイトへの埋め込み方法

GreenForm-フォーム4

みなさま、こんにちは。

GreenFormサポートです。

本日は、GreenFormをサイトへ埋め込む

方法について、書かせていただきます。

ご登録がまだの方は、

 

■GreenFormご利用登録

https://admin.greenform.jp/users/add

 

よりご登録くださいませ。

まずは、GreenFormでフォームを作成します。

ダッシュボードより、「フォームをつくる」です。

GreenForm-フォーム1

 

最初のフォームには、氏名とメールの

アイテムがあらかじめセットされています。

GreenForm-フォーム2

 

私はここに、

マンガアイテムを追加して保存しました。

(このマンガアイテム、私はお気に入りです♪)

GreenForm-フォーム3

 

アイテムを配置し終えましたら、

「変更を反映」ボタンをおします。

こうすることで、インターネットのサーバに、

作成したフォームが反映されます。

 

では、「フォームを表示」ボタンをおして、

いま作成したフォームを表示してみましょう。

みなさまはうまく表示されましたでしょうか?

 

(もしうまく表示されない!という方は、

https://greenform.jp/lp/#contact よりお問い合わせ

くださいませ)

 

私はこんなフォームになりました。

GreenForm-フォーム4

 

では、いま作成したフォームを

お手持ちのサイトに埋め込んでいきます。

 

まずはフォームを埋め込みたいhtmlファイルを

メモ帳などでひらきます。

GreenForm-フォーム5

 

そして、GreenFormの埋め込みコードを

記述します。

埋め込みコードの表示には、

GreenFormのダッシュボードより、

「フォーム情報」をおします。

GreenForm-フォーム6

GreenForm-フォーム8

    フォーム情報

 

 

そして、埋め込みコードを

htmlに埋め込みます。

GreenForm-フォーム9

 

 

以上で完成です!