# QuickBuy Front End Implementation ## Embedding the QuickBuy Widget #### Main steps See the example HTML document included below. The key steps are as follows: * Import the stylesheet for the widget (line 5) * Override the stylesheet values with your own custom rules (if required). * Create a `
` with `id="WidgetContainer"` and appropriate dataset (lines 22-33). * Run the bundled index.js script (line 38). #### Notes: If the `clientSignature` used is invalid/expired, the widget will surface an error using `window.postMessage()`. In this case you should generate a new `clientSignature` and reload the widget javascript. *** ## Endpoints: #### Sandbox: * JavaScript: * CSS: #### Production: * JavaScript: * CSS: *** ### HTML Example: {% code lineNumbers="true" fullWidth="true" %} ```html
``` {% endcode %}