Archive › Marketing
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 )

Advanced Ninja Tips and Tricks with Magic Action Box

In this video I show you how to use some advanced techniques to collect customer data that you otherwise wouldn’t normally be able to collect. I use this technique to easily get folks to opt-in to SMS marketing and give me a whole lot of information that I can then use to sell to them.

Comments ( 2 )
Credit Card

5 Sneaky Secret Ways to Increase Traffic Conversion On Your Site

In this article, I am going to share with you some of the best traffic conversion tips and secrets for turning visitors into fans that are often overlooked by most bloggers and businesses.

But first…

Did you know that if you do a search on Yahoo Answers for “web traffic”, you will get over 2000 people asking about how they can get more traffic to their website?  If you do the same search for “web conversions” you only get about 400 questions, and most of them are about converting their website to WordPress or Drupal?


What’s more important, traffic or conversions?

Credit CardIn case you don’t know what a visitor conversion is, when someone visits your site they are a visitor.  Your site’s job is to convert them into a prospect or customer.

It’s similar to someone walking by a store.  They look in the window, glance at some items, and if they like what they see they may enter the store. Now that they are in, they have become a prospect.

Depending on how well the store markets its products, that prospect could end up buying something if they find something of value or if they have good reason to by something now and not wait until later.  If they buy, they’ve just been converted from a visitor, to prospect, and finally to a customer!

This is where most bloggers and businesses fail on their websites…

Conversions are always more important than traffic, yet people still focus solely on asking “how do I get traffic?”

So… screw traffic for the time being.  I am going to share with you 5 sneaky, secret, ninja ways to convert even the smallest amount of visitors into buyers on your website.

Ninja Traffic Conversion Trick #1 –  Clarity of Message

If you are one of those bloggers or businesses that want to cater to “everyone” who “likes” this or that “stuff”, please stop!

When visitors come to your website they should feel one of two thingspush or pull.

Your message and/or offering should be so targeted and so clear that those who want what you are selling have no choice but to be pulled in to read more.  The more clear and targeted your message, the stronger your pull is going to be.

On the other hand, your clarity should also push for even inspire anger when the wrong type of visitor sees your message.

In essence, those who are in your target market should love what you have to say, and those that aren’t should think you or your business should burn.  That’s how you win visitors over to becoming prospects and customers.

Ninja Traffic Conversion Trick #2 – Clear Call-to-Action

I just met with a prospect that needed some help with marketing.  During the conversation he started showing me some websites that he liked and asked if I could emulate them.

“Sure” I said without hesitation, “something like this can be done, but it’s custom so it’ll be quite expensive.  But first, tell me are you looking for a website or to get more leads?”

He paused for a second and looked at me almost as if I were crazy.  Eventually he stuttered out, “lead generation, definitely.”

“Good” I retorted, as I pointed at all of the buttons displayed on the website he loved.  “The reason I asked is because, there are over 10 buttons on this website for the visitor to choose from.  Do you want 10 call-to-action buttons or do you want 1?  You know, do you want them to explore your site or do you want them to call you?”

One clear call-to-action is a powerful thing.  Sometimes you can have more if you need to crush some roadblocks, but if you can keep all of the momentum of your website pointed to one purpose, your conversions will skyrocket.

Check out what the guys over at Woothemes do.

Right away the visitor is told who Woothemes is, what they do, and have a clear call-to-action to check out the pricing of said products.


Ninja Traffic Conversion Trick #3 – The Soft Conversion

If I’m using my hand to shake your hand, don’t put your tongue in my mouth. – Chris Brogan

If you are monetizing your website, you must create a sales funnel.  An important part of that funnel needs to take into account that not everybody is going to be in the position to buy from you right away.

The soft sell is where you hypothetically shake hands with your visitors, give them your business card, and ask if you can contact them later.  All this is done through a very small value proposition.

A free report, a weekly newsletter, a 30-minute free consultation, all of these are low barrier ways of introducing yourself and converting a visitor into a prospect.

Why are they a prospect now?  Well, in order to get these things, they need to give you their email address, of course (at least that’s what I would do).

Do this, and a month or two down the road you will have a customer.

Ninja Traffic Conversion Trick #4 – The Super Soft Conversion

The super soft conversion trick is similar to the last trick, but instead of asking for something in return (like an email), you simply let you visitor try what you got!

For example, check out what the guys over at AnyMeeting do.

Immediately, visitors are prompted to give it a try without having to sign up! Are they mad?

No, they aren’t crazy.  In fact, it’s a pretty smart move since it takes away EVERY SINGLE BARRIER to entry for the visitor.

The user doesn’t have to worry about being spammed via email, doesn’t have to share something with their friends on Facebook, nothing.  All they have to do is try the product.  If they like it, they sign up.

Ninja Traffic conversion Trick #5 – Amazing Customer Service Even for the Soft Conversions

Since we released Magic Action Box Lite in the WordPress repository, we’ve had a ton of downloads.  Not only that, we’ve had a lot of support requests.

I’m not going to lie, the initial reaction to those requests is to let them wait a week.  However, since it is important to us to deliver awesome customer service, we usually respond pretty quickly.

Well, because of this, there has been numerous times when someone has bought our product simply because of the service we gave them.

Don’t take for granted the people that use your free stuff.  Like I said, they will eventually become your customer when they can and when the time is right.

I hope you liked these traffic conversion tricks.  What have you done to increase the the amount of leads that you get from your website?  Let us know in the comments!

Comments ( 0 )