How to add the Xt3 Event Calendar to your Facebook Page
Step 1 – Facebook Developers Page
Log onto Facebook, and go to the page: https://developers.facebook.com/apps
Step 2 – Create a new App
1. Click on the button ‘Create a new App’ on top right hand side of the page
2. Chose an App name (e.g. Wagga Wagga Events Calendar)
3.
4.
5.
6.
Choose a Display name (can be the same as App name)
Namespace – leave blank (you don’t need)
App Domain – insert xt3.com
Hosting URL – leave blank
7. For ‘Site URL’, you will insert the URL of your Diocese Event Calendar on Xt3. To do this...
- Go to xt3.com
- Click on Diocese
- Search for your relevant diocese
- Click on ‘Embed Xt3 calendar into your website, click here’
- Insert the width you would like your calendar to be - 800 works best for Facebook
- When you have chosen relevant colour and added width size, click ‘Generate’
-
This will generate a code that looks like this:
<iframe
src="http://www.xt3.com/event/changeableCalendar.php?color=00AEEF&bgcolo
r=FFFFFF&dioceseId=26&width=799" frameborder="0" width="800"
height="893"></iframe>
-
You don’t need whole iframe code – all you need is everything from
http: _________________________width=799 which is everything in inverted commas
-
So, the code should just look like this
http://www.xt3.com/event/changeableCalendar.php?color=00AEEF&bgcolor=FFF
FFF&dioceseId=26&width=799
8. Go back to Facebook app page, and put this same code into the canvas URL
9. In the ‘Secure canvas URL’ section you will need to insert this same URL – BUT you must
have “https” instead of “http”. See for example:
https://www.xt3.com/event/changeableCalendar.php?color=00AEEF&bgco
lor=FFFFFF&dioceseId=26&width=799
10.
11.
12.
13.
14.
Page Tab URL = same as canvas URL
Secure page tab = same as secure canvas URL
Choose a width of 800 for the icon
Website with Facebook login= http://www.xt3.com
Save the App... and you will get an App ID number – see below
15. Edit this URL http://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&next=YOUR_URL - with
the app ID you just got. See below for an example:
http://www.facebook.com/dialog/pagetab?app_id=481785505182708&next=http://www.face
book.com
16. Choose the Facebook page you want to add the calendar to, see below:
17. Congratulations you have added the Xt3 events calendar on your parish or diocese Facebook
page!