Skip to main content

Integration

Loading...

Written documentation​

You have the following options for the configurator on your website.

  1. Via web-component (recommended): The K3 can be used directly as an HTML element <k3-view> on any page.
<k3-view app="mein-app-code"></k3-view>

Alternatively, an inspiration code can also be used instead of an app attribute can be used instead of an app attribute:

<k3-view code="inspirations-code"></k3-view>

All additional attributes that would otherwise be in the configurator URL can be passed to the tag (e.g. lang, dealer, etc.)

The K3 JavaScript must be loaded for the HTML element to be available.

<script type="module" src="https://k3.objectcode.de/veranda-v2/index.js"></script>

  1. By link: You would like to make the configurator accessible on your website, e.g. in the header area, with the title "3D configurator". Simply use this button to refer to the link of the previously created inspiration (simply copy from the address bar of the browser).

  2. Via iFrame: You can also fully integrate the configurator into your website. To do this, you must embed an HTML code in your website system (e.g. Wordpress). You can call up the code to be embedded in the configurator. To do this, navigate to "Embed" in the configurator settings. You will find the code in the "As IFrame" area. Please note the link behind src= and replace it with the link of the previously created inspiration.