FAQ Friday: I don’t have Photoshop. Can you help me make a call to action button?

Sure we can help! Here are some excellent resources online where you can create and edit images:

Keep in mind, you may not need to use an image as your call to action button. Here’s an excellent workaround to create a button look-alike in the Basic Editor.

  1. From the text editor click on the table button.
  2. Insert a 1 column, 1 row table. You want it to be at least 44px x 44px for mobile viewers. There are a few other options within the Table Properties window you will want to change per your needs. Here is how I filled mine in:
  3. Once you complete the Table Properties, click Ok. You should have something that looks like this:
  4. Now, let’s dress it up. Click within the table and write your Call to Action text. Format the text with your preferred font, font size and style.
  5. Select your text and use the hyperlink button to add the link to your text. Once your link it added, feel free to select your text again and change the color if you so desire. Here is what mine looks like at this stage:
  6. Now we want to pick a background color for our button. Here is a great resource from PANDR to find colors from your website. Alternatively you can use this tool from W3Schools to look at a variety of HTML colors. I am using #28568A.
  7. Here comes the scary part… ok, not scary, but the hardest part for sure. Click on the Source button at the top left of the window. You should see something like this:
  8. Before you make any edits, locate the table tag. It will start with <table. type=”” pre=”the ” hiddenGrammarError?=”” bgcolor=”#28568A. Replace the color color with the color you have chosen. Click the source button again. Here’s what mine looks like:

That’s it! You’ve got a button for your recipients to click on. Play around until you find the best button style for your brand. (If you want to get extra fancy, check out this tip from Bright Peak on removing underlines from hyperlinks…whoa!)

About Audrey Howes

Audrey has been an active member of the Swiftpage team since September 2009. Audrey manages Social Media and special projects with her marketing know-how and design expertise. When she’s not working you are likely to find her enjoying time with her family in the mountains near Steamboat, going for a run, reading a good book, being goofy with her kids, or savoring a latte in a local coffee shop.

3 Responses to “FAQ Friday: I don’t have Photoshop. Can you help me make a call to action button?”

  1. I don’t have Photoshop either. What I do is go into PowerPoint, create a colored rectangle with a text box over the top with what I want it to say. I copy the entire image (with text) into Paint, crop it, and save it as a jpg. No source codes and you can modify the button to be shaded, have rounded edges, or any of the customized color options in PowerPoint.


  1. StumbleUpon Sends Emails We Want to Open | Swiftpage Marketing Blog - November 8, 2012

    […] Call to Action is Clear: Well, actually it’s yellow. But the message of the Call to Action is clear and the button is impossible to miss. StumbleUpon also took into account readers who don’t download images. When images are off, the button is still yellow. Learn how to make your own button like StumbleUpon’s yellow gem > […]

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: