Public Access
feat: add email field to business wizard, update success message
- Add email input field after textareas, before checkboxes - Email required via both HTML 'required' attribute and JS validation - POST email field to webhook as 'email' key - Add .biz-field input[type='email'] CSS (inline + external) matching textarea style - Update success message: 'We will email you the report once it is ready. AI generation typically takes 1-2 minutes.' - Remove reference to new window / auto-download (no longer opens window)
This commit is contained in:
+8
-1
@@ -83,6 +83,9 @@
|
||||
.biz-form{text-align:left}.biz-field{margin-bottom:1.25rem}
|
||||
.biz-field label{display:block;font-family:Marcellus,Georgia,serif;font-size:.95rem;color:#fff;margin-bottom:.4rem;font-weight:400}
|
||||
.biz-field textarea{width:100%;padding:.8rem 1rem;border-radius:var(--radius);border:1px solid var(--line-brass);background:rgba(255,255,255,.05);color:#fff;font-family:Inter,sans-serif;font-size:.88rem;line-height:1.6;min-height:90px;outline:none;transition:border-color .2s,background .2s;resize:vertical}
|
||||
.biz-field input[type="email"]{width:100%;padding:.8rem 1rem;border-radius:var(--radius);border:1px solid var(--line-brass);background:rgba(255,255,255,.05);color:#fff;font-family:Inter,sans-serif;font-size:.88rem;outline:none;transition:border-color .2s,background .2s;box-sizing:border-box}
|
||||
.biz-field input[type="email"]:focus{border-color:var(--brass);background:rgba(255,255,255,.08)}
|
||||
.biz-field input[type="email"]::placeholder{color:rgba(255,255,255,.3)}
|
||||
.biz-field textarea:focus{border-color:var(--brass);background:rgba(255,255,255,.08)}
|
||||
.biz-field textarea::placeholder{color:rgba(255,255,255,.3)}
|
||||
.biz-form .btn-lg{margin-top:.5rem;width:100%}
|
||||
@@ -408,6 +411,10 @@
|
||||
<label for="bizChallenges">Current Challenges</label>
|
||||
<textarea id="bizChallenges" placeholder="What problems are you facing? Manual processes, data silos, growth pains, lack of visibility..." required></textarea>
|
||||
</div>
|
||||
<div class="biz-field">
|
||||
<label for="bizEmail">Your Email</label>
|
||||
<input type="email" id="bizEmail" placeholder="your@email.com" required />
|
||||
</div>
|
||||
<div class="biz-checkbox-group">
|
||||
<label class="biz-checkbox"><input type="checkbox" id="bizHasHomepage" /> I already have a homepage</label>
|
||||
<label class="biz-checkbox"><input type="checkbox" id="bizUsesOdoo" /> I already use ODOO</label>
|
||||
@@ -418,7 +425,7 @@
|
||||
<div class="biz-success" id="bizSuccess" style="display:none">
|
||||
<i class="fas fa-check-circle"></i>
|
||||
<h3>Your project plan is being prepared</h3>
|
||||
<p>A new window has opened with your personalized Odoo project plan. The download will start automatically after research is complete.</p>
|
||||
<p>We will email you the report once it is ready. AI generation typically takes 1-2 minutes.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -592,6 +592,9 @@ var si = 0,
|
||||
var challenges = document.getElementById('bizChallenges').value.trim();
|
||||
if (!description || !goals || !challenges) return;
|
||||
|
||||
var email = document.getElementById('bizEmail').value.trim();
|
||||
if (!email) return;
|
||||
|
||||
var hasHomepage = document.getElementById('bizHasHomepage').checked;
|
||||
var usesOdoo = document.getElementById('bizUsesOdoo').checked;
|
||||
var hasDeveloper = document.getElementById('bizHasDeveloper').checked;
|
||||
@@ -607,6 +610,7 @@ var si = 0,
|
||||
f.style.display = 'none';
|
||||
|
||||
var fields = {
|
||||
email: email,
|
||||
description: description,
|
||||
goals: goals,
|
||||
challenges: challenges,
|
||||
@@ -626,7 +630,7 @@ var si = 0,
|
||||
f.submit();
|
||||
f.remove();
|
||||
|
||||
/* Show success message — download will start automatically */
|
||||
/* Show success message — we'll email the report */
|
||||
form.style.display = 'none';
|
||||
success.style.display = 'block';
|
||||
});
|
||||
|
||||
@@ -792,6 +792,24 @@ img { max-width: 100%; height: auto; vertical-align: middle; }
|
||||
background: rgba(255,255,255,0.08);
|
||||
}
|
||||
.biz-field textarea::placeholder { color: rgba(255,255,255,0.3); }
|
||||
.biz-field input[type="email"] {
|
||||
width: 100%;
|
||||
padding: 0.8rem 1rem;
|
||||
border-radius: var(--radius);
|
||||
border: 1px solid var(--line-brass);
|
||||
background: rgba(255,255,255,0.05);
|
||||
color: #fff;
|
||||
font-family: Inter, sans-serif;
|
||||
font-size: 0.88rem;
|
||||
outline: none;
|
||||
transition: border-color 0.2s, background 0.2s;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.biz-field input[type="email"]:focus {
|
||||
border-color: var(--brass);
|
||||
background: rgba(255,255,255,0.08);
|
||||
}
|
||||
.biz-field input[type="email"]::placeholder { color: rgba(255,255,255,0.3); }
|
||||
.biz-form .btn-lg { margin-top: 0.5rem; width: 100%; }
|
||||
.biz-checkbox-group {
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user