Sie sind auf Seite 1von 107

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! HERES 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 its 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 youve 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. Lets 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
Lets make a landing page for non-fans or those who didnt 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 lets 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 youve 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

Lets 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, its 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. Ive 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 lets proceed, as you can still view it as an Admin of your page.

Check other tutorials at vatwist.wordpress.com

Lets see
Lets 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

Lets give it a go
Lets try to activate. Click Activate.

Check other tutorials at vatwist.wordpress.com

Aw, snap!
Unfortunately we cant 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

Das könnte Ihnen auch gefallen