Glowy Plugin

Add Glowy to your website using our plugin

Installation

Script tag

Via jsDelivr

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@glowy/plugin@latest/dist/glowy-plugin.min.js" async defer></script>

Via unpkg

<script type="text/javascript" src="https://unpkg.com/@glowy/plugin/dist/glowy-plugin.min.js" async defer></script>

NPM

$ npm i -S @glowy/plugin

import glowy from '@glowy/plugin'

Getting started

Once Glowy Plugin is installed it will detect the presence of any Glowy Frame div in the DOM so you just have to add the div wherever you want the Glowy Frame to appear.

<div class="glowy-frame" [option-attributes]></div>

Option attributes

The option attributes are data-* attributes of which values will be passed to the Glowy Frame.

The possible attributes are:

Attribute | Type | Required? | Default | Description --- | --- | --- | --- | --- data-environment | staging or production | false | production | The environment into which the plugin will run data-provider | string (uuid) | true | | The Provider ID of which Glowy will retrieve merchant information data-media | desktop or mobile | false | desktop | The media in which the frame is being inserted data-screen | list or my-appointments | false | list | The screen which the frame will start at data-token | string (uuid) | true | | The authentication token to identify the user data-look | string | false | | The slug-name of the service data-back-button-label | string | false | Início | The back button label data-back-button-url | string (url) | false | | The back button URL data-scroll-offset | number | false | | Offset difference when scroll automatically