Implementation steps for the GoCancel widget
Step 1Add the following script tag to your webpage
<script src="https://widget.gocxl.com/gocancel-widget.js"></script>
Step 2Place the following html where you want the widget to render
<div id="gocancel-widget" data-locale="[LOCALE]" data-widget-token="[TOKEN]"></div>
This is the basic configuration, after implementing the code above, you're done.
Our widget offers some more options listed below.
Required
-
data-locale: changes the language of the widget and the available
organizations to cancel
- data-widget-token: the widget-specific token
Optional
-
data-organization-id: the uuid from GoCancel of the organization that will be
preloaded, if this value is used you also need to pass the data-product-id
-
data-product-id: the uuid from GoCancel (or "generic") of the product that will be
preloaded, to use this field you also require to provide the value to the field data-organization-id
-
data-enable-query-parameters: can be set to "true" to prefill the form fields from query parameters
Testing the implementation.The result should look something like our live example
View a live example