Product Detail Page Integration

Use our out of the box widget or build a custom product page experience to delight your customers

Utilizing creator content on your product detail page (PDP) is an integral part of your Creatable program. Content can be dynamically optimized and distributed to your PDP in the following ways:

Creatable widget

The easiest way to get content onto your PDP is to use one of the preconfigured javascript widget templates available in your account from the "Site > Widgets" section.

Your IT team will embed your desired widget onto your site's PDP template, ensuring that all product pages are automatically populated with relevant and optimized content.

In addition to dynamically delivering matching videos to each product detail page, as discussed further below, content for these widgets can be configured to sort by highest converting, most recent, or most engaging, directly from the platform. Learn more about customizing the deign and content of a widget.

To embed a widget, navigate the dashboard to “Site > Widgets”. For the widget you wish to embed, click on the menu option on the right hand side of the table and select “Embed code”.

This opens up a popup modal and you can copy the embed code for use on your website.

When embedding a widget on the product details page, you need to pass the productSKU value to the embed code as part of an attributes filter. You can easily configure your attributes filters from within the "Site > Widgets" section of the menu, in the Content section under "Carousel Settings" in the upper left area of the page.

Simply select the SKU attribute and make sure the box for "Use real time input" is checked. The SKU attribute equates to the product ID on the platform, as mapped to your product feed. This will enable the widget to dynamically load content that is matched to the product on the platform.

The attributes filter also allows you to specify other dynamic attributes that you can pass to the widget embed in realtime, if desired, as further detailed in customizing the design and content of a widget. When the widget loads, it will consider all attributes as part of the query for content, adding additional filters as specified.

Create a custom experience with the Content API

Using our Content API, you can create powerful, engaging experiences for your consumers. The API allows you to leverage our service to fuel your experiences taking all the headaches out of backend management.

To get started, you can access the Content API playground from our dashboard (in the menu: “Site > Content API”) and reference these support articles:

We also provide a video player that you can use out of the box that has the Creatable analytics library already integrated. You can find this via NPM: https://www.npmjs.com/package/creatable-player

In order to receive full analytics from the Creatable dashboard, you must implement the Creatable analytics library in your custom experience. For more details on this, please contact support@creatable.io and our team will share additional documentation with you.

If you have any questions about any of the above, please contact your Client Success representative.