フォームのサンプル

簡単不動産proのフォームはContact Form 7 のようなプラグインを使用することを想定していますが、基本的なフォームのデザインも組み込まれているのでサンプルを紹介します。

お問い合わせフォームのHTMLサンプル

[code language=”html”] <table class=”basic-table”>
<tr>
<th>
件名<i class=”fas fa-asterisk”></i>
</th>
<td>
[text* subject] </td>
</tr>
<tr>
<th>
お名前<i class=”fas fa-asterisk”></i>
</th>

<td>
[text* your_name] </td>
</tr>

<tr>
<th>
メールアドレス<i class=”fas fa-asterisk”></i>
</th>

<td>
[email* email] </td>

</tr>
<tr>
<th>ご質問・ご要望<i class=”fas fa-asterisk”></i></th>
<td>
[textarea* message] </td>
</tr>

</table>

<div class=”action-box”>
[submit class:btt “上記の内容で送信する”] </div>
[/code]

物件お問い合わせのHTMLサンプル

[code language=”html”] <ul class=”form-content”>
<li>
<label><i class=”fas fa-asterisk”></i>物件名</label>
<div class=”input-container”>
[text* your-subject] </div>
</li>
<li>
<label><i class=”fas fa-asterisk”></i>お名前</label>
<div class=”input-container”>
[text* your-name akismet:author placeholder “例 東洋 太郎”] </div>
</li>
<li>
<label><i class=”fas fa-asterisk”></i>メールアドレス</label>
<div class=”input-container”>
[email* email-218 akismet:author_email placeholder “例)info@sample.com”] </div>
</li>
<li>
<label>電話番号</label>
<div class=”input-container”>
[text tel-596 placeholder “例)03-1234-5678″] </div>
</li>
<li>
<label>ご希望内容をチェックして下さい</label>
<div class=”input-container”>
[checkbox checkbox-429 use_label_element “物件を実際に見たい” “間取図が見たい” “周辺環境を知りたい” “お店に行きたい” “最新の空室状況を知りたい” “入居に関して相談したい”] </div>
</li>
<li>
<label>ご質問・ご要望</label>
<div class=”input-container”>
[textarea textarea-748 x10 class:40] </div>
</li>
<li>
<label></label>
この物件はデモ物件です<br>
株式会社インデックスジャパン<br>
宅地建物取引業知事免許(○)第○△□号<br>
</li>
</ul>
<span><i class=”fas fa-asterisk”></i><a href=”/privacy” target=”_blank”>プライバシーポリシー</a>を必ずお読みください。同意頂いた場合は、確認画面へお進み下さい。</span>
[submit class:btt “上記の内容で送信する”] [/code]