How to Create Your Own Page Engagers to Increase Social Interaction
How to Create Your Own Page Engagers to Increase Social Interaction
In this specific video we’re going to be talking about creating engaging intro pages to increase visitor interaction with your site.
So what is the concept of a page engager? Well it’s adding a survey or a poll, or a simple interactive question before somebody hits your website. So basically, before they hit your website, they see something that says a question. And it asks them a question, and it asks them to take a particular action. And what this does is it builds curiosity within the visitor to take a specific action to help them feel that they have invested time into your site, and in their subconscious, they have taken a mini-transaction. So this can be super, super powerful.
In order for this to work, you’re going to need two images, and then you’ll need to have one HTML page in addition to what you are already having. Now you can have an HTML page, or you can have a WordPress page. So depending on what site you use, just add an extra page with two images on it with an engaging poll or survey. That’s what we’re going to be creating, which eventually redirects to your main site.
So let me show you how to implement this. Now before I move to actually show you how to implement this strategy, I want to give you some examples of page engagers. Now as you can see here, it has a question up here, it says, “which of these is the best for your weight loss diet?” a yummy doughnut or a shiny apple, so click on the yummy doughnut and let’s see what happens. It says “get your free copy of our amazing doughnut diet book.” Okay so if you click on the doughnut, you’re forwarded here, but if you click on the shiny apple…we can see that you’re still forwarded here. So this is an example of two images, whether you chose one image or the other, it still points to your site. The shiny apple, so we’ve got a negative and a positive, so you need to make sure that whatever images that you choose, can actually somehow relate back to your site.
Your whole goal here is basically to just get people to interact with your site so that they have some sort of entertainment. So this is another example here, it says “vote which one of these new games is your favorite: Call of Duty or Assassin’s Creed.” So if you click on Call of Duty here, we’re able to see this 100% free guide to getting all the latest video games without ever paying a dime. And if we go back to the page engager here, and we click on Assassin’s Creed, we see that it still forwards to the squeeze page. So regardless of which one of these you choose, they go to the same page. Now of course you can make it so that they go to separate pages, but that’s just up to you. But in this strategy, as you can see, it goes to the same page.
So to create something like this, you’re going to need to have an HTML page. You’re going to need to have two images, and then you can create it. so in this example, I found two images and I thought about it and what I’m going to do is make a page engager type page that will promote some sort of time management. So regardless whether you have the little man that’s frustrated because maybe he hasn’t had the ability to really organize his time, and he’s losing a lot of time; or the guy who says “oh you know I’ve got my time on schedule” and so forth. So you need to think about how to use two images that might be quite different, might actually reach out to somebody’s problem and so forth like that, but also still forward back to the main page.
So to do this, as you can see you’ve got: question – image, image – and caption. So what we’re going to need to do is we’re going to need to gather the question, we’ve got the two images, and what goes below these images.
So I paused this video, and I’ve got this question that says, “How do you feel about your time management?” we’ve got “frustrated – I’m losing time” or “not bad, but I need help to improve.” Okay so now that we’ve got the question and the two possible choices of answers, now we can begin to create the page engager.
So what we need to do is download software called Kompozer. So if we go to Google.com here, there’s a piece of software called Kompozer (K-O-M-P-O-Z-E-R.net) and this is compatible with Macs, Windows, and Linux as you can see here. So go ahead and download it because we’re going to be using it in just a few minutes.
So if I go back to the file manager here, I’m going to create an HTML page. Now keep in mind, if you have some sort of site and the site’s file is already “index.htm” then you might have to rename your index.htm or HTML file, to something like “index2.html”. So in this case I’m going to say “index.html” click on Yes, I’m going to edit this with Kompozer. And now we’re just going to enter the details. So for example, how do you feel about your time management? So I’m going to click the Center button here, and then I’m going to put let’s say, Image 1 here, or Image 2. So image one is obviously that specific image to the left here, let’s see here, so I’m going to put the negative on the left hand side. So if I highlight this, click on Image, I’m going to Insert an image and the dimensions of the image…let’s see here Custom Size. I want to say, let’s say 400 – that’s still pretty big, so let’s make it…350, and then put the other image here. And then we’re going to add the other image here, so click on Dimensions, and Resize it to 350; click Okay. So now we have two images, but I want to increase the size of the word “or” so highlight it and increase the size here. And let’s see, we’re going to bold it, and change the font to Arial, and save the file.
Now what we need to do is simply put the captions beneath each image. So I’m going to go to WordPad here, copy this right below the image, so we’re going to put it on a brand new line here. And get the other text, and put this underneath the right image, and I’m going to put some white space between them. So it looks about…like in the middle of the bottom of each image. I’m going to highlight the text, I’m going to make it bold, make it bigger. Let’s see, I’m going to move the white space over, okay so highlight this. I’m going to change the color of the font, I’m going to bold it, do the same over here, but I’m going to use a different color, let’s say blue, click Okay. okay and the question I want to change the font to Arial, bold it, make it bigger, highlight it, change the font here to maybe red, dark red, click on Save, and there we go.
Now let’s make the images clickable. So if somebody clicks on the link, it actually goes to the landing page. So click on Link, enter the URL, we’ll just say Google.com for example’s sake here, click Show Border around the linked image. Click Link, enter Google, show border around linked image – that way somebody knows to click on that link, and let’s see here, let’s take a look at the “index.html” file in the browser, and that’s what it looks like.
So we’ve got “frustrated – I’m losing time” or “not bad, but I need help to improve.” Now that’s how to create it manually, however if you want it to look nicer, and make it look faster and have the ability to track statistics – there is a plugin, a software application called Page Engager. And it’s at SqueezeNinja.com/PageEngager as you can see here.
So I just wanted to show you two different avenues. You can do it automatically with Page Engager, or manually using the methods that I showed you. So whatever route you choose, you can go for it. And that’s how to create an engaging page that can have your visitors interacting with you, and increases your conversion rates of your site, and that’s it!