Skip to main content

Placeholders

Overview​

Inject a widget on the page by creating an empty div element with the necessary class name. Add style="display:block" to ensure visibility since Shopify hides empty div blocks in embedded mode.

Instructions​

Creating the placeholder​

  1. Create an empty div element.
  2. Add the necessary class name for the widget.
  3. Set the display style to block.
<div class="widget-placeholder-class-name" style="display:block"></div>

Adding data attributes​

Some widgets require data attributes to pass information. Refer to the widget documentation for required attributes.

<div
    class="widget-placeholder-class-name"
    style="display:block"
    data-gw-attribute1="value1"
    data-gw-attribute2="value2"
></div>