How to Speed Up Your Author Website for More Book Sales

Picture this: a reader just finished your latest romance novel at 1 AM, swooning over that perfect kiss scene you rewrote twelve times. They're desperate for more of your books, so they grab their phone and search for your website...

...and then wait.

And wait.

And wait some more.

Yikes. That magical moment just fizzled faster than a failed first date.

Your website is like your digital storefront—and if it takes forever to load, readers might walk right past it. This week, we're doing a performance check that will help speed things up, delight your visitors, and maybe even give your book sales a little boost.

Why Author Website Speed Optimization Matters for Romance Writers

<>Let's talk numbers for a sec:

• Most visitors bounce if a page takes more than 3 seconds to load

• Search engines favor faster websites (hello, better rankings!)

• For every second delay, conversions drop by about 7%

Translation? A slow website could mean fewer newsletter signups, fewer book sales, and fewer readers falling head over heels for your stories.

But don't worry! You don't need a computer science degree to fix this. Just a cup of coffee and these simple steps.

5 Ways to Make Your Author Website Faster Than a Reader Flipping Pages

1. Test Your Website Speed (Before You Make Any Changes)

Think of this like taking your website's temperature. Before you start treating symptoms, you need to know what's wrong!

How to do it:

• Head over to Google PageSpeed Insights or GTMetrix

• Type in your website URL

• Wait for the analysis (it only takes a minute!)
  

  • Look for these key numbers:

  • Page load time (aim for under 3 seconds)

  • Mobile performance score

  • Largest contentful paint (fancy talk for "when your main content appears")

Take a screenshot of your results—you'll want to compare "before and after" when you're done with your speed cleanup.

2. Compress and Resize Those Gorgeous Book Covers

We get it—you want those cover reveals to shine! But massive image files are like trying to fit your entire wardrobe in a weekend bag. Something's gotta give.

How to do it:

• Find free tools like TinyPNG or Squoosh that compress without losing quality

• For WordPress users: Install an image optimization plugin like Smush or ShortPixel

• Aim for image sizes under 200KB if possible

• Consider switching to WebP format (it's like the skinny jeans of image formats—fits more in less space)

• Check your dimensions—if your theme only displays images at 800px wide, there's no need for that 2500px file!

Pro tip: Already have hundreds of images on your site? Most image optimization plugins can bulk-process your media library. One click and you're on your way to a lighter, faster site.

3. Declutter Those Plugins and Widgets (Channel Your Inner Marie Kondo)

Plugins are like kitchen gadgets—you start with the essentials, then suddenly you have 15 different ways to slice a tomato.

How to do it:

• Make a list of all your active plugins

• Be honest: Ask yourself "When was the last time I actually used this?"

• For each plugin, decide: Keep, Delete, or Replace with something lighter

• Check for plugin conflicts using tools like Health Check

• Consider lighter alternatives for heavy plugins (Example: Replace a full stats package with a simple Google Analytics connection)

The magic number? Try to keep your total plugins under 15 if possible. Your website will thank you with speedier load times.

4. Make Your Site Mobile-Friendly (Because Readers Read on Phones!)

Over 60% of visitors will view your site on their phones—maybe while they're waiting for coffee, riding the bus, or (let's be real) procrastinating at work.

How to do it:

• Test your site on your own phone (be your own secret shopper!)

• Use Google's Mobile-Friendly Test

• Check these often-overlooked mobile issues:
  

  • Menu navigation—can you easily click without zooming?

  • Form fields—are they easy to tap and type in?

  • Font size—no squinting needed?

  • Button size—big enough for fingers, not just mouse pointers?

Making your site mobile-friendly isn't just good for readers—Google will reward you with better search rankings too!

5. Choose Fast, Reliable Hosting (We've Got You!)

Let's be honest: even the most perfectly optimized website can struggle on cheap, crowded hosting. It's like trying to host a book launch in a broom closet.

How Swoonworthy Designs can help: Never miss a potential reader's visit with Swoonworthy Designs' WordPress Hosting through Pressable:

• Jetpack Complete License (this alone is worth $299/year!)

• Daily Backups & Malware Scanning (sleep well, your site is safe)

• Seamless Updates (no more tech headaches)

• Domain Email & Authentication (look professional with your@yourname.com)

$249.99 Annually (that's less than your coffee budget, probably)

Need more support? Our Website Maintenance Plan includes everything in hosting plus ongoing updates so your site stays fresh while you focus on writing:

• Content Updates (new book? new series? no problem)

• Unlimited Integration Setup (hook up all your favorite tools)

• Klaviyo Setup & Management (email marketing made easy)

• Page Additions (landing pages for days)

• Branding Updates (evolve your look whenever you want)

• Product & Inventory Management (selling books or merch directly? we handle it)

$200 Monthly or $1600 Annually (save $800 when you pay annually!)

Your author brand is always evolving—whether you're launching a debut or teasing your next series finale. We make sure your website keeps up while you keep those swoony scenes coming.

Ready for a Quick Win?

Run a speed test right now and make one simple change—like compressing your homepage images. Small tweaks = big results.

Your FREE Speed Optimization Checklist

To help you implement all these tips (without the tech overwhelm), I've created a special freebie just for you!

Speed It Up: The Quick & Pretty Website Optimization Checklist includes:

• A complete step-by-step optimization process

• Image compression guidelines specifically for author websites

• Plugin recommendations that won't slow you down

• Mobile-friendly testing instructions

• Technical optimizations explained in plain English

• Before and after tracking to measure your improvements

• BONUS: Romance-author specific optimization tips for book pages and newsletter signups

<data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 *, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 *::before, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 *::after { box-sizing: border-box; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 <tabindex -1="-1"></tabindex>:focus { outline: none !important; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 h1, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 h2, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 h3, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 h4, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 h5, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 h6 { margin-top: 0; margin-bottom: 0.7em; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 p { margin-top: 0; margin-bottom: 1rem; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 ol, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 ul, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 dl { margin-top: 0; margin-bottom: 1.4rem; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 ol ol, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 ul ul, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 ol ul, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 ul ol { margin-bottom: 0; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 b, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 strong { font-weight: bolder; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 small { font-size: 80%; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 sub, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 sub { bottom: -0.25em; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 sup { top: -0.5em; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 { color: #000000; text-decoration: none; background-color: transparent; -webkit-text-decoration-skip: objects; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 a:hover { color: #4396fd; text-decoration: none; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 img { border-style: none; vertical-align: middle; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 svg:not(:root) { overflow: hidden; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 area, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 button, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 <role button="button"></role>, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 input, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 label, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 select, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 summary, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 textarea { touch-action: manipulation; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 label { display: inline-block; font-weight: bolder; margin-bottom: 0.7rem; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 button:focus { outline: 1px dotted; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 input, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 button, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 select, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 optgroup, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 textarea { margin: 0; font-size: inherit; font-family: inherit; line-height: inherit; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 button, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 input { overflow: visible; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 button, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 select { text-transform: none; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 button, html<data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 <type button="button"></type>, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 <type reset="reset"></type>, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 <type submit="submit"></type> { -webkit-appearance: button; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 button::-moz-focus-inner, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 <type button="button"></type>::-moz-focus-inner, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 <type reset="reset"></type>::-moz-focus-inner, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 <type submit="submit"></type>::-moz-focus-inner { padding: 0; border-style: none; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 input<type radio="radio"></type>, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 input<type checkbox="checkbox"></type> { padding: 0; box-sizing: border-box; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 input<type date="date"></type>, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 input<type time="time"></type>, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 input<type datetime-local="datetime-local"></type>, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 input<type month="month"></type> { -webkit-appearance: listbox; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 textarea { resize: vertical; overflow: auto; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 <type number="number"></type>::-webkit-inner-spin-button, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 <type number="number"></type>::-webkit-outer-spin-button { height: auto; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 <type search="search"></type> { outline-offset: -2px; -webkit-appearance: none; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 <type search="search"></type>::-webkit-search-cancel-button, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 <type search="search"></type>::-webkit-search-decoration { -webkit-appearance: none; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 <hidden></hidden> { display: none !important; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-control { width: 100%; display: block; outline: none; position: relative; -webkit-appearance: none; appearance: none; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-control:focus { outline: none; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-control::-ms-input-placeholder { color: transparent !important; opacity: 0 !important; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-control::placeholder { color: transparent !important; opacity: 0 !important; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-control:disabled { opacity: 1; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-label { top: 0; left: 0; right: 0; margin: 0; overflow: hidden; position: absolute; white-space: nowrap; text-overflow: ellipsis; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-control:not(:placeholder-shown)+.fd-form-label { opacity: 0; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-description { margin: 5px 0 0 0; font-size: 0.8em; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-feedback { margin: 5px 0 0 0; font-size: 0.8em; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-group { margin: 0 0 15px; position: relative; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-group.fd-has-success .fd-form-feedback, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-group.fd-has-success .fd-form-check { color: #02dba8 !important; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-group.fd-has-success .fd-form-control { color: #02dba8 !important; border-color: #02dba8 !important; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-group.fd-has-success .fd-form-feedback { display: block; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-group.fd-has-error .fd-form-feedback, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-group.fd-has-error .fd-form-check { color: #eb3d3b !important; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-group.fd-has-error .fd-form-control { color: #eb3d3b !important; border-color: #eb3d3b !important; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-group.fd-has-error .fd-form-feedback { display: block; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-btn { cursor: pointer; display: inline-flex; outline: none; max-width: 100%; -webkit-appearance: none; appearance: none; font-style: normal; text-align: center; align-items: center; text-shadow: none; white-space: normal; justify-content: center; text-decoration: none; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-btn:hover { outline: none; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-btn:focus { outline: none; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-btn:disabled { opacity: 0.8; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-check { cursor: pointer; margin: 0; display: flex; position: relative; align-items: center; padding-left: 30px; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-check__input { top: 0; left: 0; width: 18px; height: 18px; opacity: 0; z-index: -1; position: absolute; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-check__checkmark { top: 0; left: 0; width: 18px; height: 18px; display: block; position: absolute; background-size: 18px; background-image: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg' %3e %3cpath d='M1 4C1 2.34315 2.34315 1 4 1H16C17.6569 1 19 2.34315 19 4V16C19 17.6569 17.6569 19 16 19H4C2.34315 19 1 17.6569 1 16V4Z' fill='white' /%3e %3cpath fill='black' fill-rule='evenodd' clip-rule='evenodd' d='M0.25 4C0.25 1.92893 1.92893 0.25 4 0.25H16C18.0711 0.25 19.75 1.92893 19.75 4V16C19.75 18.0711 18.0711 19.75 16 19.75H4C1.92893 19.75 0.25 18.0711 0.25 16V4ZM4 1.75C2.75736 1.75 1.75 2.75736 1.75 4V16C1.75 17.2426 2.75736 18.25 4 18.25H16C17.2426 18.25 18.25 17.2426 18.25 16V4C18.25 2.75736 17.2426 1.75 16 1.75H4Z' /%3e %3c/svg%3e"); background-repeat: no-repeat; background-position: center center; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-check__label { flex: 1 1; margin: 0; font-size: 14px; text-align: left; word-break: break-word; font-weight: 400; line-height: 18px; letter-spacing: 0.01em; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-check__input:checked+.fd-form-check__checkmark::after { opacity: 1; z-index: 1; visibility: visible; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-check__checkmark::after { top: 0; left: 0; width: 18px; height: 18px; content: ""; display: block; opacity: 0; z-index: 1; position: absolute; transition: opacity 0.4s, z-index 0.4s; visibility: inherit; background-size: 12px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' width='12' height='10' viewBox='0 0 11.51 8.2' %3e %3ctitle%3echeck%3c/title%3e %3cpath d='M4.05%2c8.2A.74.74%2c0%2c0%2c1%2c3.52%2c8L.22%2c4.68A.75.75%2c0%2c0%2c1%2c1.28%2c3.62l3.3%2c3.3A.75.75%2c0%2c0%2c1%2c4.58%2c8%2c.74.74%2c0%2c0%2c1%2c4.05%2c8.2Z' /%3e %3cpath d='M4.06%2c8.2A.74.74%2c0%2c0%2c1%2c3.53%2c8a.75.75%2c0%2c0%2c1%2c0-1.06l6.7-6.7a.75.75%2c0%2c0%2c1%2c1.06%2c1.06L4.59%2c8A.74.74%2c0%2c0%2c1%2c4.06%2c8.2Z' /%3e %3c/svg%3e"); background-repeat: no-repeat; background-position: center center; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-check__input:focus { outline: none; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-content { position: relative; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-has-success .fd-form-content { display: none; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-has-captcha .fd-form-content>*:not(.fd-form-captcha) { opacity: 0; visibility: hidden; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-captcha { top: 0; left: 0; width: 100%; height: 100%; display: flex; position: absolute; align-items: center; justify-content: flex-start; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-success { width: 100%; display: none; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-has-success .fd-form-success { display: block; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-success>*:last-child { margin-bottom: 0; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-error { display: none; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-has-error .fd-form-error { display: block; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-error>*:last-child { margin-bottom: 0; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-focus-visible, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-check__input.fd-focus-visible+.fd-form-check__checkmark { outline: none; box-shadow: 0 0 0 2px #ffffff, 0 0 0 calc(2px + 4px) #000000 !important; transition: box-shadow 0.2s !important; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-focus-visible, <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .fd-form-check__input.fd-focus-visible+.fd-form-check__checkmark { outline: none; box-shadow: 0 0 0 2px #ffffff, 0 0 0 calc(2px + 2px) #717171 !important; transition: box-shadow 0.2s !important; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 { background: transparent; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__container { margin: 0 auto; max-width: 1170px; background: transparent; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__form { color: #333333; width: 100%; margin: 0; padding: 30px; font-size: 16px; text-align: center; font-family: Helvetica, sans-serif; font-weight: 300; line-height: 1.6; letter-spacing: 0.1px; text-transform: none; } @media (max-width: 767px) { <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__form { word-wrap: anywhere; word-break: break-word; white-space: normal; overflow-wrap: break-word; } } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__title { color: #000000; width: 100%; margin: 0 0 25px; display: block; font-size: 37px; text-align: center; font-family: Helvetica, sans-serif; font-weight: 700; line-height: 1; letter-spacing: 0px; text-transform: none; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__title * { line-height: inherit; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__subtitle { width: 100%; margin: 0 0 30px; display: block; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__subtitle * { line-height: inherit; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__content { margin: -10px -5px 0; display: flex; flex-wrap: wrap; align-items: start; flex-direction: row; justify-content: center; } @media (max-width: 767px) { <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__content { display: block; } } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439<data-ff-stage success="success"></data-ff-stage> .ff-676f87df1f91c6a2ceca7439__content { display: none; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__fields { flex: 0 1 auto; margin: 0px 0px 0; display: flex; flex-wrap: wrap; max-width: calc(100% + 10px); justify-content: center; } @media (max-width: 767px) { <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__fields { display: block; } } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__field { flex: 1 1; margin: 10px 5px 0; font-size: 16px; max-width: 250px; min-width: 140px; text-align: left; font-family: Overpass; font-weight: 400; letter-spacing: 0.1px; } @media (max-width: 767px) { <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__field { max-width: calc(100% - 10px); } } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__control { color: #240e36; border: 1px solid #5f3957; height: 46px; padding: 12px 20px; font-size: 16px; background: transparent; text-align: left; font-family: Overpass; font-weight: 400; line-height: 20px; border-radius: 11.5px; letter-spacing: 0.1px; text-transform: none; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__label { color: #240e36; border: 1px solid transparent; padding: 12px 20px; font-size: 16px; text-align: left; font-family: Overpass; font-weight: 400; line-height: 20px; letter-spacing: 0.1px; text-transform: none; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__preference { margin: 30px 5px 0; display: flex; flex-direction: column; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__preference-title { color: #333333; width: 100%; margin: 0 0 30px; display: block; font-size: 18px; text-align: center; font-weight: 700; line-height: 1.4; letter-spacing: 0px; text-transform: none; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__preference-title * { line-height: inherit; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__preference-control { width: 100%; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__preference-list { width: calc(100% + 24px); margin: -8px -12px; display: flex; flex-wrap: wrap; justify-content: flex-start; } @media (max-width: 767px) { <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__preference-list { display: block; } } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__preference-item { flex: 0 0 33.333333333333336%; padding: 8px 12px; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__form-check .fd-form-check__input { top: 2.200000000000001px; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__form-check .fd-form-check__checkmark { top: 2.200000000000001px; border-radius: 4px; background-image: url("data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg' %3e %3cpath d='M1 4C1 2.34315 2.34315 1 4 1H16C17.6569 1 19 2.34315 19 4V16C19 17.6569 17.6569 19 16 19H4C2.34315 19 1 17.6569 1 16V4Z' fill='white' /%3e %3cpath fill='black' fill-rule='evenodd' clip-rule='evenodd' d='M0.25 4C0.25 1.92893 1.92893 0.25 4 0.25H16C18.0711 0.25 19.75 1.92893 19.75 4V16C19.75 18.0711 18.0711 19.75 16 19.75H4C1.92893 19.75 0.25 18.0711 0.25 16V4ZM4 1.75C2.75736 1.75 1.75 2.75736 1.75 4V16C1.75 17.2426 2.75736 18.25 4 18.25H16C17.2426 18.25 18.25 17.2426 18.25 16V4C18.25 2.75736 17.2426 1.75 16 1.75H4Z' /%3e %3c/svg%3e"); } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__form-check .fd-form-check__label { color: #333333; font-size: 14px; min-height: 22.400000000000002px; font-weight: 400; line-height: 1.6; letter-spacing: 0px; text-transform: none; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__form-check .fd-form-check__checkmark::after { background-size: 12px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='black' width='12' height='10' viewBox='0 0 11.51 8.2' %3e %3ctitle%3echeck%3c/title%3e %3cpath d='M4.05%2c8.2A.74.74%2c0%2c0%2c1%2c3.52%2c8L.22%2c4.68A.75.75%2c0%2c0%2c1%2c1.28%2c3.62l3.3%2c3.3A.75.75%2c0%2c0%2c1%2c4.58%2c8%2c.74.74%2c0%2c0%2c1%2c4.05%2c8.2Z' /%3e %3cpath d='M4.06%2c8.2A.74.74%2c0%2c0%2c1%2c3.53%2c8a.75.75%2c0%2c0%2c1%2c0-1.06l6.7-6.7a.75.75%2c0%2c0%2c1%2c1.06%2c1.06L4.59%2c8A.74.74%2c0%2c0%2c1%2c4.06%2c8.2Z' /%3e %3c/svg%3e"); } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__footer { flex: 0 1 auto; margin-top: 10px; text-align: center; margin-left: 5px; margin-right: 5px; } @media (max-width: 767px) { <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__footer { margin-top: 25px; } } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__button { color: #ffffff; width: auto; border: 1px solid #5f3957; display: inline-block; padding: 12px 20px; font-size: 16px; background: #5f3957; text-align: center; font-family: Bon-Vivant-Serif-Bold; font-weight: 700; line-height: 20px; white-space: nowrap; border-radius: 11.5px; letter-spacing: 0.3px; text-transform: uppercase; } @media (max-width: 767px) { <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__button { width: 100%; } } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__success { display: none; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439<data-ff-stage success="success"></data-ff-stage> .ff-676f87df1f91c6a2ceca7439__success { display: block; } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__success-message { color: #333333; width: 100%; display: block; font-size: 16px; word-wrap: anywhere; min-height: 1.6em; text-align: center; word-break: break-word; font-family: Helvetica, sans-serif; font-weight: 300; line-height: 1.6; white-space: normal; overflow-wrap: break-word; letter-spacing: 0.1px; pointer-events: auto; text-transform: none; } @media (max-width: 767px) { <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__success-message { font-size: 16px; } } <data-ff-el root="root"></data-ff-el>.ff-676f87df1f91c6a2ceca7439 .ff-676f87df1f91c6a2ceca7439__error { margin: 10px 0 0 0; }

Email address

Download

Thank you for subscribing!

This printable + interactive checklist walks you through each optimization step with clear instructions anyone can follow—no coding required!

Then, come back next week when we'll tackle content refreshes that keep readers hooked longer than your best cliffhanger ending!

Want help implementing these tips? Schedule a quick chat and we'll see how Swoonworthy Designs can make your digital space as dreamy as your books.

Let's tidy things up—and make some magic while we're at it.