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-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 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 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:focus{border-color:var(--brass);background:rgba(255,255,255,.08)}
|
||||||
.biz-field textarea::placeholder{color:rgba(255,255,255,.3)}
|
.biz-field textarea::placeholder{color:rgba(255,255,255,.3)}
|
||||||
.biz-form .btn-lg{margin-top:.5rem;width:100%}
|
.biz-form .btn-lg{margin-top:.5rem;width:100%}
|
||||||
@@ -408,6 +411,10 @@
|
|||||||
<label for="bizChallenges">Current Challenges</label>
|
<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>
|
<textarea id="bizChallenges" placeholder="What problems are you facing? Manual processes, data silos, growth pains, lack of visibility..." required></textarea>
|
||||||
</div>
|
</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">
|
<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="bizHasHomepage" /> I already have a homepage</label>
|
||||||
<label class="biz-checkbox"><input type="checkbox" id="bizUsesOdoo" /> I already use ODOO</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">
|
<div class="biz-success" id="bizSuccess" style="display:none">
|
||||||
<i class="fas fa-check-circle"></i>
|
<i class="fas fa-check-circle"></i>
|
||||||
<h3>Your project plan is being prepared</h3>
|
<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>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|||||||
@@ -592,6 +592,9 @@ var si = 0,
|
|||||||
var challenges = document.getElementById('bizChallenges').value.trim();
|
var challenges = document.getElementById('bizChallenges').value.trim();
|
||||||
if (!description || !goals || !challenges) return;
|
if (!description || !goals || !challenges) return;
|
||||||
|
|
||||||
|
var email = document.getElementById('bizEmail').value.trim();
|
||||||
|
if (!email) return;
|
||||||
|
|
||||||
var hasHomepage = document.getElementById('bizHasHomepage').checked;
|
var hasHomepage = document.getElementById('bizHasHomepage').checked;
|
||||||
var usesOdoo = document.getElementById('bizUsesOdoo').checked;
|
var usesOdoo = document.getElementById('bizUsesOdoo').checked;
|
||||||
var hasDeveloper = document.getElementById('bizHasDeveloper').checked;
|
var hasDeveloper = document.getElementById('bizHasDeveloper').checked;
|
||||||
@@ -607,6 +610,7 @@ var si = 0,
|
|||||||
f.style.display = 'none';
|
f.style.display = 'none';
|
||||||
|
|
||||||
var fields = {
|
var fields = {
|
||||||
|
email: email,
|
||||||
description: description,
|
description: description,
|
||||||
goals: goals,
|
goals: goals,
|
||||||
challenges: challenges,
|
challenges: challenges,
|
||||||
@@ -626,7 +630,7 @@ var si = 0,
|
|||||||
f.submit();
|
f.submit();
|
||||||
f.remove();
|
f.remove();
|
||||||
|
|
||||||
/* Show success message — download will start automatically */
|
/* Show success message — we'll email the report */
|
||||||
form.style.display = 'none';
|
form.style.display = 'none';
|
||||||
success.style.display = 'block';
|
success.style.display = 'block';
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -792,6 +792,24 @@ img { max-width: 100%; height: auto; vertical-align: middle; }
|
|||||||
background: rgba(255,255,255,0.08);
|
background: rgba(255,255,255,0.08);
|
||||||
}
|
}
|
||||||
.biz-field textarea::placeholder { color: rgba(255,255,255,0.3); }
|
.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-form .btn-lg { margin-top: 0.5rem; width: 100%; }
|
||||||
.biz-checkbox-group {
|
.biz-checkbox-group {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
Reference in New Issue
Block a user