Skip to content
Magento product selector for Kentico Cloud
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Type Name Latest commit message Commit time
Failed to load latest commit information.

Magento product selector for Kentico Cloud

Stack Overflow

This repository contains source code of Magento product selector custom element for Kentico Cloud


If you want to use Magento product selector in your project in Kentico Cloud, follow these steps:

  • In Kentico Cloud open Content models tab
  • Open / create a content model to which you want to add Magento selector
  • Add Custom element content element
  • Open configuration of the content element
  • Use following URL as Hosted code URL (HTTPS):
  • Provide the following JSON parameters for the custom element to connect it to your store, replace the macros with the actual values for your setup
  "endpointUrl": "<PRODUCTS ENDPOINT URL>",
  "mediaRootUrl": "https://<YOUR MAGENTO DOMAIN>/pub/media/catalog/product",
  "urlKeyAttribute": "url_key"

Note that urlKeyAtttribute is optional, if not provided, it will be automatically generated with the value shown above.


If you want to adjust the implementation, first download Kentico Cloud Custom Elements Devkit. This repository should be positioned within /client/custom-elements folder. For further instructions on devkit implementation, please refer to Custom Element Devkit README.

Get started


  • Node.js
  • git
git clone
cd custom-element-devkit
git clone ./client/custom-elements/cloud-custom-element-sample-magento
npm install --save jquery@^3.4.0
npm start -- -hw

Browse: https://localhost:3000/custom-elements/cloud-custom-element-sample-magento/wrap

Live site implementation sample

If you want to see live site example of Magento product displayed on the live site, browse to a deployed sample site.

See source code of the sample site implementation here.


You can’t perform that action at this time.