How to Increase Your Conversions By Using Simple Before and After Pictures With WordPress

How to Increase Your Conversions By Using Simple Before and After Pictures With WordPress

How to Increase Your Conversions By Using Simple Before and After Pictures With WordPress

In this specific video, we’re going to talk about how to increase your conversions by using simple before and after pictures.

You can think of these before and after pictures like mini case studies because your prospect or your potential buyer is interested in your product or service, but usually they want to know more about the end result. What does the end result look like?

Using galleries or even just putting before and after pictures on your posts or your pages can greatly help on your site, or even in your videos. And this works very well if you’re a service provider, simply because people want to see the end result. Now if your product has some sort of end result or end goal, and you can show that somehow in a before and after picture, then that will be great as well. And also, besides the before and after pictures, another out of box idea that can work really well for you is that you can also use this to show some sort of process of a step-by-step system, or a blueprint.

So setting up your before and after pictures are actually really not hard to do. So in terms of the technical, the setting up, the taking the photos and so forth – it doesn’t have to be fancy. And you can use whatever camera you want, you can do screenshots, you can use a smartphone, an iPhone, an android, and so forth. Just make sure that the quality of the pictures is clear when you add them to your website, to your videos, or to your other media platforms.

So let’s talk about applying this. You can either at the middle or at the bottom of your post, let’s say you’re creating a article or a website page. Somewhere in the middle or at the bottom of your post, is generally good. If you have more before and after pictures, let’s say you have three, you could write a few sentences, give an example at the top, put one at the top, put one in the middle, and put one at the bottom; because if you can sprinkle it all over the page, then people are going to want to see more. They look at all three of your before and after pictures, and you can greatly increase your conversion rate.

Let me grab a before and after picture, and let me show you how to add this to a WordPress post or page. So in this example, I have a before and after picture, and How to Increase Your Conversions By Using Simple Before and After Pictures With WordPress the before picture is a picture of a rotten roof, and the after picture is a picture of a roof that has been completed. So let’s say for example that I’m a roofing company, and I want to create a post and a website with a before and after picture. So I’m going to go ahead and go to WordPress, and show you how to go about doing this.

So the first thing I want you to do is to login to your WordPress Dashboard, and go straight to the Media Manager. So if you go to Media here, and click on Add New, we’re basically going to find these two images, and we’re going to drag and drop these two images into here. Okay good, so now what I want to do is edit both of these. So if I click on Edit, as you can see, there’s thi8s black area here that I don’t want. So if I click on the Edit Image, and I’m going to crop this page or image by selecting it and clicking on Crop, there we go. And I am going to, let’s see, this is the after image, so click on Save and you can rename this to whatever you want, just make sure that you know what that file is. And if I go back to Media here and I want to edit this here, the before picture; so click on Edit, you can edit image again. I’m going to Crop the image again just by highlighting it, click on Crop, click on Save, and I’m going to go back to the Media Library. And as we can see, we’ve got the before and after pictures, they’re both cropped and ready to go.

Now I can create a post or page. So in this example, let’s say I’ll create a post. And I’m going to click on Add New, and add a brand new post. So I could say something like “Roof Replacement Before and After Pictures” or you could even say something like “Roof Replacement Gallery Photos” and so on and so forth. Or you can say “Roof Replacement Service” and say something like, have the introduction, talk about the problems people face, and how you’re able to solve their needs. Then put some sort of before and after picture right below that, and especially if you have more. But if you only have one before and after picture, then it might be wise to write the introduction and do kind of like a tutorial, like a step-by-step tutorial and say “The way we replace broken roofs is by doing the following: Step 1.  Do XYZ and then after we talk about the content you can just say, “Here’s an example of a roof we replaced recently.”

So at this point, if you click on Add Media at the very top here, and just find the before picture, click here; click on Insert Into Post; and this is a little bit big, so I’m going to decrease the size of it. I can decrease the size to about 60% and let’s say I want to left align it, click on Update; okay there we go, so it’s a little smaller which is exactly what we want. And then you can have the after picture here, do the same thing – click on Add Media; click on the after picture; Insert Into Post; of course you can change the size of that as well, down to 60%; and we can right align it; click on Update. And this way, as you can see here, this is the before, and this is the after image.

Now you can also use galleries, and create galleries. If you click on Add Media at the very top here, you can actually create a gallery as well. So if you were to create a gallery, what I recommend that you do is put the before and after picture; before/after; before/after; before/after; because if you can follow some sort of pattern, people can figure out “okay this is the before, and then the after picture” before and after picture. The worst thing that you want to do is to put all your before pictures, and after pictures and make an unorganized, and then people really don’t know what kind of message you are trying to give out. So with that said, we’re going to close this down and that’s – it’s really easy to do, as you can see here, and that’s it!

download the PDF here


QR Code - Take this post Mobile!

Use the power of your smart device and take this WordPress training information with you. Our unique QR code allows for mobile sharing, storage, and bookmarking of this post for your convenience.

Comments

Leave a Reply