Embed

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Business Growth Intake Form</title>
    <style>
        .form-container {
            background: white;
            padding: 20px;
            border-radius: 8px;
            max-width: 500px;
            margin: 20px auto;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
        }
        .form-container h2 {
            margin-top: 0;
        }
        .form-container label {
            font-weight: bold;
            display: block;
            margin-top: 10px;
        }
        .form-container input, 
        .form-container select, 
        .form-container textarea {
            width: 100%;
            padding: 8px;
            margin-top: 5px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }
        .form-container .options label {
            font-weight: normal;
            display: block;
            margin-bottom: 5px;
        }
        .form-container button {
            background: #28a745;
            color: white;
            border: none;
            padding: 10px;
            margin-top: 15px;
            cursor: pointer;
            border-radius: 5px;
            width: 100%;
        }
        .form-container button:hover {
            background: #218838;
        }
        .form-container .export-btn {
            background: #007bff;
            display: none; /* Hidden for front-end users */
        }
        .form-container .export-btn:hover {
            background: #0056b3;
        }
    </style>
</head>
<body>

<div class="form-container">
    <h2>Business Growth Intake Form</h2>
    
    <form id="clientForm">
        <label for="businessName">Business Name:</label>
        <input type="text" id="businessName" required>

        <label for="name">Owner Name:</label>
        <input type="text" id="name" required>
        
        <label for="email">Email:</label>
        <input type="email" id="email" required>

        <label for="phone">Phone Number:</label>
        <input type="tel" id="phone" required>

        <label for="businessType">Type of Business:</label>
        <input type="text" id="businessType" required>

        <label for="salesAgents">Number of Sales Agents (if any):</label>
        <input type="number" id="salesAgents" min="0">

        <label>Current Marketing Being Used (Select all that apply):</label>
        <div class="options">
            <label><input type="checkbox" value="Social Media" class="marketing"> Social Media</label>
            <label><input type="checkbox" value="Google Ads" class="marketing"> Google Ads</label>
            <label><input type="checkbox" value="Radio" class="marketing"> Radio</label>
            <label><input type="checkbox" value="TV" class="marketing"> TV</label>
            <label><input type="checkbox" value="Newspaper" class="marketing"> Newspaper</label>
            <label><input type="checkbox" value="Other" id="otherMarketing"> Other (Specify below)</label>
        </div>

        <label for="otherMarketingText">If other, specify:</label>
        <input type="text" id="otherMarketingText">

        <label>Which of the following best describes your present pain point? (Check all that apply)</label>
        <div class="options">
            <label><input type="checkbox" value="Low Brand Awareness" class="brandClimate"> Low Brand Awareness</label>
            <label><input type="checkbox" value="Lack of Website Traffic" class="brandClimate"> Lack of Website Traffic</label>
            <label><input type="checkbox" value="Poor Lead Generation" class="brandClimate"> Poor Lead Generation</label>
            <label><input type="checkbox" value="Weak Social Media Engagement" class="brandClimate"> Weak Social Media Engagement</label>
            <label><input type="checkbox" value="Ineffective Online Advertising" class="brandClimate"> Ineffective Online Advertising</label>
            <label><input type="checkbox" value="Difficulty Converting Visitors" class="brandClimate"> Difficulty Converting Visitors into Customers</label>
            <label><input type="checkbox" value="Negative or No Online Reputation" class="brandClimate"> Negative or No Online Reputation</label>
            <label><input type="checkbox" value="No Clear Email Marketing Strategy" class="brandClimate"> No Clear Email Marketing Strategy</label>
            <label><input type="checkbox" value="Losing Customers to Competitors" class="brandClimate"> Losing Customers to Competitors</label>
            <label><input type="checkbox" value="Inconsistent Branding" class="brandClimate"> Inconsistent Branding and Messaging</label>
        </div>

        <label for="additionalInfo">Additional Information:</label>
        <textarea id="additionalInfo" rows="4"></textarea>

        <button type="button" onclick="submitForm()">Submit</button>
        <button type="button" class="export-btn" id="exportBtn" onclick="exportToCSV()">Export to Excel</button>
    </form>
</div>

<script>
    function submitForm() {
        let businessName = document.getElementById("businessName").value;
        let name = document.getElementById("name").value;
        let email = document.getElementById("email").value;
        let phone = document.getElementById("phone").value;
        let businessType = document.getElementById("businessType").value;
        let salesAgents = document.getElementById("salesAgents").value || "N/A";
        
        let selectedMarketing = [];
        document.querySelectorAll(".marketing:checked").forEach((checkbox) => {
            selectedMarketing.push(checkbox.value);
        });

        let selectedBrandClimate = [];
        document.querySelectorAll(".brandClimate:checked").forEach((checkbox) => {
            selectedBrandClimate.push(checkbox.value);
        });

        let otherMarketing = document.getElementById("otherMarketingText").value;
        if (document.getElementById("otherMarketing").checked && otherMarketing.trim() !== "") {
            selectedMarketing.push(otherMarketing);
        }

        let additionalInfo = document.getElementById("additionalInfo").value;

        let emailBody = `Business Name: ${businessName}\nFull Name: ${name}\nEmail: ${email}\nPhone: ${phone}\nBusiness Type: ${businessType}\nSales Agents: ${salesAgents}\nMarketing Used: ${selectedMarketing.join(", ")}\nBrand Climate: ${selectedBrandClimate.join(", ")}\nAdditional Info: ${additionalInfo}`;
        
        let mailtoLink = `mailto:rapidgrowthseo@gmail.com?subject=New Client Request&body=${encodeURIComponent(emailBody)}`;
        window.location.href = mailtoLink;

        alert("Your information has been submitted successfully!");
        document.getElementById("clientForm").reset();
    }

    // Hide export button unless admin
    let isAdmin = false;
    if (isAdmin) {
        document.getElementById("exportBtn").style.display = "block";
    }
</script>

</body>
</html>


Showing Your Ads

Digital Marketing Agency