You can add an Upcoming Events List, Mini Calendar and/or Event Search Widget to your Facebook Fan Page by using an Iframe App that allows you to insert HTML, JavaScript, and CSS into your Facebook Fan Page.
Visit our Fan Page to see examples of our widgets using Iwipa - "Like" us to receive feature and product updates:
http://www.facebook.com/pages/CalendarWiz-Online-Web-Calendars/156298354423443
There are Free iFrame Apps available that will allow you to insert your CalendarWiz Web Widgets (via javascript snippet.) Here are a couple links to iFrame Apps that offer a free version of their product; however, there are many others available:
Iwipa:
http://www.facebook.com/iwipa?sk=app_191494420889273
Login to your Facebook Fan Page and search for one of the above iFrame Apps or use the direct link provided. Decide what iFrame App you would like to use.
- Follow steps to insert the App into your Fanpage - the App will appear as a new tab on the left-hand side of your fanpage.
- Rename the App Tab on your Fan Page - it most likely will say "Welcome" or something simliar.
Click the "Edit Page" button in your fanpage -> Go to Apps Tab -> Find the iFrame App in the list -> Click to "Edit Settings" under the iFrame App -> Rename the tab -> Save -> Done. - The App tab should be renamed.
Tips for using Iwipa:
- You can rename/remove the tabs that Iwipa automatically adds to your "webpage" within your Fan Page.
To rename the "Home" tab and other tabs click the
button -> Click "Tabs and Layout" button -> Click the Tab you want to change. A window opens allowing you to rename the tab -> Save
- To insert your CalendarWiz Upcoming Events List or other Web Widget, you will need a "Media Box" module in your layout. Drag a media box into the gray "Layout" box. To remove modules click and drag them out of the layout box.
- To add your CalendarWiz Widget to a Page (Tab) "Select Page to Manage" and click the "Edit Page Content" button -> Click [Edit] button again -> Click [Source] button in the editor so that you can insert html, css, and javascript into the media box.
- Open and login to your CalendarWiz calendar -> Copy and Paste the Upcoming Event List code or other widget code into the editor screen in your Iwipa screen. Access your calendar's Upcoming Events List code via:
Admin Menu -> Web Widgets -> Upcoming Events List (or other widget) -> Script Tab ->
The Upcoming Events List script will be similar to this:
<script type="text/javascript" src="http://www.calendarwiz.com/calendars/ucfeeder.php?crd=calendaridentifier&theme=Master%20Theme"></script>
- For more information on creating an Upcoming Events List follow the below link:
http://www.calendarwiz.com/knowledgebase/entry/76/