IFrame Tutorial

You may delivery your PPV content via your own website, rather than through the Webcastia Portal service/Website by using IFrames that you can copy and paste from your Webcastia Admin Console. The content IFrames are 200 pix wide, allowing you to place them on the sides of a webpage.

Setting up your account for IFrame use

1. From the Admin Console, goto IFrame Maintenance. Enter the background, text and link url colors. Then enter the website landing page when the Iframes will be placed. This is important, for we tell your viewers where to access your content via the purchase email system and you want them returning to the IFrame landing webpage, not your Webcastia Portal website.

2. The IFrame code to copy and paste is located as follows: Full content - Admin Console, IFrame Maintenance screen. A Channel's content - Group/Category/Event Maintenance, Channel Edit Screen for the Channel you wish to add to your webpage. A Sub-Categories content - Group/Category/Event Maintenance, Channel List, Category Edit Screen of the cagetory you wish to add to your website.

3. To use the IFrame system, you will need to have Images assiged to the Channels, Categories, and Events. The Channel and Cagetory images are 200 pix wide (jpg gif png), and the event iframe image is 640 pix wide.

IFrame Examples

Full Content IFrame Example

This example is use of the full content iframe code that you can copy and paste for the Admin Console, IFrame Maintenance screen.

The background, text and link url colors can be customized from the IFrame Maintenance scree as well. Also you can customize these colors for your affiliates. In this example, we use the color scheme of one of the affiliates, overriding the color scheme from the IFrame Maintenance screen, which is a black background.

Channel Content IFrame Example

This example is use of the channel content iframe code that you can copy and paste from any of the Channel/Group edit screens.

Sub-Category Content IFrame Example

This example is use of the sub-category content iframe code that you can copy and paste from any of the sub-cagetory edit screens.

The background, text and link url colors can be customized from the IFrame Maintenance scree as well. Also you can customize these colors for your affiliates. In this example, we use the color scheme setup from the IFrame Maintenance screen, showing what happens when an affiliate is not used to load the IFrame.

You can also IFrame individual Events/streams onto your website. The event iframe code is located on the event edit as screens. This iframe is 680 pix wide (full page). Again, the event iframe landing page and the event iframe image (640 pix wide) are required for this feature to work properly. You will also need to setup the Iframe Maintenance screen from the Admin Console as well.

View the example below:

Buy/Watch Button URL Link

You can also create an event page on your website and link to the our purchase and viewing pages for the event via a buy/watch button on your page. The URL link code is located on any of the event edit screens.

View the example below:

We suggest the you add a java routine that auto creates a browser window so that it appears to be a popup.

Portal Main Page Content IFrame

You can populate the content area of your portal's main page onto your own website, giving your portal's like and feel your full control. Replace the clientid 12 with your client id, copy and paste onto your webpage. We are required to setup the color sheme for you.

View the example below: