Steps to Follow when invoking the widget manually from a page

Avoid congestion, ensure social distancing, and reduce wait times with slashQ, an efficient and simple queue management and online appointment scheduling App for businesses..

Step1 - Include the slashQ widget script inside the document body.

<script src="slashQ-widget.min.js?api_key={API_KEY}">
</script>

Step2 - Using create method.

<script>
    SlashqWidget.create(
        {
            "width": '100%',
            "height": '100%',
            "text": "Book An Appointment",
            "font_size": '1.2rem',
            "font_color": "/documentation/1.0/invoke-widget#ffffff",
            "bg_color": "red",
            "container":'test-element'
        }
    )
</script>

The create() method should be called with the configuration data. The configuration data can have the following fields;

Field Description
width The actual width of the widget button. The value should have a valid unit (px, %, vw etc)
height The height of the widget button. The value should have a valid unit (px, %, vh etc)
text The text to be shown on the widget button
font_size The font size of the button text. The value should have a valid unit (px, em, rem)
font_color The foreground color of the button text. The value should have a valid CSS color unit (color names or HEX values of colors)
bg_color The fill color of the widget button. The value should have a valid CSS color unit (color names or HEX values of colors)
container The ID of the HTML element to which the widget button is going to be attached