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
| @@ -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 | ||||
| @@ -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", _ | ||||
| @@ -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> | ||||
| @@ -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,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> | ||||
Powered by TurnKey Linux.