<p class="thumb"><img src="http://cdn.zako.org/images/2016/01/getform.png" alt="Getform" width="592" height="278" class="alignnone size-full wp-image-30170" /></p>

<p>サイトを制作している時、すでにHTMLコーディングはできているんだけれども、お問い合わせフォームのプログラムが間に合っていない、なんてこともあるかと思います。</p>
<p>手っ取り早くGoogleフォームなどを使うという手段もありますが、それだとiframeなので、すでに出来上がっているデザインを当てられないなんてデメリットがあります。</p>
<p>今回はそんな時に役立つサービスをご紹介します。</p>
<!--more-->
<h3 class="header-label">お問い合わせフォームを簡単に作れる「Getform」</h3>
<p>「<a target="_blank" href="https://getform.org/">Getform</a>」は、<strong>すでに出来上がっているHTMLのフォームへ簡単にプログラムを実装できる</strong>ウェブサービス。</p>
<p>送信されたお問い合わせ内容は、サービスサイト上に蓄積され、エクセル形式でエクスポートすることも可能です。</p>

<h4 class="tips">サンプルお問い合わせフォーム</h4>
<form style="text-align: center;" action="https://getform.org/f/0f1e7992-9f85-4aae-8662-b365b655f7b3" method="POST">
<p>
お名前（必須）：<br /><input type="text" name="name" required />
</p>
<p>
ご連絡先メールアドレス（必須）：<br /><input type="email" name="email" required />
</p>
<p>
お問い合わせ内容：<br /><textarea name="text" rows="8" cols="40" maxlength="150"></textarea>
</p>
<p>
<button type="submit">送信</button>
</p>
</form>

<h4 class="tips">送信されたデータを蓄積</h4>
[caption id="attachment_30172" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2016/01/getform5.png" alt="お問い合わせフォームから送信されたデータの一覧。" width="592" height="293" class="size-full wp-image-30172" /> お問い合わせフォームから送信されたデータの一覧。[/caption]
<p>フォームを設置する際に、入力項目ごとにname属性を付けておけば、そのname属性が列項目のタイトルとなってサービスサイト上に蓄積されていきます。</p>
<p>途中から項目を増やしても、列が増えて蓄積されていきます。その他、送信元のIPアドレスと送信した日付も表示されます。</p>

<h4 class="tips">エクセル形式でエクスポート</h4>
[caption id="attachment_30171" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2016/01/getform6.png" alt="Excel形式でエクスポートしたお問い合わせ受信一覧。" width="592" height="136" class="size-full wp-image-30171" /> Excel形式でエクスポートしたお問い合わせ受信一覧。[/caption]
<p>蓄積されたお問い合わせ内容のデータは、エクセル形式でエクスポートできます。</p>

<h4 class="tips">フォームの作成手順</h4>

<h5 class="tips">1.フォームのタイプを選ぶ</h5>
[caption id="attachment_30176" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2016/01/getform1.png" alt="2種類のタイプから選択。" width="592" height="376" class="size-full wp-image-30176" /> 2種類のタイプから選択。[/caption]
<p>フォームは通常のお問い合わせフォームとファイルアップロード機能付きの2種類から選べます。</p>

<h5 class="tips">2.フォームの基本設定</h5>
[caption id="attachment_30175" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2016/01/getform2.png" alt="フォームの管理名とサンクスページの指定。" width="592" height="359" class="size-full wp-image-30175" /> フォームの管理名とサンクスページの指定。[/caption]
<p>フォームの名前とサンクスページURLの指定をおこないます。サンクスページがなくてもOKです。</p>

<h5 class="tips">3.このサービスのアカウントを作成</h5>
[caption id="attachment_30174" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2016/01/getform3.png" alt="メールアドレスとパスワードの設定。" width="592" height="430" class="size-full wp-image-30174" /> メールアドレスとパスワードの設定。[/caption]
<p>フォームの内容を蓄積する画面を利用するために、アカウントを作成します。</p>

<h5 class="tips">4.タグの発行</h5>
[caption id="attachment_30173" align="alignnone" width="592"]<img src="http://cdn.zako.org/images/2016/01/getform4.png" alt="formタグの発行。" width="592" height="319" class="size-full wp-image-30173" /> formタグの発行。[/caption]
<p>最後にFormタグが発行されます。このタグをHTMLで作成したフォームに追加します。</p>
<p>また、入力項目ごとにname属性を付与することで、そのname属性が列の項目となって蓄積されるようになります。</p>

<p>無料版では1,000回までお問い合わせを受けることができるようになっています。興味があるかたは<a target="_blank" href="https://getform.org/">Getform</a>へどうぞ。</p>

