フォームのサンプル

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

お問い合わせフォームの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>

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

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