This project has various demos and code pieces you can copy to use the AirLyft Widget.
The AirLyft Widget allows you to create onboarding flows, run quests, and campaigns easily on your own domain. Look at the AirLyft Widget documentation to learn more about the widget.
This project has the following demos of the widget
| Widget | Feature | Code | Description |
|---|---|---|---|
| Sidebar | Simple Use | pages/sidebar/simple.vue | Effortlessly integrate a customizable sidebar widget with a single button click for seamless user onboarding |
| Sidebar | Open Quest Directly | pages/sidebar/open-quest-directly.vue | Launch specific quests instantly in a sidebar widget, enhancing user engagement and streamlining onboarding flows |
| Sidebar | Async Script Load | pages/sidebar/async-script-load.vue | Boost website performance with an asynchronously loaded sidebar widget for smooth, uninterrupted user experiences |
| Popup | Simple Use | pages/popup/simple.vue | Engage users with a versatile popup widget, easily activated through a button for dynamic onboarding campaigns |
| Popup | Open Quest Directly | pages/popup/open-quest-directly.vue | Trigger targeted quests in a popup modal, optimizing user interaction and increasing conversion rates |
| Popup | Async Script Load | pages/popup/async-script-load.vue | Maximize site speed and user satisfaction with an asynchronously loaded popup widget for efficient onboarding |
The project is based on Nuxt look at the Nuxt 3 documentation if you would like to learn about Nuxt.
- Make sure to install the dependencies:
# npm
npm install- Start the development server on
http://localhost:3000:
# npm
npm run devCheck out the deployment documentation for more information.