Louise Myers Visual Social Media

Rock your online presence with DIY graphics! Get Graphic Design & Social Media Marketing tips from an expert.

  • Home
  • About
  • Contact
  • Members
  • Resources
  • SMM Tips
    • SMM Holidays
    • Twitter Tips
  • FB Tips
  • IG Tips
  • Pin Tips
  • Image Tips
    • How-to Graphics
    • Photo Tips
    • Color Theory
  • “Quotes!”
You are here: Home / Facebook Tips / How to Add a Call-to-Action Button to Your Facebook Cover

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

February 3, 2014 by Louise Myers 12 Comments

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!

NOTE: Your cover photo button won’t link directly to your desired URL. Clicking it will bring up the photo viewer with the description, where you’ll add your link as described in this post.

Easily Add a Call-to-Action Button to Your FB 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.

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

Now you’ve got an eye-catching call-to-action button on your Facebook cover! Next, add type as described in this post.

Marketing with Facebook Fan Page Cover Photos

Filed Under: Facebook Tips, How-to Graphics Tagged With: Facebook marketing, Facebook Timeline cover photo

About Louise Myers

Louise Myers is a graphic design expert whose designs have been featured by Disney, Macy's, WalMart and more. Her straightforward writing style empowers small business owners to make their own graphics for social media success!

Comments

  1. Malla Haridat says

    February 3, 2014 at 10:52 AM

    Many many thanks Louise for this detailed description of how to edit photos and add a call to action box that is classy…and doesn’t cost a ton of money to make.

    Reply
    • Louise Myers says

      February 5, 2014 at 6:30 PM

      Glad to hear it helped, Malla!

      Reply
  2. Ivan says

    February 15, 2014 at 3:50 AM

    Hi, great

    I didn’t understand how to insert url in button

    Tnx

    Reply
    • Louise Myers says

      February 15, 2014 at 4:33 PM

      Hi Ivan, my apologies. Refer to this post: How to Use Your Facebook Cover Photo to Get More Leads to see how this works for a FB cover photo.

      Reply
  3. Felicia says

    February 17, 2014 at 12:00 AM

    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..:)

    Reply
    • Louise Myers says

      February 17, 2014 at 1:59 PM

      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!

      Reply
  4. Ileane says

    February 21, 2014 at 9:28 AM

    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!

    Reply
    • Louise Myers says

      February 23, 2014 at 6:52 PM

      Thanks so much for stopping by, Ileane! Have fun 🙂

      Reply
  5. Bledi says

    October 17, 2014 at 7:20 AM

    I don’t find the reason of writing a post named “How to Add a Call-to-Action Button to Your Facebook Cover” and write how to make a colored box inside of an image!!

    Your other post which you told to Ivan to check up, also does not involves how to attach an URL link inside of an mage button.

    This post should be named how to add a box inside of an image not how it is named.

    Thanks for wasting my time.

    Reply
    • Louise Myers says

      October 17, 2014 at 3:16 PM

      I’m sorry to hear of your disappointment, Bledi.

      I completely understand the confusion if you don’t arrive here from the previous article. I apologize for not realizing that sooner.

      I added an explanation above the tutorial so others will understand that you can’t make a direct link. The link has to go in the photo description.

      Please accept my apology and have a great day.

      Reply
  6. toyin says

    June 9, 2018 at 7:44 AM

    Thanks for this. Sounds helpful, hope to try it out. Is it free to use pixlr.com?

    Reply
    • Louise Myers says

      June 10, 2018 at 8:53 PM

      Yes it is free!

      Reply

Leave a Reply Cancel reply

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

Social Media Content Planner

TOP POSTS about Social Marketing

Social Media Image Sizes: always updated!

How Often Should You Post on Social Media?

Best Design Tools for Non-Designers

© 2019 Louise Myers Visual Social Media.
Blog Comment Policy | Disclosure, Copyright, and Affiliate Disclaimer

Terms of Use & Privacy Policy