27 PRE-DESIGNED

1
27 PRE-DESIGNED
CALLS-TO-ACTION
FOR YOUR CUSTOMIZATION
2
TABLE OF CONTENTS

• ABOUT THE CTA BUTTONS 3
• USING HEX COLORS TIPS FOR CUSTOMIZING 5
• 7 SETS OF 27 CUSTOMIZABLE CTAs 10
• HOW TO USE THESE CTAs 32
• CONCLUSION 38
• COLLECT CTA METRICS IN HUBSPOT 40

3
ABOUT THE CTA
BUTTONS
4
ABOUT THE CTA BUTTONS

• We know that creating calls-to-action (CTAs) can
  be difficult with limited tools. Even more
  difficult is the ability to track the success of
  those CTAs.
• Were here to help.
• Here youll find a set of 27 customizable CTA
  designs that you can use on any digital asset
  landing page, blog post, 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, youll know how many people viewed, and even
  better, how many people clicked on your
  call-to-action!
• Beauty and data what could be better?

5
USING HEX
COLORS
6
GRABBING YOUR COLOR HEX CODES

• As much as we'd love to, we can't create CTAs
  that match the skin of every website -- 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!

7
PUTTING YOUR HEX CODES IN POWERPOINT

• Once the corresponding HEX code appears, youll
  need to transfer that information to PowerPoint.
• Go to Design ? Colors ? Create New Theme Colors.
  From there youll be taken to a place that allows
  you to change the colors in your color palate to
  match your brand.

8
PUTTING YOUR HEX CODES IN POWERPOINT

• Now, click any Accent option, and within the
  dropdown options select More Colors

From there, make sure youre on the Custom tab.
Youll see the option to input a number for
Red, 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.
9
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.

10
7 SETS OF 27
CUSTOMIZABLE
CALLS-TO-ACTION
11
SET
Basic CTA Buttons
This first set of CTAs is perfect for a simple
landing page that needs a touch of color to draw
the viewers eye. Feel free to change the shape
type, the color (by double-clicking), and the
text by simply clicking in the text box.
12
Download Template Now
REGISTER FOR WEBINAR
SUBSCRIBE TO THIS BLOG FOR DAILY UPDATES!
13
REGISTER FOR INBOUND
Click Here to Tweet This Offer to Your Followers!
14
SET
CTAs in Speech Bubbles
Similar to the first set, these CTAs help spice
up your page and draw visitors eyes with a
pop of color and an interesting shape. Their
shapes also emphasize that visitors are being
called upon to perform an action. Pun intended.
15
(No Transcript)
16
Download Template Now
Have a Sales Rep Call You to Chat About HubSpots
CTA Tool
Share This on Facebook
17
SET
Circle CTAs
This is another basic set of CTA buttons that can
be used on any color background, with room for
custom shapes and text. The buttons are designed
with a very subtle 3D look to add some depth to
your landing pages.
18
START FREE TRIAL
GRAB THIS EBOOK
19
GRAB THIS EBOOK
DOWNLOAD TEMPLATE
GET THIS COUPON
20
SET
CTAs with Pre-built Backgrounds
While the previous CTA options all provided
different variations of shapes and backgrounds
with customizable colors, this set has pre-built
backgrounds (so you cant change the colors).
These were made in Photoshop and converted into
image files so that you can overlay custom text
on them.
21
Download This Free Template
With this CTA, try adding smaller rectangles or
squares with text to create an inviting button.
Download This Free Ebook
22
DOWNLOAD OUR EBOOK
23
Download This Free Ebook
Register For This Webinar
24
SET
Image Inclusive CTAs
Now that we have an amalgam of basic shape text
combo CTAs, lets dive into CTAs that are image
inclusive from custom images, to stock
photography, to logos. Remember, graphics make a
CTA pop, and help visually emphasize your offer.
25
101 Examples to Inspire Your CTA Creation
As you customize CTAs in this template, feel free
to check out 101 examples of effective CTAs for
further inspiration.
DOWNLOAD NOW gtgt
26
JOIN A
USER GROUP
WATCH A DEMO
Learn More gt
All-in-one marketing software.
27
In this CTA, we inserted three images (in this
case, covers of our ebooks) and used the rotate
tool to align them over one another. Do this by
clicking on the picture you insert by going to
Insert ? Picture, and using the green circle that
appears on the image to rotate it.

Add to Wish List
28
See HubSpots all-in-one marketing software in
action.
WATCH A DEMO
29
SET
CTAs with social media sentiment
Now that youve learned how to incorporate
visuals into your CTAs, lets up your game with
some CTAs that leverage the power of social proof
just one more way to help improve the
conversion rates of your CTAs, and generate more
leads.
30
Essential Step-by-Step Guide to Internet Marketing
As you customize CTAs in this template, feel free
to check out 101 examples of effective CTAs for
further inspiration.
DOWNLOAD NOW gtgt
31
The background of this image is the same gray as
Facebook comments so feel free to keep it the
same in order to blend your own Facebook comments
into it naturally!


If you prefer, you can also add publicly-posted
comments to your CTAs to drive the same type of
influence from social media users.
Download Ebook gtgt
32
HOW TO USE
THESE CTAS
33
HOW TO USE THESE CTAs

• Now that youve gone through the 27 different
  customizable buttons, its 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

34
HOW TO USE THESE CTAs

• Step 2 With each component still selected, right
  click, and click Save as Picture

35
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.

36
HOW TO USE THESE CTAs

• By uploading the image into HubSpots 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.

37
HOW TO USE THESE CTAs

• Step 3, Option 2 If youre 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.

38
CONCLUSION
RESOURCES
39
CONCLUSION

• CTAs play a major role in conversion. Whether
  that conversion be from prospect to lead, or lead
  to customer, CTAs drive action that benefits your
  business. Dont undermine these important
  marketing tools with sloppy or poorly thought-out
  design. Limited design capabilities should never
  hurt your conversion rates. Thats why we built
  these templates in the first place!
• Now go customize, upload, and convert.

40
START COLLECTING DATA ON YOUR CTA PERFORMANCE
Try HubSpots CTA tool to see which CTAs are
converting your visitors into leads for your
business all for free.
http//bitly.com/Try-CTA-Tool