Преглед изворни кода

Update order request copy and confirmation flow

Rename "Request an order" to "Start an order" throughout, move the
CTA section to the top of the home page, add the customer's email to
the order-details notification, and keep the submission confirmation
message on screen for 30 seconds before redirecting.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
master
Daniel Covington пре 2 недеља
родитељ
комит
fd8b73624c
5 измењених фајлова са 20 додато и 17 уклоњено
  1. +1
    -1
      app/controllers/RequestOrderController.asp
  2. +2
    -1
      app/models/OrderMailer.asp
  3. +11
    -11
      app/views/Home/index.asp
  4. +4
    -2
      app/views/Order/continue.asp
  5. +2
    -2
      app/views/RequestOrder/index.asp

+ 1
- 1
app/controllers/RequestOrderController.asp Прегледај датотеку

@@ -5,7 +5,7 @@ Class RequestOrderController_Class


Private Sub Class_Initialize() Private Sub Class_Initialize()
m_useLayout = True m_useLayout = True
m_title = "Request an Order"
m_title = "Start an Order"
End Sub End Sub


Public Property Get useLayout Public Property Get useLayout


+ 2
- 1
app/models/OrderMailer.asp Прегледај датотеку

@@ -84,7 +84,8 @@ Class OrderMailer_Class
html = html & EmailSection("Contact Information", _ html = html & EmailSection("Contact Information", _
EmailRow("Contact Name", model.ContactName) & _ EmailRow("Contact Name", model.ContactName) & _
EmailRow("Municipality", model.Municipality) & _ EmailRow("Municipality", model.Municipality) & _
EmailRow("Phone", model.Phone))
EmailRow("Phone", model.Phone) & _
EmailRow("Email", order("Email")))


If IsTrue(model.PurpleWantsQuote) Then If IsTrue(model.PurpleWantsQuote) Then
html = html & EmailSection("Purple Ballot Envelopes", _ html = html & EmailSection("Purple Ballot Envelopes", _


+ 11
- 11
app/views/Home/index.asp Прегледај датотеку

@@ -1,4 +1,14 @@
<section class="hero" style="padding: 48px 0; border-radius: var(--radius-lg); overflow: hidden;">
<section id="request-order" class="cta-section" style="padding: 40px 0;">
<div class="cta-card">
<div>
<span class="eyebrow">Ready to get started?</span>
<h2>Click Start an order and we'll email you a secure link to continue.</h2>
</div>
<a class="button button-light" href="<%= H(Routes().AppURL & "request-order") %>">Start an order</a>
</div>
</section>

<section class="hero" style="padding: 48px 0; border-radius: var(--radius-lg); overflow: hidden;">
<div class="hero-grid" style="gap: 40px;"> <div class="hero-grid" style="gap: 40px;">
<div class="hero-copy"> <div class="hero-copy">
<span class="eyebrow">Election mail production made simple</span> <span class="eyebrow">Election mail production made simple</span>
@@ -47,16 +57,6 @@
</div> </div>
</section> </section>


<section id="request-order" class="cta-section" style="padding: 40px 0;">
<div class="cta-card">
<div>
<span class="eyebrow">Ready to get started?</span>
<h2>Request an order and we'll email you a secure link to continue.</h2>
</div>
<a class="button button-light" href="<%= H(Routes().AppURL & "request-order") %>">Request an order</a>
</div>
</section>

<section id="services" style="padding: 48px 0;"> <section id="services" style="padding: 48px 0;">
<div class="section-heading"> <div class="section-heading">
<span class="eyebrow">Complete production support</span> <span class="eyebrow">Complete production support</span>


+ 4
- 2
app/views/Order/continue.asp Прегледај датотеку

@@ -72,7 +72,7 @@
completeText: "Submit Order", completeText: "Submit Order",
checkErrorsMode: "onNextPage", checkErrorsMode: "onNextPage",
clearInvisibleValues: "onHidden", clearInvisibleValues: "onHidden",
completedHtml: "<h3>Thank you for submitting your order.</h3>",
completedHtml: "<h3>Thanks! We've received your submission. A KCI representative will be in touch in the next 48 hours. If you don't see anything in your inbox, be sure to check your spam.</h3>",
pages: [ pages: [
{ {
name: "contact", name: "contact",
@@ -473,7 +473,9 @@
}) })
.then(function (result) { .then(function (result) {
if (result.ok && result.body && result.body.success) { if (result.ok && result.body && result.body.success) {
window.location.href = "<%= H(Routes().AppURL) %>";
setTimeout(function () {
window.location.href = "<%= H(Routes().AppURL) %>";
}, 30000);
} else { } else {
alert((result.body && result.body.error) || "Something went wrong submitting your order. Please try again."); alert((result.body && result.body.error) || "Something went wrong submitting your order. Please try again.");
} }


+ 2
- 2
app/views/RequestOrder/index.asp Прегледај датотеку

@@ -2,7 +2,7 @@
<div class="form-panel"> <div class="form-panel">
<div class="section-heading form-section"> <div class="section-heading form-section">
<span class="eyebrow">Start your order</span> <span class="eyebrow">Start your order</span>
<h1>Request an order</h1>
<h1>Start an order</h1>
<p> <p>
Enter your email address and jurisdiction number below. We'll email you a Enter your email address and jurisdiction number below. We'll email you a
secure link to continue your order. secure link to continue your order.
@@ -26,7 +26,7 @@


<div class="cf-turnstile" style="margin-bottom: 24px;" data-sitekey="<%= H(turnstileSiteKey) %>"></div> <div class="cf-turnstile" style="margin-bottom: 24px;" data-sitekey="<%= H(turnstileSiteKey) %>"></div>


<button type="submit" class="button button-primary">Request order</button>
<button type="submit" class="button button-primary">Start order</button>
</form> </form>
</div> </div>
</section> </section>


Loading…
Откажи
Сачувај

Powered by TurnKey Linux.