Picture of Iframe | Product Linkage

Iframe | Product Linkage

It's recommended to maintain a storage system where you store the relationship between each Infigo product and its counterpart in your merchant system. This linkage facilitates smooth communication between the two platforms, enabling seamless iframe requests. For this, you need to have a reference in your system between an Infigo Product ID and a resource/product in your system. Basically, when you open the editor, you need to know which product in Infigo to open in the iframe/editor.

You have multiple ways to achieve this:

  • You can hardcode this in your system linked to a product tag or any type of entity.

  • Build a proper mapping table in your system, like in the example below, where you have a reference between a product in your system and a product in Infigo:

Example of product reference link

Iframe Integration Process

  1. Obtain Infigo Product ID: Begin by retrieving the unique Infigo Product ID associated with the product you wish to customize. This ID serves as a key identifier for accessing the relevant editor. Our Infigo iframe demo app shows an example of how you can find all products in Infigo. This is basically utilizing the Get Products endpoint.

  2. Generate Iframe Request: Utilize the retrieved Infigo Product ID to construct an iframe request. This request specifies the parameters required to load the editor seamlessly within your website. The iframe demo app shows an example of how you can generate an iframe request.

  3. Embed Iframe Code: Once the iframe request is constructed, embed the generated code within your webpage. This allows the Infigo editor to appear seamlessly alongside your product offerings. For more details, see the Iframe documentation.

Incomplete