@vendasta/snapshot-widget

Snapshot widget

Usage no npm install needed!

<script type="module">
  import vendastaSnapshotWidget from 'https://cdn.skypack.dev/@vendasta/snapshot-widget';
</script>

README

Snapshot Widget

To have widget display in a page, you could install the widget and then add following script

<script id="__v_snapshot_widget" 
        src="hosted-url/v1/snapshot.widget.js" 
        data="base64-of-following-data">
</script>

Data defines all the required data for the widget to request and submit data, and also defines stylings. It is passed in as base64 encoded json.

{
    "widgetId": "SNAPSHOT-WIDGET-SOME-ID",
    "url": "https://widget.snapshotreport.biz/",
    "apiKey": "one-of-those-api-keys",
    "partnerId": "ABC",
    "titleText": "How is my business performing online?",
    "buttonText": "Get My Free Report!",
    "backgroundColor": "#FFFFFF",
    "borderColor": "#FFFFFF",
    "borderRadius": 0,
    "dropShadowToggle": true,
    "fontColorPrimary": "#222222",
    "fontColorSecondary": "#9B9B9B",
    "buttonColor": "#000000",
    "buttonFontColor": "#FFFFFF"
}