Embed

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Business Ad Request Background</title>
  <style>
    html, body {
      margin: 0;
      padding: 0;
      font-family: Arial, sans-serif;
      background-color: #f4f4f4;
    }
    .container {
      background: white;
      padding: 20px;
      border-radius: 8px;
      max-width: 600px;
      margin: 40px auto;
      box-shadow: 0 0 10px rgba(0,0,0,0.1);
    }
    h2 {
      margin-bottom: 20px;
      text-align: center;
    }
    label {
      font-weight: bold;
      display: block;
      margin-top: 15px;
    }
    input, select, textarea {
      width: 100%;
      padding: 8px;
      margin-top: 5px;
      border: 1px solid #ccc;
      border-radius: 5px;
    }
    textarea {
      resize: vertical;
    }
    .options label {
      font-weight: normal;
      display: block;
      margin: 5px 0;
    }
    .options input[type="checkbox"] {
      margin-right: 10px;
    }
    button {
      background: #28a745;
      color: white;
      border: none;
      padding: 12px;
      margin-top: 20px;
      cursor: pointer;
      border-radius: 5px;
      width: 100%;
      font-size: 16px;
    }
    button:hover {
      background: #218838;
    }
    .export-btn {
      background: #007bff;
      display: none;
    }
    .export-btn:hover {
      background: #0056b3;
    }
  </style>
</head>
<body>

<div class="container">
  <h2>Business Ad Request Background</h2>

  <form id="clientForm">
    <label for="businessName">Business Name:</label>
    <input type="text" id="businessName" required>

    <label for="name">Full 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 for="specialCode">Special Offer Code:</label>
    <input type="text" id="specialCode">

    <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 these best describes your brand or service climate? (Check all that apply)</label>
    <div class="options">
      <label><input type="checkbox" value="Low Brand Awareness" class="brandClimate">1. Low Brand Awareness</label>
      <label><input type="checkbox" value="Lack of Website Traffic" class="brandClimate">2. Lack of Website Traffic</label>
      <label><input type="checkbox" value="Poor Lead Generation" class="brandClimate">3. Poor Lead Generation</label>
      <label><input type="checkbox" value="Weak Social Media Engagement" class="brandClimate">4. Weak Social Media Engagement</label>
      <label><input type="checkbox" value="Ineffective Online Advertising" class="brandClimate">5. Ineffective Online Advertising</label>
      <label><input type="checkbox" value="Difficulty Converting Visitors" class="brandClimate">6. Difficulty Converting Visitors into Customers</label>
      <label><input type="checkbox" value="Negative or No Online Reputation" class="brandClimate">7. Negative or No Online Reputation</label>
      <label><input type="checkbox" value="No Clear Email Marketing Strategy" class="brandClimate">8. No Clear Email Marketing Strategy</label>
      <label><input type="checkbox" value="Losing Customers to Competitors" class="brandClimate">9. Losing Customers to Competitors</label>
      <label><input type="checkbox" value="Inconsistent Branding" class="brandClimate">10. 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 specialCode = document.getElementById("specialCode").value || "N/A";

    let selectedMarketing = [];
    document.querySelectorAll(".marketing:checked").forEach(cb => selectedMarketing.push(cb.value));

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

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

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

    let emailBody = 
      `Business Name: ${businessName}\n` +
      `Full Name: ${name}\n` +
      `Email: ${email}\n` +
      `Phone: ${phone}\n` +
      `Business Type: ${businessType}\n` +
      `Sales Agents: ${salesAgents}\n` +
      `Special Offer Code: ${specialCode}\n` +
      `Marketing Used: ${selectedMarketing.join(", ")}\n` +
      `Brand Climate: ${selectedBrandClimate.join(", ")}\n` +
      `Additional Info: ${additionalInfo}`;

    // Replace with your agency email
    let mailtoLink = `mailto:YOUR_EMAIL_HERE?subject=New Client Request&body=${encodeURIComponent(emailBody)}`;
    window.location.href = mailtoLink;

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

  // Admin export visibility
  let isAdmin = false; // Toggle to true to show export button
  if (isAdmin) {
    document.getElementById("exportBtn").style.display = "block";
  }
</script>

</body>
</html>


Showing Your Ads

Showing Your Ads is a Digital Marketing Agency primarily focused on the Meta (Facebook) platform. At Showing Your Ads, we integrate tools like AI chat assistants, automated lead workflows, and dynamic CRM sequences that turn casual interest into booked appointments. You focus on your craft; the technology takes care of the timing, tone, and follow-through.