自由記入欄にアンケートやお問い合せ用のフォームを設置できますか

2016-12-19 15:54

アンケートなどのフォームを作成できるカスタムフォームページをご用意しております。
カスタムフォームの登録

下記のフォーム作成サービス(外部サービス)もご利用可能です。
■フォームズ
http://www.formzu.com/

上記のサイトで、メールフォームを作成してください。(入力必須チェック等の機能も付属しています。)
メールフォームのURLが作成されます。このままでは、自由記入欄にメールフォームを表示できませんので
下記の手順で作業を行ってください。

STEP1 自由記入欄内にHTMLタグを記載する
自由記入欄に、下記のHTMLタグを記載してください。
※iframeを利用して、ページ内部にメールフォームを表示しています。
例)
<div class="center_box"><iframe src="フォームズで作成したメールフォームURL" width="490" height="600" frameborder="0">インラインフレーム対応ブラウザでご覧ください。</iframe></div>

※フォームズサイトにもiframeタグ生成ツールがございますのでご利用ください。
フォームの設置方法
STEP2 iframeとメールフォームの幅を調整する
フォームズの管理画面にログインいただき、デザイン設定からフォームの横幅を調整してください。
STEP1内のサンプルソースの場合、iframeの幅を490pxにしていますので、フォームズ管理画面のデザイン設定ページのタイトルとフォームの幅を470pxで設定してください。
また、各テキストエリアの幅も各項目のパラメーター変更から設定できますので、横は20~30文字で設定してください。
※この幅は中央エリアに配置する場合を想定して記載しております。
一部テンプレートで幅調整が必要な場合がございます。

また、iframeの高さはSTEP1のサンプルソースの場合、600pxとしています。
フォームの縦幅が長くなる場合は、上記の数値を1000等に変更してください。

※iframeを利用していますので、完了画面内の画面を閉じるをクリックしても画面を閉じることはできません。ご了承ください。

 

完了画面からメールフォームトップへのリンクを設定したい場合
メールフォームのトップページへのリンクを完了画面に設定する場合は、フォームズ管理画面のフォーム情報→パラメータ変更画面でトップページURL欄に作成したメールフォームのURLを記載してください。
●完成したサンプルページ
https://cafe0707.ocnk.net/home/

※メールフォームへの誘導用に自由記入欄をご利用いただく場合は、上記の作業は必要ありません。
自由記入欄にメールフォームへのリンクを記載してください。
例)
<a href="メールフォームURL" target="_blank">アンケートフォームはこちら</a>