How to Add a Call-to-Action Button to Your Facebook Cover

How to Add a Call-to-Action Button to Your Facebook CoverSeen the value of a call-to-action on your Facebook Cover photo?

Great!

Now I’ll show you how to easily add a call-to-action button in the free image editor, pixlr.com. This will make your CTA really POP!

Easily Add a Call-to-Action Button to Your Facebook Cover Photo

Head over to pixlr.com. Open your photo. If it’s not already the correct size of 851 x 315 pixels, follow these directions to size your Facebook Cover Photo.

In the Layers box at far right, click the icon to add a new layer.

How to Add a Call-to-Action Button to Your Facebook Cover Step 1

Working on the new Layer, use the Marquee tool to create a box the size of the button you want. I recommend putting it on the right side of the Cover Photo. Lots of stuff overlaps the left side, especially on your hovercard, and the mobile app.

How to Add a Call-to-Action Button to Your Facebook Cover Step 2

Go to the Color Selector to pick a color that goes with your design, yet stands out. You can use either the color wheel and tint/shade box, or the sliders at the bottom. Click OK.

How to Add a Call-to-Action Button to Your Facebook Cover Step 3

Now click on the Paint Bucket icon, and fill the marquee shape you drew with color.

How to Add a Call-to-Action Button to Your Facebook Cover Step 4

If you’d like to add some dimension to your button, Go to Layer… Layer Styles in the top menu bar.

How to Add a Call-to-Action Button to Your Facebook Cover Step 5

Click on Bevel and adjust to your liking.

To add a shadow under your button, I use Outer Glow. The Drop Shadow feature adds a hard-edged shadow I don’t like. Try it out and adjust to suit your taste. Be sure to click OK before closing the Layer Styles window.

How to Add a Call-to-Action Button to Your Facebook Cover Step 6

Note: You can always use the History palette if you want to go back and redo something.

Wow! Now you’ve got a standout call-to-action button on your Facebook Cover Photo! Ready for type – which will be my next tutorial.

If you’d like to save this as a layered file, choose the .pxd format. That way, you can go back and move (or remove) the button. When complete with your text, save for Facebook as a JPEG (best for photos – PNG is great for images in primarily flat colors).

How does the button work on a Facebook cover photo? It’s a 2-step process. You add the URL in the photo description. For more details, see this post.

Marketing with Facebook Fan Page Cover Photos

Print Friendly

The latest on social media graphics is yours FREE!

Changes to social media never stop! Keep up-to-date by typing your email below.

Comments

  1. Felicia says

    Hi Louise,
    Thank you so much for the information and leads to enhance social media marketing tips…there are really helpful. I am still having an problem with sizing a flyer and posting it to FB..a little discouraged about it too. how can I get an 8×11 photoshop designed jpeg or png to look crisp and sharp when I upload it to facebook? when you click on the image it looks fine…but on the newsfeed its blurry and seems unattractive too me…please help. Thanks so much for taking the time and helping the little/beginner GDer’s..:)

    • says

      Hi Felicia,
      If the image looks great in the photo viewer, that’s probably the best you can do. It has to be reduced a lot for the newsfeed, so small type and such will be unreadable.

      The other options would be to crop just part of it to post on Facebook, or design something for Facebook that has less type or details. Maybe ask people to click thru to a blog post for more details.

      Good luck!

  2. says

    Hi Louise!

    Love this tutorial! I often use Pixlr but I admit I haven’t done much with the layer styles. This tutorial is great incentive to get me in there playing around and making something creative.

    Have a wonderful weekend.

    Thanks!

Leave a Reply

Your email address will not be published. Required fields are marked *