When you start selling products or services, you need a Buy Now button. You’ll also probably need an Add to Cart and View Cart button.
If your shopping cart’s buttons are boring or not specific enough for you, you can create your own. Then, you change the link to refer to your own button. I’ll explain how.
Plus, I’m going to give you some free Buy Now buttons — and other sales buttons — for you to use!
How to create your own buttons
I create my buttons in PowerPoint. Creating a flat button is easy. Adding a 3D look is just a matter of using the bevel feature and a semi-transparent white shape for a highlight. Here’s a tip on using bevels. Here’s another tip on creating highlights.
When you have your button in PowerPoint, select all of the objects that make up the button. Then right-click and choose Save as Picture and save it as a JPG or PNG file in the location where you save images for your website. (You do have an images folder for your website, right?
The next step is to upload the image. In your WordPress Dashboard, click Media> Add New. Then click Select Files, find and select your image, and click Open.
You’ll see a screen like this.
Do you see the File URL? Select and copy that text to the Clipboard. That’s what you’re going to need to make your Buy Now or other sales button work.
Here are some free Buy Now and other sales buttons!
To download any button, right-click it and choose Save Image As or something similar. (The exact words depend on the browser you’re using.) Then save it in the folder where you save images for your website.
As you can see, the number of buttons is unlimited. You can create buttons that are generic or very customized.
Using your button
You get your Buy Now button code from your shopping cart, after creating a product. To insert the code, you follow these steps:
- Select the code provided by your shopping cart
- Copy the code to the Clipboard
- Chick the HTML tab in your WordPress page or post (a sales page is usually a page, not a post)
- Find the desired location
- Paste the code
In the code, look for a section that says src= and then has a long URL that ends in .png, .jpg, or .gif That’s the location of the button. (I store it on Amazon’s S3 storage service rather than on my own website, but you can store it on your website using the Media feature of WordPress, as I describe above.)
That link goes to your shopping cart’s default Buy Now button. If you want to use your own button, replace the URL in that code with the location of your own button.
You can resize an image directly in WordPress by selecting it and dragging a corner handle inward or outward. But when the image is part of code, you usually have to use a different method.
The easiest method is to resize the image before you upload it. You may not realize that it’s too big or too small until you see it on your sales page, but you can always upload it again.
Just use your operating system’s default image editing program to resize it. To make sure that you don’t distort the image, use a percentage to resize, rather than specifying the height and width individually. I use the Microsoft Office Picture Manager, which comes with Microsoft Office. You can also find free online picture editors that can resize your image.
Do you use custom Buy Now buttons?
Share them with us by providing a link to your sales page! Or, if you use one of the free Buy Now buttons — or other sales buttons — here, tell us where to find it. Someone might buy from you, so why not?
How did you create your custom button? Are you coming up against obstacles with your sales buttons? Ask a question here and I’ll do my best to answer.