Integration
Integrating the Socios.com Partner Web App
You can seamlessly incorporate our Partner Web App into your website.
To achieve this, you must use this Partner URL:
https://app.socios.com/partner/[PARTNER_ID]?partnerWebAppId=[PARTNER_ID]
An example URL would be the Bern football club Young Boys:
https://app.socios.com/partner/5796d2d6-da2a-4914-82fe-3eeaba3c1bca?partnerWebAppId=5796d2d6-da2a-4914-82fe-3eeaba3c1bca
You can retrieve the Partner ID
you want by browsing on app.socios.com and looking for the specific partner detailed page. The id will be located after /partner/
in the URL.
They designed the integration to look like this:

Try it for yourself: https://ybo.bscyb.ch/
Web integration
You can insert the Partner Web App into an iframe for a responsive website.
The necessary HTML code is:
<iframe src="https://app.socios.com/partner/[PARTNER_ID]?partnerWebAppId=[PARTNER_ID]" width="100%" height="800px" allow="publickey-credentials-get https://gateway-capsicum.socios.com"></iframe>
SEO Optimisations
Here are two ways to improve the findability of your Fan Token page from search engines:
Fill the
<title>
HTML tag with "[Partner shortname] Fan Token", so that it appears clearly in the browser tab. For instance, for Apollon Limassol fan token:<title>APL Fan Token</title>
Make sure to mention this string in the URL of the page. For instance: https://www.apollon.com.cy/en/apl-fan-token/
Mobile integration
For mobile apps, you can create a native WebView using the following URL:
https://app.socios.com/partner/[PARTNER_ID]?partnerWebAppId=[PARTNER_ID]
This way the web app will be seamlessly implemented within your mobile app. It can work on both native or hybrid mobile app.
Of course, building a native WebView requires much more work than just using this URL -- starting with the fact that a native implementation will require you to develop it twice (iOS + Android).
See for instance how French rugby club Stade Français did it:



Last updated