Archive › Converting Visitors
FaceBook Like Button Popup

How to Create A Popup With FB Like Button

fb like popupHere are the steps to create a popup with a FaceBook Like button.


Note: You actually only need Magic Action Popup Add-on if you want the FB Like button to be shown as a popup to visitors. You can just use Magic Action Box without the add-on and display the FB Like button within your content pages just like any other action box.

Alright, let’s get started.

Get your FB Like Button Code from FaceBook

Go to the FB Like Button Code Generator and fill out the URL to Like field. The other settings on the page are optional. I would also suggest to leave the Width field blank – unless you know what that will do when you add the code to Magic Action Box. Then click on the Get Code button.

FB Like Button Generator

You will be presented with two boxes of code. The first one is the code for the JavaScript SDK.

The second one is the code you use to indicate where you want the FB Like buttons to show up.

Copy both sets of code into a text file so we can use it later with Magic Action Box.

Copy FB Code

Note: Make sure you only load the JavaScript SDK once. Ideally, you would add this code right after the opening <body> tag. If you know how to do this, then copy only the code from the second box.

Now that you have the code from FaceBook, it is now time to

Create an Action Box

Log in to your WordPress Admin backend, then, go to Magic Action Box → New Action Box. You will be presented with the screen to select the action box type. Choose Optin Form.

Choose Action Box Type

On the next screen, fill in the name for your new action box, and choose an action box style. You can also change this later.

Edit Screen 1

Next, move down to the Opt In Form Settings section and in the Select Mailing List Provider option, choose Other (Copy & Paste) from the dropdown.

Select Mailing List Provider

Next, go down a bit to the Processed Opt In Form Code field below the Process Code button. This is where you paste in the code from FaceBook.

Note: There is also an Opt In Form Code field (without the Processed word). Leave this field blank. You never need to click Process Code button.

Paste FB Code

The next bit we will do is only done because we are loading the action box via popup. Popups are created on the page dynamically – after the page has been rendered. And if we do not do the next part, then the FB Like buttons won’t get loaded.

After you have pasted in the code from FaceBook, type the following code right below the pasted code:


Type additional code

That’s it for getting the Like Box to show up.

You’ll also want to add some heading text to your action box. Move down to the Opt In Copy section and fill in the Main Heading and Sub Heading fields. You don’t have to though.


Now, Save your action box.

At this point, you can actually start using this action box and add it before or after the content of your blog posts and pages, just like any other action box.

But, to show the FB Like button as a pop-up though, we’ll need the Magic Action Popup Add-on. Once you have the popup add-on installed, we can now

Create a Popup

In your WP Admin backend, go to Magic Action Popup → Create Popup. Make a descriptive name for your popup, and in the Select Action Box to Use In Popup dropdown, choose the FB Like action box that we created earlier. Also, make sure to Activate the popup.


Save/Publish the popup.

You can now assign the popup to specific posts and pages. Edit the blog post or page you want to add the popup to and look for the Magic Action Popup Settings section. Choose the popup we just created in the dropdown.


Or, you can also assign the popup to your front page, to all your blog posts or pages, or to specific categories. To view the options available, go to Magic Action Popup → Popup Settings and go through the tab options available.

Here’s What It Looks Like

fb like popup

Comments ( 12 )

Boosting Conversions Using Powerful Calls-to-Action on Your Blog Posts

Creating a blog for your products is a great way to reach your target audience and promote interaction. It can be used as a leverage to convert potential customers into buyers through optimized content while also building a connection with them. It allows you to tackle certain issues that your target readers are concerned with and provide your input, solutions, or new perspectives.

So, is your blog producing results? It is one thing to get a heap amount of traffic but it is another thing to convert that traffic into buyers or subscribers. What can you do to easily make visitors do what you want them to do when they visit your blog?

The very first thing you need to start with is to clearly define what you want to attain from your visitors so that you would know exactly what you want them to do. Are you building an email list, selling products, or getting information? If so, then make it clear and start from there.

Once you know what you want to get, then all you need now is to clearly guide your visitors to that action.  This is where a lot of blog owners get it wrong. They write amazing pieces of content but fail to draw out a clear pathway on what they want because they are not aware that their readers are just waiting for them to provide that all important next step. Giving a clear and concise call to action is what separates a good post from a great post that converts.

What is the Purpose of Your Call to Action?

A call to action is more than a mere phrase that tells people what to do. It helps your content push people towards a decision to act or not. The purpose is not just to make someone click, or sign up but to show them the benefit of making that particular action.

It also makes it easier for your visitors to realize the benefits and advantages of building a connection with you via your blog. It helps in easing their concerns which is essential in their decision to invest in your services or products.

Calls to Actions

Examples of Calls-to-Action Telling A Reader What to Do

So, how do you effectively incorporate calls to action into your blog?

With the information and technology available right now, there are numerous ways to take your readers to the next level using your calls to action. Some incorporate them in blog posts which can serve as a navigation tool while also offering content while others place it before or after the post using an interesting phrase or sentence.

A majority of blogs these days operate under the WordPress platform mainly because of the flexibility and freedom that can be done with it. Numerous plugins make it easier for bloggers to do certain tasks without the need for manual coding. You can even find plugins that helps you incorporate effective calls to action in your blog posts.

Lastly, incorporating a great call to action will make all the difference for your blog. Supercharge your blog posts with effective calls to action that emphasizes value and see your conversions hit the roof. Remember, it’s all about telling people what to do.


Do you have your own way of making calls-to-action that convert? Or a unique way to boost your blog posts?  I’d like to hear from you!

Comments ( 0 )