Docs  /  Integrations  /  HTML Snippet Integration

HTML Snippet Integration

Last updated: 01. January 2026

This article explains how to embed the configurator via HTML snippet in your website or CMS — without a webshop system.

When Is the HTML Snippet the Right Choice?

The HTML snippet is suitable when you:

  • do not operate a Magento or Shopware shop
  • want to use the configurator on a website as a quote or product presentation tool
  • use a CMS such as WordPress, TYPO3, Joomla or Jimdo

Step 1: Activate the HTML5 Integration

In the V3 backend under Settings → Integrations you find the HTML5 section. Enable the toggle if not already active.

Step 2: Whitelist Your Domain

In the V3 backend under Settings → Domains enter the domain(s) where the configurator should run. Without a whitelisted domain the configurator will not load.

Important: Enter the domain without protocol, e.g. www.myshop.com or myshop.com.

Step 3: Find Your Component ID

The ID of your component is shown in the component overview in the V3 backend — directly below the component name (e.g. "ID 10722"). You need this ID for the snippet.

Step 4: Copy the Snippet

Under Settings → Integrations → HTML5 you find two snippet variants:

JavaScript Snippet (recommended)

<script type="text/javascript">
  var _configentoSettings = _configentoSettings || [];
  _configentoSettings["_cloudbase"] = "cloud.justsellingapp.com";
  _configentoSettings["_token"] = "YOUR-TOKEN";
  _configentoSettings["_taxrate"] = "19";
  _configentoSettings["_template"] = "YOUR_TEMPLATE_ID";
  _configentoSettings["_customer"] = "YOUR-CUSTOMER-ID";
  _configentoSettings["_cssPathCombinedImage"] = ".configento-combinedImage";

  (function () {
    var cn = document.createElement("script");
    cn.type = "text/javascript"; cn.async = true;
    cn.src = "https://" + _configentoSettings["_cloudbase"] + "/configento/js/justselling/configento/plugin/html5.js";
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(cn, s);
  })();
</script>

<div id="configento-form">
  <div id="configurator1"></div>
  <div id="configento-price"></div>
  <div id="configento-combinedImage" class="configento-combinedImage"></div>
</div>

iFrame Snippet (alternative)

<iframe width="100%" height="100%" style="border:none;"
  src="https://cloud.justsellingapp.com/configento/iframe.php?token=YOUR-TOKEN&taxrate=19&template=YOUR_TEMPLATE_ID&customer=YOUR-CUSTOMER-ID">
</iframe>

Token and customer ID are already pre-filled in the snippet under Settings → Integrations. Only replace YOUR_TEMPLATE_ID with your component ID.

Step 5: Embed the Snippet

Paste the snippet at the desired location in your website:

  • WordPress — HTML block in the Gutenberg editor
  • TYPO3 — HTML element
  • Jimdo — widget "Custom HTML code"
  • Others — directly into the page source code

Step 6: Test

Open the page in a browser and check whether the configurator loads correctly. In the V3 backend you can also test under Edit → Preview — preview requires an active HTML5 integration.

If problems arise:

  • Is the domain listed under Settings → Domains?
  • Has YOUR_TEMPLATE_ID been replaced with the correct ID?
  • Is JavaScript being blocked on the page?

Next Steps

← All articles Try free for 14 days