50 Call To Action Templates

Download as ppt, pdf, or txt
Download as ppt, pdf, or txt
You are on page 1of 39

No designer or

design
software requir
ed!
TABLE OF CONTENTS
ABOUT THE CTA BUTTONS …………………………………… 3

USING HEX COLORS & TIPS FOR CUSTOMIZING……… 5

5 SETS OF 50 CUSTOMIZABLE CTAs ……………………… 10

HOW TO USE THESE CTAs …………………………………… 31

CONCLUSION ……………………………………………………… 37
ABOUT THE CTA BUTTONS
We know that creating calls-to-action (CTAs) can be difficult with limited
budget and resources. Even more difficult is the ability to track the success of
those CTAs.

We’re here to help.

Here you’ll find a set of 50 customizable CTA designs that you can use on any
digital asset – landing pages, blog posts, social media updates, you name it.

The best part? You can then upload your customized CTAs into the
HubSpot CTA builder for free to start collecting performance
metrics. Yep, you’ll know how many people viewed, and even better, how
many people clicked on your call-to-action!

Beauty and data – what could be better?


GRABBING YOUR COLOR HEX CODES
As much as we'd love to, we can't create CTAs that match the colors of
every brand – unless, of course, your website just happens to match the
colors you find in here! But if you're like most marketers (including us),
you can customize the colors by getting the HEX code of the main colors
of your website, and inputting it into PowerPoint.

A hex code is a 6-character alpha-numerical code that represents a color.


To grab the HEX codes for your website or blog, simply take a
screenshot of your website or blog, and then head over to
http://www.imagecolorpicker.com/.

Once there, upload that screenshot by clicking the “Upload your image”
button. Then select any point of the uploaded picture, and immediately
see its corresponding HEX code on the right!
PUTTING YOUR HEX CODES
IN POWERPOINT
Once the corresponding HEX code appears, you’ll need to transfer that
information to PowerPoint.

Go to Design  Colors  Create New Theme Colors. From there you’ll


be taken to a place that allows you to change the colors in your color
palate to match your brand.
PUTTING YOUR HEX CODES
IN POWERPOINT
Now, click any “Accent” option, and within the dropdown options select
“More Colors…”

From there, make sure you’re on


the “Custom” tab. You’ll see the
option to input a number for “Re
d,” “Green,” and “Blue.” These are
your RGB colors that appear in the
HEX code generated on
imagecolorpicker.com.

Just add those generated numbers


here. Click “OK” and voila! That
color is now in your palate. Keep
going down the accents until you
have all the colors you need.
2 QUICK TIPS FOR CUSTOMIZING
CTAs IN POWERPOINT
 Double clicking on any image, textbox, or shape will
open up various options for you to change the appearance
of the respective object – whether that be shading, colors,
fills, outline, or styles. Be open to playing around, and see
what you discover!

 When inserting images for your CTA, you might find the
image you selected has a white background, while your
CTA does not. To fix this, either give the image a border,
or use the transparent tool in your toolbar. Simply click
“Transparent Color,” and then click the background of your
image.
SET 1
Basic CTA Buttons
This first set of CTAs is perfect for a simple
landing page or blog post that needs a touch of
color to draw the viewer’s eye. Feel free to change
the shape type, the color (by double-clicking), and
the text by simply clicking in the text box.
SUBSCRIBE TO THIS BLOG FOR DAILY UPDATES!

t i n t h e s e buttons to
the tex once on
To change p l y c lic k
eet yo ur needs, sim a p e, size, or GRAB THE
m h e s h
o change t
the text! T li ck o n t h e shape. LATEST EBOOK
le c
color, doub

SIGN UP FOR YOUR FREE


ONLINE ASSESSMENT Free
Assessment
DOWNLOAD IT TODAY DOWNLOAD IT

GET YOUR FREE DOWNLOAD IT TODAY


TEMPLATES

SUBSCRIBE SUBSCRIBE
TODAY TODAY
Download Template Now

Get your 25% Register Today


off coupon
here
Get Get Your
It Now Buy Free
Now Ebook
DOWNLOAD
START YOUR IMPROVE
YOUR
FREE TRIAL YOUR
EBOOK
TODAY MARKETING

SIGN UP
FOR A REGISTER FOR SCHEDULE
INBOUND YOUR
FREE DEMO 2014 APPOINTMENT
TODAY
SET 2
Social Media Share & Sentiment Buttons
These calls-to-actions are created with the intention
of driving social media shares for your business or
using social sentiment to driver further conversion.

Once you save the share images, you can hyperlink


them to become social share links. Follow the
instructions in this blog post to learn how.
Click to Tweet Share this
offer on
Twitter

SHARE UPDATE TWEET


Tweet This
Tweet This Quote!
Stat!

e se s oc ia l CTAs
ake t h
You can m p ly using
y s im
clickable b
a n d g e n erating a
et.com
clicktotwe nk t he images to!
e rli
URL to hyp
Like what you read?
Share with your friends!
Grab Your
Coupon
Essential Step-by-Step Guide to Internet Marketing

Include a short and punchy line to


further explain the benefit of
Try searchin
g taking action on this particular
itter to
through Tw CTA.
find social
help
sentiment to
value
back up the DOWNLOAD NOW >>
r. Take
of your offe
t of
a screensho
and go
the tweets
to Insert 
aste
Picture to p
here.
the picture
very
Then click e
and
screenshot
group
the CTA and
s to
all the piece
TA.
have one C
The b
same ackgroun
d
so fe gray as F of this i
e a m
publ l free to cebook c age is th
ic k o e
CTA! ly viewa eep it an mments
ble c d
omm swap in –
ents
to yo
ur

In this ebook you’ll learn:

What dynamic content is


How to set up dynamic content
Examples of dynamic content
SET 3
Contextualized CTAs
You’ve seen some basic CTA options thus far. Play
with these next options to present your call-to-
action with more context. Just be sure to keep the
overall layout simple so that users can easily see
the action you’re calling on them to take.
Download this free ebook and
turn your marketing around

BRAND NEW
GET IT NOW EBOOK

Transform your
nonprofit today with
inbound marketing.
Webinar: How to
Download this free Ensure Scalable
ebook for DOWNLOAD Revenue Growth
marketing tips and
tricks.

Register
SIGN UP
FOR YOUR
TRAINING DOWNLOAD

REGISTER
Sign up today and
get 50% off your
subscription to
XYZ Magazine.
SUBSCRIBE

GOT KIDS?
They should be
in school,
learning things.
GET SCHOOLED
ZEBRAS!
They’re like black and
white horses.

GET ONE NOW

Confused?
Click below to speak with
a customer support
representative now.

LIVE CHAT NOW


SET 4
Photo and Mobile Device CTAs
Photos can serve as a great asset to your calls-to-
action. They make it easy to humanize and customize
your messages for your brand and audience. Similarly,
mobile and desktop devices can help make your
action pop.

If you have trouble locating copyright-free photos to


use, you can download our set of 160 free photos. No
attribution required, just download and use!
Have
you
tried
using
our
produc
DOtIT
online
?

Have you set up the right


business ...

We love helping businesses succeed.


Let us help you! Click here to chat.

SET THEM UP NOW


over of
Insert the c
uide,
your own g
n slide,
presentatio
age,
blog post im
r visual
or any othe
v e and
you may ha
e it
simply plac
let
over the tab
ere to
presented h
ear on
make it app
the screen.

Click to
read
ad!
Great re

Download your copy today >>

Want to learn on the go? Read


our blog on your phone. Click
here to start.
SET 5
Qualifying CTAs
When you’re trying to nurture a lead further down
the funnel, you want to ensure you’re presenting
CTAs to qualify them for your sales team.

For these CTAs, it’s important that they are


welcoming and not pushing. Having a great design
can help!
Simp
l
“Hub y right cl
S ic
“cha pot” log k on the
n o
own ge image and sele
bran ” to c
ded swap t
logo in yo
!
START YOUR CONTACT A ur

FREE TRIAL SALES REP

All-in-one marketing All-in-one marketing


platform. platform.

Include other descriptive text Include other descriptive text WATCH A DEMO
or value propositions. or value propositions.

See it in action
SIGN UP LET’S CHAT
today.
HOW TO USE THESE CTAs
Now that you’ve gone through the 27 different customizable buttons, it’s
time to learn how to actually use the buttons you end up customizing!

Step 1: For each CTA, click on every element associated with it, as
shown in this screenshot:
HOW TO USE THESE CTAs
Step 2: With each component still selected, right click, and click “Save
as Picture…”
HOW TO USE THESE CTAs
Step 3, Option 1:
Start a free HubSpot
trial to upload these
images into the CTA
tool and start
collecting metrics
on performance
right away. You can
use the HubSpot CTA
tool to upload your
CTA, and then simply
paste the embed code
that is generated into
your website.
HOW TO USE THESE CTAs
By uploading the image into HubSpot’s
CTA tool, you can go back into
HubSpot for free to see data on how
the CTA is performing on your
own website. As long as it uses the
embed code generated from HubSpot
(as shown to the right) you can collect
metrics in the HubSpot software –
such as the conversion rate of views to
clicks, no matter where that CTA is
placed.
HOW TO USE THESE CTAs
Step 3, Option 2: If you’re not interested in generating specific
performance metrics for your CTAs, upload the images onto your
website as you would any other image, and then hyperlink the image
to your CTA destination. And voila! You now have one of these
custom CTAs on your website. 
CONCLUSION
CTAs play a critical role in the “convert” stage of effective inbound
marketing. Don’t let a lack of design resources keep you from
creating calls-to-action that convert – that’s why we built these
templates in the first place!

Now go customize, upload, and convert your visitors into leads.


RATE THIS CONTENT &
HELP HUBSPOT IMPROVE.
HubSpot believes in creating content
for you (not for us), so we’d like
to hear what you thought of these
templates! Submit a 1-10 rating in a
matter of seconds by clicking here.
Your feedback goes directly to our
content team.

SUBMIT RATING:
http://bitly.com/50CTATemp
lateNPS

You might also like