Forums/Frequently Asked Questions/Embedding and Customization

How do I add VOKLE to my Facebook page?

The VOKLE Team
posted this on March 08, 2012 17:54

The time has come. You can now fully embed VOKLE directly onto your Facebook Page! Not only will your fans be able to interact with you and watch all of your shows, you will also be able to add "Fan Gates" to increase your "Likes" and encourage higher engagement. Here are a few people that have already added this feature! Brent Smith, ThatSnazzyiPhoneGuy3Killabytes and VOKLE.


First off, if you haven't already, be sure to publish the new 'Timeline' look on Facebook. Now, take these quick steps to add VOKLE to your Page.

 

1. Simply install the Static iFrame Tab App and follow all steps until complete.

                                              Screen_shot_2012-03-08_at_8.34.01_PM.png

 

 

2. Click the "Settings" link and you will be taken to your "Tab Settings" where you can customize 

Screen_shot_2012-03-12_at_4.59.36_PM.png



3. Next, click "Enable" to fit the new Timeline width.

Screen_shot_2012-03-12_at_4.54.52_PM.png

  

 

4. Then under "Page Source", select URL, enter your Series URL and add "/facebook_fanpage" (without quotes) at the end. It should look something like this: http://www.vokle.com/series/11637-bryanstars-live/facebook_fanpage"

Also change the "Height" dimensions 1600 and click the "Hide Scrollbars" checkbox.

 

Screen_shot_2012-03-12_at_5.03.png



5. Scroll down and click "Save Settings". Once it refreshes, go back to your frontpage. You should now see a new tab called "Welcome." 

Screen_shot_2012-03-12_at_3.54.09_PM.png

 

 

6. To change the name and graphic, first click the dropdown arrow on the far right of your "Favorites" tab. 

arrow.png

Then hover over your "Welcome" tab, and click the Edit icon (looks like a pencil), then select "Edit Settings".

Screen_shot_2012-03-12_at_5.15.25_PM.png



7. Now you'll be able to change the name from "Welcome" to "My Live Show" and click Save. 

Screen_shot_2012-03-12_at_6.38.51_PM.png



8. To change the graphic of your show, click the "Change" link to the right of "Custom Tab Image". 

Screen_shot_2012-03-12_at_6.40.28_PM.png

 

When the new page loads, click the "Change" link to upload a graphic of your choosing, or you can use ours (right-click and 'Save As'): http://i.imgur.com/csS5r.png

 

1.png

DISCLAIMER: There is a known bug with Facebook where you must upload the image multiple times until it selects the correct image. There is a ticket in Facebook, and should hopefully be taken care of very soon.

 

 

 

After finishing all the steps, your VOKLE events should now be embedded right into Facebook and should look like this

Screen_shot_2012-03-12_at_6.44.37_PM.png

zendesk.png

 

Fan Gate

To make your shows more exclusive to your fans, you can setup a Fan Gate through your iFrame.  In the Non-Fan Page Source section, you will be able to add a custom image to draw more attention to your Like button.

For more tips on setting up your iFrame app, watch this great video from Justin Germino from Dragonblogger.com

 


-The VOKLE Team

 

Comments

User photo
Domingo Olivares

Buena ayuda

March 13, 2012 02:17
User photo
Friday Night BLAB!

hi, when i embed my event page into my fb fan page, the whole page won't fit. the user has to scroll to the right to see the whole page...http://www.facebook.com/tempestfilms.net/app_208195102528120

October 09, 2012 00:21
User photo
jourfuho

There are several things in life which are cherished and prized forever and Rolex replica watches are one. They cannot afford to buy them simply due to quite a number of people's absolute cost, though it need to wear an authentic Rolex watch. Such guys are given an opportunity to flaunt a Rolex lookalike on their wrist by Rolex replica watches. Don't be misled by the name. It's possible for you to choose from a wide variety of versions & most of the Rolex watch versions will also be accessible as Rolex replica watches.

June 30, 2014 05:14