loader

Sample HTML Form with Form2CRM Rent Manager Integration

View Categories

1 min read

Click here to download a template for an easy HTML form (text .RTF format).

Here’s a full text version of a sample form for you


<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Contact Form</title>
        <style>
            /* Form container */
            form {
                max-width: 400px;
                margin: 0 auto;
            }
    
            /* Input fields */
            input[type="text"],
            input[type="email"],
            input[type="tel"],
            textarea,
            select {
                width: 100%;
                padding: 10px;
                margin-bottom: 10px;
                border: 1px solid #ccc;
                border-radius: 4px;
            }
    
            /* Button */
            button {
                background-color: #0074D9;
                color: #fff;
                border: none;
                padding: 10px 20px;
                border-radius: 4px;
                cursor: pointer;
            }
    
            /* Button hover effect */
            button:hover {
                background-color: #0056b3;
            }
        </style>
    

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contact Form</title>
</head>
<body>
<h1Form2CRM</h1><p>Form2CRM is a POST only function.  Here is a basic form.</p>
    <form action="https://rent-manager.azurewebsites.net/api/Form2CRM" method="post">
        <input type="hidden" id="clientID" name="clientID" value="">
        <label for="name">Name: (required)</label>
        <input type="text" id="name" name="name" required><br>

        <label for="email">Email: (required)</label>
        <input type="email" id="email" name="email" required><br>

        <label for="phone">Phone:</label>
        <input type="tel" id="phone" name="phone"><br>

        <label for="address">Address:</label>
        <input type="text" id="address" name="address"><br>

        <label for="city">City:</label>
        <input type="text" id="city" name="city"><br>

        <label for="Title">Subject: (required)</label>
        <input type="text" id="title" name="title" required><br>

        <label for="category">Category:</label>
        <select id="category" name="category">
            <option value="Property Wide">Property Wide</option>
            <option value="Maintenance">Maintenance</option>
            <option value="To do">To do</option>
        </select><br>

        <label for="description">Description:</label>
        <textarea id="description" name="description" rows="4"></textarea><br>

        <!-- Add captcha field here (e.g., reCAPTCHA) -->

        <button type="submit">Submit</button>
    </form>
</body>
</html>

Leave a Reply

Your email address will not be published. Required fields are marked *