Overview

This Widget is used to pick a product from a product page in an e-commerce web site, and allows Popsell to use the picked product ID to query additional data for further integration.

This Widget can used as a basic Tag to pick a product reference, or can be used as a complete Widget which embeds your website in an iFrame, displays a picking button and therefore enables a user to browse product pages and pick the products he wants.

Tag

<popsell-picking></popsell-picking>
HTML

Attributes

attribute

description

mandatory

url

The landing page URL to open when starting a product picking

false

productId

The product id used to query your product data informations

false

Parameters

No URL parameters are required to enable this widget.

Integration

This widget enables two modes depending on your parameters. Each mode should be used at least once.

Mode: Product

Place this tag on every page and fill it with your product id or an empty String.

Filling with an empty String or not, communicate to the parent frame to enable / disable the picking CTA button.

<popsell-picking product-id="<your product id>"></popsell-picking>
HTML

Mode: Picking

<popsell-picking url="<your initial landing url>"></popsell-picking>
HTML

The CTA product picking button should automatically appear when a product ID is detected on the page.

Reminder

Do not forget to open your environment to iFrame visualisation with CSP and X-FRAME headers option.