Seaters Embedded Demo

Configure demo

Create your own version of Seaters Embedded

Fan group
Authentication
Internationalization
Metadata
Theme - colors
Theme - layout
Theme - typography

Implement this configuration

To use this configuration in your own application, follow these steps:


1. Include the seaters embedded javascript file from our CDN

<script type="text/javascript" src="https://embed.seaters.com/seaters-embedded.bundle.js"></script>


2. Include one of the language files from our CDN

Only the language file if the language you would like to support is required. Currently available: English (en) French (fr) Dutch (nl) Spanish (es) Japanese (ja)

<script type="text/javascript" src="https://embed.seaters.com/seaters-embedded.locale-en.bundle.js"></script>
<script type="text/javascript" src="https://embed.seaters.com/seaters-embedded.locale-fr.bundle.js"></script>
<script type="text/javascript" src="https://embed.seaters.com/seaters-embedded.locale-nl.bundle.js"></script>
<script type="text/javascript" src="https://embed.seaters.com/seaters-embedded.locale-es.bundle.js"></script>
<script type="text/javascript" src="https://embed.seaters.com/seaters-embedded.locale-ja.bundle.js"></script>


3. Copy-paste the following element where you would like Seaters Embedded to appear

<div id="seaters"></div>


4. Copy-paste the following snippet of code anywhere on the page between <script> tags

Change the options as desired

// Syntax: Seaters.embed(elementId, fanGroupId, options?);

Seaters.embed('seaters', '', );