Flightkit

v2.0.0

Flybits Flightkit is a fully contained, framework agnostic solution for personalized UI and Content within your web applications. Composed of native web components you can simply drop pure HTML tags into your application and view curated experiences from the Flybits platform.

Quickstart

Here is the bare minimum code required to quickly embed a Flybits powered UI container within your existing application. For more flexible and robust options, read more in the following sections starting with Installation.

1. Import

via NPM:

$ npm install flybits flightkit --save

import Flybits from 'flybits/dist/flybits.mjs';
import { FlybitsSlot } from 'flightkit';

or via a CDN

<!-- Import the Flybits.js core SDK -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/flybits.min.js"></script>
<!-- Import the Flightkit library -->
<script type="module" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/flightkit.js"></script>

2. Declare

<flybits-slot ref-id="offers"></flybits-slot>

3. Authenticate

<script>
  // Use existing Flybits.js authentication strategies
  Flybits.init({
    HOST: 'https://api.demo.flybits.com'
  }).then(function(){
    return Flybits.Session.connect(new Flybits.idp.AnonymousIDP({
      projectID: '42FA7D27-9D44-42ED-A112-EAED2385B36C'
    }))
  })
</script>

4. Enjoy Contextual Personalized Content

Note: Layouts & content must be configured within the Flybits Experience Studio for them to appear within a FlybitsSlot.