Using Frames.

Frames are collections of products accessible through snippets of HTML code, creating a "plug and play" solution. Once the HTML snippets are embedded onto your site, Shoppable's Shoppable technology will display your curated product set. After the initial setup, frames can be easily managed through Shoppable's admin interface. All of the frames are integrated with Shoppable’s ecommerce system to enable products to be securely purchased directly from your site and fulfilled by multiple retailers.

There are 4 basic steps to integrate ecommerce into your site using the Shoppable platform. Use the navigation at the left to get more details.


Step 1

Sign on to the Publisher Dashboard to create a partner token, which is required for any type of access to Shoppable technology. See API Token for more details.

Typically done by a content producer or editor.


Step 2

Customize the appearance (colors, fonts, etc.) of the product frames and shopping bag by setting up CSS rules on your website for the elements defined our frames.

Typically done by a webmaster or front-end developer.


Step 3 (optional)

Set up a secure web page on your site that will host the secure checkout frame served from the Shoppable platform. This will involve getting an SSL certificate for your site if you don't already have one.

You can skip this step if you want Shoppable to handle checkout. Once a user clicks checkout, they will be redirected to Shoppable for checkout and redirected back after the confirmation.

Typically done by a webmaster or IT person.


Step 4

Embed the product frames and shopping bag within the editorial content on your website, by pasting in the HTML code provided by the Shoppable platform.

Typically done by a webmaster or front-end developer.