Adding the HTML Placeholder

Once the JavaScript library loads, the widget is ready to be initialized in a placeholder <div> that has the the id tg-placeholder.

<div id="tg-placeholder"></div>

Notes

This placeholder <div> can be nested in other HTML elements, but should itself remain empty since it will be filled and cleared depending on widget lifecycle events.

Once initialized, an element is inserted into the placeholder <div> and will fill the content of its parent container. To prevent issues displaying the widget, please do not to apply any custom inline styles to this <div> or its contents when it is loaded.

The placeholder is most commonly added above or prior to the billing method to avoid customer confusion on our product offering and to optimize conversions.

Todo

• Add the placeholder <div> in your checkout process where you would like the widget to render.