TireConnect-Facebook integration guide
At this moment there are two ways how TC Widget count be implemented to Facebook.
Button with redirect link to your website.
On FB page click on + Add a Button.
Step 1: In popup menu select button name and purpose of this button.
Step 2: Select Website link option
In popup enter link to your website with TC widget and press Save.
I.e. https://www.tireconnect.ca/ecommerce-product/
Last step it’s just click on Finish and button with link to your website will be ready.
Page with TC widget
You need a developer account to create apps.
You can create developer account or change your account to developer account:
https://developers.facebook.com/docs/apps/register#developer-account
Sign in as developer.
In right upper corner select My Apps and then Add New App.
In popup menu enter Display name and your contact email. Then press Create App ID.
I.e.
On application page select Settings -> Basic.
On Basic Settings page fill in such fields:
Display Name: Name of page with app that will be shown in your FB. I.e. Tire Quoting Tool.
App Domains: tireconnect.ca
App Icon: any icon that is valid for FB restrictions.
Category: Shopping
Business Use: Support my own website.
Privacy Policy URL: it should be hosted on your website according to Facebook requirements. It should be public page accessible by all users.
In the bottom of page click on + Add Platform and select Page Tab.
In Page Tab section fill in Secure Page Tab URL with value:
https:app.tireconnect.ca/web/{API_KEY}
Where {API_KEY} it’s your’s API key with type = facebook.
I.e.
https://app.tireconnect.ca/web/ffaec1a69047762eda83cf8423f54889
Save changes.
Turn on your application by pressing Off button in header and then Confirm in popup.
Go to your FB main page and create new page for TC Widget app(In case you need it. In case you already have one go to 15 paragraph.)
Select Business or Brand and press Get Started.
Page Name: Name of page that will be shown in FB menu.
Category: App page.
Set up design of your page.
Then use link:
https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&redirect_uri=YOUR_URL
YOUR_APP_ID: App ID from 5 paragraph.
YOUR_URL: Url from 7 paragraph.
I.e.
In dropdown select page that you just created for TC Widget and press Add Page Tab.
You will be redirected to app.tireconnect.ca/web/… and it’s ok.
On previously selected page now you can see page with application in sidebar menu.
