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!
© Copyright 2024