Adding an e-commerce component in OKO using the Unreal Plugin

Version 1.0.0 (144442) - CSP 4.29.1 - UE 5.2

This guide will help you understand how to add an e-commerce component in OKO using the OKO Unreal Engine Plugin.

E-Commerce functionality can only be initially set up on OKO Web before assigning product ID’s in a space. You can add product ID’s via both OKO Web and using the OKO Unreal Plugin once setup is complete.

Instructions


We’ll start by selecting an asset in a space. For the sake of this tutorial, we will consider this asset the item we want customers to be able to buy.

AD_4nXegQypuuYLuK4aNQsxhiMhsWJqMFHLA44qWBjm1xF0yydf70RSCDenE218QPEi635KctZL8o2vrbWZ6yVPuKll2ewCjS0i5yQkOk35xTJADLnLq1zJiA6qSaK35hbEmXPtBrs4azW9SENAPeWasJ6LfRzBl?key=lpFJeE6eALBb_kpN43l6xg

In the details panel of the asset, click the “+ Add” button.

AD_4nXd312X_vZWbduH1Fedroi9yTfbo1z_nzs1cv4evPcuQSaV6HowOZiqu4BhtR4kV-sTN0ji3iy39kXJ1jC1tlc4YJngXO5L6YR9Kk-brBBHRYkorZG_YW2ArgGG92pGeP-d4kerTqzC9rpoSEQbxhk3_J0P1?key=lpFJeE6eALBb_kpN43l6xg

Add an “ECommerce” Component by searching for it.

AD_4nXcVo1L-LRQKMoxM1Du09hlJ0ByNifpLxQ5vWX-g3iXhZe0XPohK95TBpzss8hUUVqEztC3wHU43kK1gI442xiva4UnajnbZULabbWb3Rq_rV1rwDmF0qFyS66_bPT9a135GgtXIPQQ5ka_Ralmk1WiBxn8?key=lpFJeE6eALBb_kpN43l6xg

Select the “OKOECommerceSpace” Component that will populate in the details panel. Navigate to “OKO” → “Components” →  “Ecommerce” → “Product ID”. In the text field, paste your product ID, and press “Enter” to confirm the changes.

AD_4nXc4WytkMdLD5TcAtW92-cUq7yeubn5oY3tCEF18sxjBD1xBmsmKbxdoS3dmQBqNt8F5ZTu1zAaAivkf6uCtRI5BilZCZXzv_wWiTYyeqBo7aqbp9-aar_31FSbwqb6smz0jjr9yk57cnpa3jMUJnI4hdiFe?key=lpFJeE6eALBb_kpN43l6xg


The E-Commerce Component may need to be moved so it’s visible, as it spawns at the origin of your space’s object. Use the Unreal transform tools to move it to a more visible location.

AD_4nXf5bUCtDymZfm7Fxzs-LHOtub0t1gQJdG6mSb9R9EkK6NVrXLisCyQcL_cQf-3UYBcBeIdaQVOqWCFMFWA1YKvnsoIvWtsJwB6zNHsIzCUELZShdFjEhhwBTvESUEHYOKaKXRiO2tkLeVFdefnjm_xWAzBF?key=lpFJeE6eALBb_kpN43l6xg

That's how to add E-Commerce using the OKO Unreal Plugin.