how to Use Woobox
January 2, 2017 | Author: vatwist | Category: N/A
Short Description
Download how to Use Woobox...
Description
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
View more...
Comments
