how to Use Woobox

How to use Woobox

Check other tutorials at vatwist.wordpress.com

How to get there In your browser, type www.woobox.com

Check other tutorials at vatwist.wordpress.com

Welcome to Woobox

Check other tutorials at vatwist.wordpress.com

Signing Up Two ways on doing this.

Check other tutorials at vatwist.wordpress.com

Signing Up You can sign up by email. Just Enter email address and password

Check other tutorials at vatwist.wordpress.com

Signing Up If you choose signing up thru Facebook. Click this

Check other tutorials at vatwist.wordpress.com

Signing Up You will be asked for confirmation. Click ‘Okay’.

Check other tutorials at vatwist.wordpress.com

Signing Up Next, you will be asked for this. Click ‘Okay’.

Check other tutorials at vatwist.wordpress.com

Welcome to Woobox Main dashboard

Check other tutorials at vatwist.wordpress.com

Blog site in Facebook Want your fans or visitors of your page see your blog? Not just see it, but actually can browse thru it without redirecting them to the main blog site? YES YOU CAN! HERE’S HOW TO DO IT.

Check other tutorials at vatwist.wordpress.com

Facebook tab We will be making a “Blog” tab. Click the ‘f Static tab’.

Check other tutorials at vatwist.wordpress.com

Facebook tab Click ‘HTML Fangate tab’.

Check other tutorials at vatwist.wordpress.com

Facebook tab HTML Fangate tab dashboard

Check other tutorials at vatwist.wordpress.com

Facebook tab Type the text you want to appear on the ‘share’ link. Edit the texts in ‘Share Title’ and ‘share description’.

Check other tutorials at vatwist.wordpress.com

Facebook tab You can also select an image for it.

Check other tutorials at vatwist.wordpress.com

Facebook tab Tick the check box.

Check other tutorials at vatwist.wordpress.com

Facebook tab Scroll down. Then click ‘URL’. *the purpose of this tab is to view my blog site without redirecting the visitor to another site. So I chose ‘URL’.

Check other tutorials at vatwist.wordpress.com

Facebook tab Enter URL.

Check other tutorials at vatwist.wordpress.com

Facebook tab You may change this setting depending on the content of your URL landing page. By default it’s 800px. I set it to 2400 px.

Check other tutorials at vatwist.wordpress.com

Facebook tab If you want the entire page to appear without scroll bars, tick the checkbox.

Check other tutorials at vatwist.wordpress.com

Facebook tab Non-fan page Source is turned off by default. Meaning people who both already ‘like’ and not yet ‘like’ your page will see the landing page.

Check other tutorials at vatwist.wordpress.com

Facebook tab Also Friend-Gate is turned off by default. Meaning visitors does not need to be on your friends list to view this content.

Check other tutorials at vatwist.wordpress.com

Facebook tab Form-Gate is turned off by default. Meaning visitors does not need to be fill out a form to see the content.

Check other tutorials at vatwist.wordpress.com

Facebook tab Click ‘Save Settings’

Check other tutorials at vatwist.wordpress.com

Facebook tab Check how it looks. Click ‘view Facebook tab’.

Check other tutorials at vatwist.wordpress.com

Facebook tab You will be directed to Facebook. And asked for this. Click ‘Authorize the Tab Application’.

Check other tutorials at vatwist.wordpress.com

Facebook tab This window will appear. Click ‘Okay’.

Check other tutorials at vatwist.wordpress.com

Facebook tab This is how mine looks. How was yours? Still need some tweaking? you can edit it inside the Facebook woobox dashboard.

Check other tutorials at vatwist.wordpress.com

Facebook tab On the upper right, just above the share button. Click ‘Settings’.

Check other tutorials at vatwist.wordpress.com

Facebook tab This is the Facebook woobox settings dashboard

Check other tutorials at vatwist.wordpress.com

Facebook tab The same settings can also be viewed here. *you can edit tab settings here, no need to go back to the woobox website.

Check other tutorials at vatwist.wordpress.com

Facebook tab You can change the name of the tab. I changed mine to “BLOG”.

Check other tutorials at vatwist.wordpress.com

Facebook tab Save the changes. Click ‘Save settings’

Check other tutorials at vatwist.wordpress.com

Facebook tab To check the changes you’ve made. On the upper right click ‘View tab’

Check other tutorials at vatwist.wordpress.com

Facebook tab The name of the tab is changed from “Welcome” to “Blog”.

Check other tutorials at vatwist.wordpress.com

Facebook tab This is how it looks in the FB main page. Let’s change the picture of the tab. Click the ‘Tab’.

Check other tutorials at vatwist.wordpress.com

Facebook tab This will bring you back to the ‘Blog’ tab page. Click ‘Settings’

Check other tutorials at vatwist.wordpress.com

Facebook tab

On the settings dashboard. Click ‘Change Image Tab’.

Check other tutorials at vatwist.wordpress.com

Facebook tab Take note of the guidelines for the size of the image. Click ‘Choose File’.

Check other tutorials at vatwist.wordpress.com

Facebook tab Choose file. Click ‘Open’.

Check other tutorials at vatwist.wordpress.com

Facebook tab Click ‘Save Settings’.

Check other tutorials at vatwist.wordpress.com

Voila! Go to your main page. Check how it looks.

Check other tutorials at vatwist.wordpress.com

Welcome tab Do you want your visitors to like your page first before viewing your content?

Check other tutorials at vatwist.wordpress.com

Welcome tab Let’s make a landing page for non-fans or those who didn’t liked your page yet

Check other tutorials at vatwist.wordpress.com

Welcome tab . Click the ‘f Static tab’.

Check other tutorials at vatwist.wordpress.com

Welcome tab We will be making landing page for fans to like first your page before redirecting them to the content. Click the ‘f Static tab’.

Check other tutorials at vatwist.wordpress.com

Welcome tab Click ‘HTML Fanpage Tab’

Check other tutorials at vatwist.wordpress.com

Welcome tab Fill out the fields for the “share” link contents. Same as before you can upload an image for it.

Check other tutorials at vatwist.wordpress.com

Choose image Tick the ‘Show Share button at top of tab’ checkbox.

Check other tutorials at vatwist.wordpress.com

Choose image Scroll down a bit, in “Page Source”, choose ‘URL’ (of my blog). You can opt for ‘Image’ or ‘HTML’. Depends on the source of the content.

Check other tutorials at vatwist.wordpress.com

Choose image Enter your URL.

Check other tutorials at vatwist.wordpress.com

Choose image Tick the check box ‘Hide Scrollbars’ (depends on your preference)

Check other tutorials at vatwist.wordpress.com

Choose image Change the height according the content. Since I hide the scroll bar, this is set to 2400 px, long enough to view entire content of the page.

Check other tutorials at vatwist.wordpress.com

Choose image Scroll down. In the “Non-fan Page Source”, Click ‘Image’. Unless you know coding you can opt for ‘HTML’ or your image is being hosted on a certain website choose ‘URL’.

Check other tutorials at vatwist.wordpress.com

Select Image Click ‘Select image’.

Check other tutorials at vatwist.wordpress.com

Select Image Choose image. Click ‘Open’.

Check other tutorials at vatwist.wordpress.com

Save Click ‘Save Settings’.

Check other tutorials at vatwist.wordpress.com

How does it look Scroll up, on the left side. Click ‘View Facebook Tab’.

Check other tutorials at vatwist.wordpress.com

How does it look This is how it looks inside the Facebook site. Where is the landing page? Remember, we are viewing this as the Admin.

Check other tutorials at vatwist.wordpress.com

How does it look As you are looking at it as the Admin, we are making this for the non-fan, right? So let’s click ‘View as Non-Fan’.

Check other tutorials at vatwist.wordpress.com

How does it look This is how it looks when a non-fan view the welcome tab

Check other tutorials at vatwist.wordpress.com

Click it Since Facebook does not anymore allow a default landing page to be customized, and visitors are always taken to the homepage. The key is to make the welcome tab irresistible to click. How? Change the photo. Edit the tab name like there is something waiting too be seen; a reward; or an exclusive content for fans only. Check other tutorials at vatwist.wordpress.com

Customize tab Click ‘Settings’.

Check other tutorials at vatwist.wordpress.com

Customize tab Change the tab name

Check other tutorials at vatwist.wordpress.com

Customize tab Click ‘Change Tab Image’. Take note of the suggested size of the image.

Check other tutorials at vatwist.wordpress.com

Customize tab Choose image. Click ‘Open’.

Check other tutorials at vatwist.wordpress.com

Customize tab Save the changes you’ve made. Click ‘Save Settings’.

Check other tutorials at vatwist.wordpress.com

Customize tab You will be asked for permission. Click ‘Grant Permission to Application’.

Check other tutorials at vatwist.wordpress.com

Customize tab Next this window will appear, Click ‘Okay’.

Check other tutorials at vatwist.wordpress.com

Settings saved This prompt will appear at the top of the pane.

Check other tutorials at vatwist.wordpress.com

Let’s check Go to homepage, check how it looks.

Check other tutorials at vatwist.wordpress.com

What else How about increasing engagement on your Facebook page with rewards? Awesome way for marketing! Woobox can help you with that!

Check other tutorials at vatwist.wordpress.com

Generate traffic By creating promotion like games and giving rewards, visitors will be attracted to visit your page and also it will make your page interactive. *However this feature of Woobox is not free. But it is relatively cheap and totally worth it, you can see the available plan options at the end of this tutorial

Check other tutorials at vatwist.wordpress.com

Here is how Go to Promotions tab by clicking this

Check other tutorials at vatwist.wordpress.com

Promotions Then click ‘Rewards’.

Check other tutorials at vatwist.wordpress.com

Rewards Then click ‘Rewards’.

Check other tutorials at vatwist.wordpress.com

General Settings Fill out the fields required.

Check other tutorials at vatwist.wordpress.com

Helpful info See the little question marks. Hover over the mouse and you can see an information about the fields.

Check other tutorials at vatwist.wordpress.com

Promote We want to generate likes to our page that is why we are making this promotion. So tick the check box.

Check other tutorials at vatwist.wordpress.com

Fan gate If you do not have a personalized Fan gate display yet, you can customize it, by clicking ‘Customize section’.

Check other tutorials at vatwist.wordpress.com

Customization You will be directed to this page. The customization dashboard

Check other tutorials at vatwist.wordpress.com

Helpful Info The first box is a useful information about the customization settings that you can do. Please read it.

Check other tutorials at vatwist.wordpress.com

Here is how Next is the customization panel, it’s set by default. We are going to change the ‘Fan-Gate’, so click Image or HTML. (we will be using image)

Check other tutorials at vatwist.wordpress.com

Select image Then select image from your computer. Take note of the guidelines for the required size of the image.

Check other tutorials at vatwist.wordpress.com

Select image Select image. Then, Click ‘Open’

Check other tutorials at vatwist.wordpress.com

Pop-up Share Tick this check box, to increase the chance you content will be shared. Left everything else default.

Check other tutorials at vatwist.wordpress.com

Save Click ‘Save Changes’.

Check other tutorials at vatwist.wordpress.com

Success You have successfully edited your fan-gate page.

Check other tutorials at vatwist.wordpress.com

General Settings Go back to Edit dashboard. Click ‘Edit’.

Check other tutorials at vatwist.wordpress.com

Time and Date Next, set the date for your offer. Start date and End date.

Check other tutorials at vatwist.wordpress.com

Restrictions There are check boxes to tick for additional restrictions and settings for your offer. This is a great way to make your audience share your page. I’ve set mine to:

Check other tutorials at vatwist.wordpress.com

Tweet it If you want the twitter box to be checked, you need to connect your account first to twitter.

Check other tutorials at vatwist.wordpress.com

Here is how Click your account name, then choose ‘Edit Businesses’.

Check other tutorials at vatwist.wordpress.com

Here is how Then Click ‘External Connections’.

Check other tutorials at vatwist.wordpress.com

Connect to twitter Then click ‘Connect to twitter’. *this account is already connected That is why the address is already there

Check other tutorials at vatwist.wordpress.com

Connect to twitter Then this window will pop up. Click ‘ Authorize app’.

Check other tutorials at vatwist.wordpress.com

Connected Your twitter address will now appear. Click ‘Save’.

Check other tutorials at vatwist.wordpress.com

Check box You should be able to check the boxes now, for the twitter settings.

Check other tutorials at vatwist.wordpress.com

Expiration Next, Set the expiration date of your offer.

Check other tutorials at vatwist.wordpress.com

Redemption Tick the ‘Use redemption codes’ check box. Then choose Automatically generate codes from the drop box.

Check other tutorials at vatwist.wordpress.com

Save Click ‘Save Changes’.

Check other tutorials at vatwist.wordpress.com

Glitch This is because account used here is a “free account”. For the purpose of the tutorial let’s proceed, as you can still view it as an “Admin” of your page.

Check other tutorials at vatwist.wordpress.com

Let’s see Let’s us see the overview. Click ‘Overview’.

Check other tutorials at vatwist.wordpress.com

Overview This is the overview of you offer.

Check other tutorials at vatwist.wordpress.com

Let’s give it a go Let’s try to activate. Click ‘Activate’.

Check other tutorials at vatwist.wordpress.com

Aw, snap!  Unfortunately we can’t view it on our Facebook page. As woobox requires your account to be upgraded into ‘business plan’ type of account. The plans are relatively cheap though and totally worth it .

Check other tutorials at vatwist.wordpress.com

End I hope you had fun learning a thing or two on what Wooxbox can do for your page. Go ahead apply what you have learned and make your page stand out. Stay updated for more tutorials.

Did you find it useful? Please like it and share. Thank you. Check other tutorials at vatwist.wordpress.com