Add products from an external catalog
Last updated
Last updated
To integrate an external catalog into Rubens Room Designer and add products seamlessly to your design scenes, follow these steps:
Attach Events to Product Cards: Before you can make products interact from the external catalog to the Room Designer, ensure that you attached the proper events to it like insertProduct
event, See the sample script below.
Provide Event Data: you must adhere to the following API structure. This structure specifies the format for the message object that will be sent to the Room Designer, including the eventType
and payload
fields, which includes the productId.
Ensure CORS Compatibility: Make sure that the external catalog is embeddable. For more information see
You can use the following code as a reference for implementing interaction features with the Room Designer. This script adds necessary actions based on the data-product-id
attribute to handle product addition to the Room Designer scene. Customize this script to meet your specific requirements: