Table of Contents
- 1. V-V-U formula
- 2. Minimize risk and effort
- 3. Create desire
- 4. Click-result formula
- 5. Use design to direct action
- 6. Social proof reduces hesitancy
- 7. First-person phrasing
- 8. Eliminate friction words
- 9. Instant gratification
- 10. Be true to your brand
- 11. Add Padding
- 12. Use rounded corners
- 13. Capitalize Your Copies
- 14. Add Gradient For More Emphasis
- 15. Use Shadows
- 16. Add an Outline
- 17. Use Icons
![17 CTA Tips for SaaS from Experts to Guarantee your Conversion (2023)](https://cdn.feather.blog?src=https%3A%2F%2Fusenotioncms.com%2Fproxy%2Fblock%2Fe9b8d53f-062c-423c-83ff-d0a8e1e95e82%252Fe6e303ef-7b37-4b2c-8c4e-e46ed1bda45c%252F50.png&optimizer=image&quality=80&width=280)
17 CTA Tips for SaaS from Experts to Guarantee your Conversion (2023)
We curated the best CTA tips for SaaS from experts to guarantee your conversion. Letβs go!
Note: SaaSwrites is a curated growth marketing hub and resource built to help SaaS founders grow their products. We sincerely thank all our experts for their constant value addition to this world.
Use a CTA Write a killer call-to-action (CTA): Great copywriting starts with persuading the reader.. And ends with the reader taking action. Don't just use any generic CTA. ~ Zain Khan
Jeremy Moser shares CTA tips
1. V-V-U formula
Verb, value, urgency.
Verb β get
Value β graded
Urgency β today
Example: @WordStream
![notion image](https://cdn.feather.blog?src=https%3A%2F%2Fusenotioncms.com%2Fproxy%2Fblock%2F8ace9979-c527-4751-81e8-19fae7fc43f5%252Ff93f759d-cdf6-4e8f-8b89-bb43c8a71ef5%252Fb1.png&optimizer=image&quality=80&width=280)
2. Minimize risk and effort
Surround your CTA with risk-minimizing statements. No credit card needed. Unlimited access. 70+ tools.
Don't give users a reason to second guess.
Example:
![notion image](https://cdn.feather.blog?src=https%3A%2F%2Fusenotioncms.com%2Fproxy%2Fblock%2F5ca634d0-43ea-4f43-a9ce-c139fc815813%252F86bb3bce-4f71-4c72-8ec7-c236e076f8ca%252Fb2.jpg&optimizer=image&quality=80&width=280)
3. Create desire
Exclusivity, new, and FOMO are powerful ways to drive action and interest.
Use "request access" or "join waitlist" or "notify me."
Example:
![notion image](https://cdn.feather.blog?src=https%3A%2F%2Fusenotioncms.com%2Fproxy%2Fblock%2F443e72fa-68ea-49a2-b0f3-034a1fb3e9c5%252Fbf71bc44-8f2e-4d32-ad52-d93659795a49%252Fb3.jpg&optimizer=image&quality=80&width=280)
4. Click-result formula
Tell people what will happen if they click: "View Listings" takes you directly to a listings page.
Where are users directed after clicking? Write that.
Example:
![notion image](https://cdn.feather.blog?src=https%3A%2F%2Fusenotioncms.com%2Fproxy%2Fblock%2F83fed647-60b9-451c-b271-0b87101aad93%252F0e6d27c6-1a7f-4fcd-b466-7698c1632f23%252Fb4.jpg&optimizer=image&quality=80&width=280)
5. Use design to direct action
Design elements like arrows tell visitors exactly where they should focus attention and encourage a natural flow from headline to CTA.
Example:
![notion image](https://cdn.feather.blog?src=https%3A%2F%2Fusenotioncms.com%2Fproxy%2Fblock%2Fc9189e3b-9255-4106-9258-580835790920%252F77f502ff-5311-491b-bf84-ad2838ade94e%252Fb5.png&optimizer=image&quality=80&width=280)
Β
6. Social proof reduces hesitancy
Next to your CTA, include social proof to remove any doubts. Instead of second guessing, social proof tells users they won't regret signing up.
Example:
@BorisTane βs Bkmark
![notion image](https://cdn.feather.blog?src=https%3A%2F%2Fusenotioncms.com%2Fproxy%2Fblock%2Fda6d245e-48f4-47c9-9c15-78da9b14e369%252F8286de26-fa8a-4260-b0e4-8b2f6141dc1b%252Fb6.jpg&optimizer=image&quality=80&width=280)
7. First-person phrasing
Instead of using "your," use first-person phrasing like "me."
This directly involves the user and helps them commit to clicking your CTA.
Example:
![notion image](https://cdn.feather.blog?src=https%3A%2F%2Fusenotioncms.com%2Fproxy%2Fblock%2F068587a5-0175-4408-b71f-eb210446dcfc%252F699f4e08-8f8c-4de4-a151-3410677fd717%252Fb7.png&optimizer=image&quality=80&width=280)
8. Eliminate friction words
Friction words: sign up, submit, invest, get started.
These all imply more steps. More steps = more time to second guess. Seamlessly flow users into your offer without the notion of added time and effort.
Example:@Airbnb
![notion image](https://cdn.feather.blog?src=https%3A%2F%2Fusenotioncms.com%2Fproxy%2Fblock%2Fe89cc944-2f9d-418c-9248-d3964fc38dac%252F9ce203cb-84ed-431d-a505-f5e80fd9aefe%252Fb8.png&optimizer=image&quality=80&width=280)
9. Instant gratification
Instant gratification is a motivating factor. Great CTAs use this psychological factor via words like "see it on your site" to imply fast solutions.
Example:
![notion image](https://cdn.feather.blog?src=https%3A%2F%2Fusenotioncms.com%2Fproxy%2Fblock%2F2c80d781-095d-45aa-9a57-6e6d17571712%252F46045d0e-0b55-4f1b-ba0f-e6908a23a8aa%252Fb9.png&optimizer=image&quality=80&width=280)
10. Be true to your brand
Let your brand personality shine in your CTA. Consistency of your brand tone and voice should maintain through your call to action.
Example:
![notion image](https://cdn.feather.blog?src=https%3A%2F%2Fusenotioncms.com%2Fproxy%2Fblock%2F455e0d13-fd8d-4841-8967-7c1c1b433667%252Fffb9680b-24cc-4920-92a2-445af9050d95%252Fb10.jpg&optimizer=image&quality=80&width=280)
Β
CTA could also mean potential CSS shifts for solo founders and indie founders.
Jim Raptis provides a simple tutorial on CSS aspect for the CTA.
Let's start with this simple button.
β οΈ Disclaimer:
You can build a decent business with the exact same button. But if you want to WOW your users, follow the next tips to make your CTA stand out...
![notion image](https://cdn.feather.blog?src=https%3A%2F%2Fusenotioncms.com%2Fproxy%2Fblock%2F2c59eb35-87f6-4bef-9499-5d72867cd947%252F08e14462-f38d-4e7d-a7de-2eb1f18eb9c5%252Fc01.jpg&optimizer=image&quality=80&width=280)
Β
11. Add Padding
Saying it again (without feeling any guilt):
"Whitespace is your best design pal."
π‘Rule of thumb:
Set the horizontal padding equal to x2 the vertical one.
You can always use other formulas but that's a quick way to make it look visually nice.
![notion image](https://cdn.feather.blog?src=https%3A%2F%2Fusenotioncms.com%2Fproxy%2Fblock%2F7a1c10af-1809-4312-bca4-bc6e23553c8a%252Feef4feda-c0ff-4d9d-80aa-c964ed62384f%252Fc1.jpg&optimizer=image&quality=80&width=280)
Β
12. Use rounded corners
This advice is optional and depends on your overall UI style.
π‘Rule of thumb:
- Rounded corners are for modern & playful UIs β’ Sharp corners are for "serious" & luxury products
Β
![notion image](https://cdn.feather.blog?src=https%3A%2F%2Fusenotioncms.com%2Fproxy%2Fblock%2F3ab72e23-6e80-4c92-aa67-bbc1f0ee53d3%252F53b06dc6-03bd-40e6-825d-954e3899ade3%252Fc2.jpg&optimizer=image&quality=80&width=280)
Β
13. Capitalize Your Copies
Capital letters/words emphasize your message. Use it for the content that your users can't afford to lose.
Also, users SPEND MORE TIME reading uppercase text.
π‘Rule of thumb:
- Uppercase: for SHORT COPY β’ Capitalize: for Larger Copies
![notion image](https://cdn.feather.blog?src=https%3A%2F%2Fusenotioncms.com%2Fproxy%2Fblock%2F03d58084-6078-4ef6-9dd1-e8d0f00d2b20%252Fd90414c6-24fe-4d0f-a229-e73fec1c9ac1%252Fc3.jpg&optimizer=image&quality=80&width=280)
Β
14. Add Gradient For More Emphasis
Gradients make bold statements! That's why designers choose gradient backgrounds for their CTA buttons.
To make them stand out, even more!
π‘Rule of Thumb:
Use my free tool to create a decent gradient in a few clicks
![notion image](https://cdn.feather.blog?src=https%3A%2F%2Fusenotioncms.com%2Fproxy%2Fblock%2Fb3cbcd0b-bb64-4ce4-b06d-6d7d91448262%252Fbcef5cf8-3426-4364-bd15-4de813af0590%252Fc4.jpg&optimizer=image&quality=80&width=280)
Β
15. Use Shadows
Shadows show elevation and emulate the real 3D world.
They make your button look like it's floating on a higher level upon all the other elements. It prompts you to click it!
π‘Rule of thumb:
![notion image](https://cdn.feather.blog?src=https%3A%2F%2Fusenotioncms.com%2Fproxy%2Fblock%2F43d19982-4b15-483d-8778-c71369fff9de%252F0bb0c77f-b68b-4040-a3ea-2289e2edde32%252Fc5.jpg&optimizer=image&quality=80&width=280)
Β
Read:
7 copy hacks
16. Add an Outline
It's optional but you can add a solid outline to upgrade your button's aesthetics.
π€―Pro tips:
- Add opacity to the border (10%-30%) β’ Use a gradient color for the outline
Β
![notion image](https://cdn.feather.blog?src=https%3A%2F%2Fusenotioncms.com%2Fproxy%2Fblock%2F66614e45-a3a2-4cf7-9c41-12589383c1d6%252F05cee652-398f-48dd-b749-6ecdd76594ba%252Fc6.jpg&optimizer=image&quality=80&width=280)
Β
Β
17. Use Icons
Icons help users visually identify the button's purpose with a quick glance.
Two ways to use them:
- Describe the action with an icon β’ Show action with an arrow or chevron icon
π€―Pro tip:
Align it to the right to keep the button's text centered.
![notion image](https://cdn.feather.blog?src=https%3A%2F%2Fusenotioncms.com%2Fproxy%2Fblock%2Fcf80a38b-ffac-42c4-ae66-cebe6a81e5bd%252F47bf6a28-b346-4940-bee6-dc8256bdf3c6%252Fc7.jpg&optimizer=image&quality=80&width=280)
Β
Β
Β
Β