• information Introduction
    Create your own version of Seaters Embedded
  • group Fan group
    search
    No results found!
    {{ fanGroup.name.en }}
  • account_box User
  • language Internationalization
  • rss_feed Metadata
  • invert_colors Application theme
  • grid_on Sizing
    Chose number of items per size type
  • security Badges
  • view_module Layout
  • link Deeplinking
    Choose how the application interacts with the URL
  • filter_list Filters
    Choose the filters for users
    add remove
  • create Template Generator
    Options
    Footer Height
    Footer Position
    Items to show
    Demo

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://embedded.seaters.comseaters-embedded.bundle.js"></script>


2. Include one of the language files from our CDN

Only the language file for 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://embedded.seaters.com/seaters-embedded.locale-en.bundle.js"></script>
<script type="text/javascript" src="https://embedded.seaters.com/seaters-embedded.locale-fr.bundle.js"></script>
<script type="text/javascript" src="https://embedded.seaters.com/seaters-embedded.locale-nl.bundle.js"></script>
<script type="text/javascript" src="https://embedded.seaters.com/seaters-embedded.locale-es.bundle.js"></script>
<script type="text/javascript" src="https://embedded.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, options?); // @returns: a promise containing the loaded React App

Seaters.embed('seaters', );