Include an email within error messages

Hot Tip #62 is to include a support email address within your error messages.

If your Landing Page payment integration offers message customization, include a support email address for when a problem persists:

🚫

✅

This can potentially convert dozens of disgruntled visitors into happy customers.

#69 - Checkout Tips, Development Tips, Optimization Tips, UX Tips

Make it accessible

Hot Tip #69 is to make it accessible.

Providing people with health conditions or impairments, the ability to read and navigate your Landing Page easily is the right thing to do.

Here are five small tasks that can go a long way:

Create a clear :focus state like this – keep hitting tab on your keyboard and see what happens in your Landing Page.
Ensure your text color contrast isn’t weak – this text against this background – has a decent AAA accessibility score of 8.99.
Increase your browser font size and see if your Landing Page layout breaks or anything become illegible.
Correctly assign and order semantic headings (H1, H2, H3) – disabling your stylesheet or using a screen reader will quickly surface issues with your hierarchy.
Describe all your non-decorative images using the alt tag – if an image is only there for graphic purpose you can let the screen reader skip it.

One hour tackling the above, could saves hundreds of frustrating hours for others.

The exercise will also strengthen your Landing Page by surfacing fundamental development issues.

Chrome Lighthouse – Instructions how to run an accessibility audit for your Landing Page in Google Chrome.
Contrast for Mac – Great tool I use to to ensure my text colors are within Accessibility standards.
Accessible Color Generator – Useful to find the nearest accessible-passing color based on your color inputs (that are failing).
Focusing on Focus Styles – Solid article by Eric Bailey covering :focus and :active CSS selectors.
10 Screen Readers – A curated round-up by UsabilityGeek.
UserWay – A website accessibility solution for ADA & WCAG Compliance. Their widget sits in the corner of the browser where users can customize their browsing experience.

#72 - Checkout Tips, Conversion Tips

Reassure during checkout

Hot Tip #72 is to reassure your visitors during the checkout process.

Nerves are high. Settle them with these small reminders, strategically positioned near the checkout form:

⭐️ The average customer star rating
🍏 A small stack of well-known client logos
💳 A payment-related FAQ
💬 A short but comforting testimonial

Also, try to include anything that adds transparency to the experience. This can alleviate any lingering doubts the visitor may have.

Note how LearnUX reassures by showing you exactly how the payment will appear on your statement — including the renewal date differences between tiers:

If checkout customization isn’t possible in your Landing Page, the above would still apply to the area around your pricing table or final CTA button.

#73 - Checkout Tips, Copywriting Tips, Marketing Tips

Personalize the success message

Hot Tip #73 is to personalize the success message.

Congrats on converting your Landing Page visitor into a beaming customer. Why not strengthen the relationship with a personalized ‘thank you’ message as the transaction completes?

The nerds call this Lead Nurturing but think of it more as a cherry on top. The same kind of sweet cherry when someone includes an (unexpected) handwritten note inside a packaged delivery.

When I paid for my HEY account, this popped up from the CEO. I shared it with around 5 people and saw the same message shared a dozen times on social media:

Write the personalized message you would want to receive after buying a product online — it’s a wasted opportunity not to.