Trim the fat

Hot Tip #61 is to trim the <head> fat.

Start by opening up your Landing Page source code view. In Google Chrome: File > View > Developer > View Source. Other browsers will be similar.

Copy all of the code between the opening and closing <head> tag and paste it into a text editor.

Use this checklist, starting from the top:

This can (and will) uncover scripts, font weights, and code snippets that add nothing but load time to your visitor’s experience.

As tedious as it sounds, your future Landing Pages will benefit from knowing what is behind them.

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.

Hot Tip #63 is to add a radial burst behind your product imagery.

With only a few additional lines of CSS code, you can add another dimension to your Landing Page design.

The CSS Gradient tool can help generate the code for you online:

Here is the Hot Tip (Pre-Sale) Landing Page without a radial burst:

Here is the Landing Page with a radial burst:

With the addition of a drop-shadow on the image, a background radial burst can really add depth to the design, bringing your product imagery to life.

CSS Gradient tool – Wonderful tool I use to generate all my gradient code for Landing Pages. Here is a 1-minute video walkthrough.
Gradient Inspiration – A collection of 100+ Landing Pages I’ve curated featuring colorful gradients.

Hot Tip #64 is to delay your chatbot.

If you feel your Landing Page benefits from one, only kick that bugger off once your visitor has scrolled to the pricing table, FAQs, or footer.

A corner chat notification on arrival wrecks concentration, and we can’t afford to distract visitors while they decipher what we do.