Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Everything You Ever Wanted To Know About Email CTA Buttons (And Probably Some Stuff You Don't)

Everything You Ever Wanted To Know About Email CTA Buttons (And Probably Some Stuff You Don't)

A button in your email has a very specific goal: to get your reader to complete an action. What is an email good for if it doesn't call someone to act? For that reason, it could be argued to be the most important element of your entire email. You've spent hours stressing about copy and images and subject lines and send times and segments, but all of those things lead to this little boxy button. What color should it be? Where should it be placed? How big should it be? What words should you use? How many should you have?

Really Good Emails

August 17, 2016
Tweet

More Decks by Really Good Emails

Other Decks in Design

Transcript

  1. Everything you wanted to know about email CTAs (and probably

    some stuff you don’t.) reallygoodemail #LitmusLive
  2. Brief History of the Bu<on “Bu<ons?! Bu<ons?! We don’t need

    no s@nking bu<ons!” reallygoodemail #LitmusLive
  3. Brief History of the Bu<on Cavemen Bu<on Primi@ve Doorbell Bu<on

    Egyp@an Trapdoor Bu<on reallygoodemail #LitmusLive
  4. Brief History of the Bu<on Cavemen Bu<on Primi@ve Doorbell Bu<on

    Egyp@an Trapdoor Bu<on Smooth Jazz Bu<on reallygoodemail #LitmusLive
  5. Brief History of the Bu<on Cavemen Bu<on Primi@ve Doorbell Bu<on

    ! Egyp@an Trapdoor Bu<on Smooth Jazz Bu<on F*** It! Nuclear Bu<on reallygoodemail #LitmusLive
  6. Brief History of the Bu<on Cavemen Bu<on Primi@ve Doorbell Bu<on

    ! Egyp@an Trapdoor Bu<on Smooth Jazz Bu<on F*** It! Nuclear Bu<on Virtual Mac Bu<on reallygoodemail #LitmusLive
  7. What’s the most popular… •  Size •  Color •  Shape

    •  Frequency •  Placement •  Character Length •  Wording Used •  Pizza Place @ 2:00 am reallygoodemail #LitmusLive
  8. SIZE I like big bu<ons and I cannot lie. 20

    px tall 150 px tall 50 px tall Scale reallygoodemail #LitmusLive
  9. SIZE Distribu@on of Height in Pixels 20 26 32 38

    44 50 56 62 68 74 80 86 92 98 104 110 116 This is a histogram. Not the ice castle from Frozen. reallygoodemail #LitmusLive
  10. SIZE 20 26 32 38 44 50 56 62 68

    74 80 86 92 98 104 110 116 Average: 47.9 px Median: 50 px Distribu@on of Height in Pixels reallygoodemail #LitmusLive
  11. SIZE 20 26 32 38 44 50 56 62 68

    74 80 86 92 98 104 110 116 Average: 47.9 px Median: 50 px Min: 20 px Distribu@on of Height in Pixels reallygoodemail #LitmusLive
  12. SIZE 20 26 32 38 44 50 56 62 68

    74 80 86 92 98 104 110 116 Average: 47.9 px Median: 50 px Max: 115 px Distribu@on of Height in Pixels reallygoodemail #LitmusLive
  13. SIZE LAY OFF ME! I’M STARVING. Only 4% of brands

    used an edge-to-edge bu<on reallygoodemail #LitmusLive
  14. COLOR 48% of brands match their CTA Bu<on Color to

    their brand color. reallygoodemail #LitmusLive
  15. COLOR Only 2 hex color codes appeared mul@ple @mes in

    the data: #28AFFA #55ACEE reallygoodemail #LitmusLive
  16. COLOR 30% of black brands used a black CTA bu<on.

    10% of white brands used a white CTA bu<on. reallygoodemail #LitmusLive
  17. SHAPE SQUARE ROUNDED PILL 28% 54% 18% Up 26% compared

    to the beginning of the year. reallygoodemail #LitmusLive
  18. FREQUENCY BUY NOW BUY NOW BUY NOW BUY NOW BUY

    IT ALL BUY A LOT BUY MORE BUY NOW BUY NOW LIKE THIS GOING ON IT KEEPS SERIOUSLY BUY IT ALL BUY A LOT BUY MORE BUY NOW
  19. FREQUENCY Distribu@on of Frequency of CTA Bu<ons 1 2 3

    4 5 6 7 8 9 10 11 12 reallygoodemail #LitmusLive
  20. FREQUENCY Distribu@on of Frequency of CTA Bu<ons 1 2 3

    4 5 6 7 8 9 10 11 12 Average: 2.1 bu<ons Median: 1 bu<on Max: 11 bu<ons reallygoodemail #LitmusLive
  21. FREQUENCY Distribu@on of Frequency of CTA Bu<ons 1 2 3

    4 5 6 7 8 9 10 11 12 1 bu<on: 56% 2 bu<ons: 24% 3+ bu<ons: 20% reallygoodemail #LitmusLive
  22. FREQUENCY Distribu@on of Frequency of CTA Bu<ons 1 2 3

    4 5 6 7 8 9 10 11 12 1 bu<on: 56% 2 bu<ons: 24% 3+ bu<ons: 20% 5+ bu<ons: 90% are retail reallygoodemail #LitmusLive
  23. CHARACTER LENGTH 3 9 15 21 27 33 39 Distribu@on

    of Characters in CTA Bu<ons 45 51 57 63 69 75 reallygoodemail #LitmusLive
  24. CHARACTER LENGTH 3 9 15 21 27 33 39 Distribu@on

    of Characters in CTA Bu<ons 45 51 57 63 69 75 Average: 14 characters Minimum: 3 le<ers (YES) Maximum: 66 characters reallygoodemail #LitmusLive
  25. CHARACTER LENGTH 3 9 15 21 27 33 39 Distribu@on

    of Characters in CTA Bu<ons 45 51 57 63 69 75 Average: 14 characters Minimum: 3 le<ers (YES) Maximum: 66 characters Same Twinkie Diet? reallygoodemail #LitmusLive
  26. WORDING USED SNOOP BLESS MEDICATE PROPEL WRAP FREEZE *Some random

    verbs retrieved from a verb generator There are over 100,000 verbs in the English language. reallygoodemail #LitmusLive
  27. WORDING USED t TOP TEN EMAIL CTA VERBS 10. JOIN

    9. FIND 8. SEE 7. START 6. VIEW 5. BOOK 4. READ reallygoodemail #LitmusLive
  28. WORDING USED t TOP TEN EMAIL CTA VERBS 3. TAKE

    2. SHOP 1. GET reallygoodemail #LitmusLive
  29. WORDING USED t TOP TEN EMAIL CTA VERBS 3. TAKE

    2. SHOP 1. GET Used more than 10% of the @me. reallygoodemail #LitmusLive