December 17, 2013

Adding a ticketshop to multiple Facebook pages

Adding a ticketshop to your Facebook page is a matter of a couple of clicks with ticketscript. However, there may be occasions where you want your ticketshop published on multiple Facebook pages – perhaps affiliates or other partner pages.

multiple_ticketshops

Those pesky developers at Facebook have updated the developers site. For the updated guide on how to do this click here. If you want to see the old guide we’ve left it here for prosperity!

Historically we have instructed clients to use third party apps to add their ticketshop to multiple Facebook pages. There is an alternative, which although a bit more complex, doesn’t rely on third party technology.

Integrating the ticketshop on multiple Facebook pages:

1. Before starting this process make sure that you have a fan page, and that you are an administrator.

2. Go to https://developers.facebook.com/apps

If it’s your first time to this part of Facebook, you’ll be asked to login (if you aren’t already), you’ll then need to click on ‘Create new app’ in the top right hand corner.

3. You’re now a Facebook developer – congratulations! Let’s make your new ticketshop.

You should now see a pop up – you only need to complete the ‘App Name’ field.

This is the title that will sit under the ticketshop button on Facebook. We suggest something like, ‘Tickets’, ‘Ticketshop’, ‘Buy tickets’ or some variation on this. Then click continue.

At this point you’ll be asked to complete a security field, normally one of those annoying
number entry fields.

4. You should now be at your app settings page.

The two areas you need are ‘App on Facebook’ and ‘Page Tab’. Open ‘App on Facebook’ first. To get the ‘Canvas URL’ and ‘Secure canvas URL’, head to your ticketscript dashboard.

Choose the shop channel that you want to integrate (you can choose your Facebook channel or any other one), then hit the link icon to go through to all the different embed options.

Scroll to the ‘URL’ box, then copy and paste this url into the two fields back in Facebook. In the ‘Canvas URL’ box, remove the ‘s‘ that follows ‘http’. So, for example:

https://shop.ticketscript.com/channel/web2/start-order/rid/YKTBYNLA/language/en
becomes
http://shop.ticketscript.com/channel/web2/start-order/rid/YKTBYNLA/language/en

Tips: It’s best to add an additional ‘/’ to the end of every URL to ensure that Facebook accepts it when you save your app. Also keep a copy of the above url somewhere handy to save you having to look for it later.

5. Now open the ‘Page tab’ section in Facebook. The ‘Page Tab Name’ should be the same as your app name.

The URLs should be the same as the previous ones entered. In the ‘Page Tab URL’ you’ll also need to remove the first ‘s’ from ‘https’, just as before.

6. The final stage in this section is to disable sandbox mode – as a default this is enabled so just click ‘disabled’.

Finally click ‘Save changes’ at the bottom of the page. This will make your ticket app live…now you just need to connect it to your Fan page.

7. Go back to your Developer account overview by clicking on the bold ‘Apps’ button at the top of the page.

In a new window, enter the following url:

https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&next=YOUR_URL

Your ‘App ID’ can be found in the overview section of your app. Your URL is the same url that you took a handy copy of in step 5, minus that ‘s’.

Once you’ve completed this URL hit enter.

8. Hopefully you’ll be taken to an ‘Add Page Tab’ page…

Nearly done! From the drop-down, choose your fan page and click ‘Add Page Tab’. This will open the ticket shop in a new window.

9. Finally go to your Fan Page and check that the shop is presenting correctly. If it is, then not only do you have multiple ticket shops, you’re also a published Facebook developer – congratulations!

By Shane Mansfield