Configurator web view

ConfigWise offers configurator web view capability that can be a single render image or a 360 degrees rendered images.

The Web View can easily be integrated with any website using for example an iframe.

How to create renders

To create a render an iOS device is needed.

  1. Download and install the ConfigWise App: https://apps.apple.com/nl/app/configwise/id1362438883

  2. Then login with your Company Manager credentials.

  3. Choose any product

  4. Tap ‘360’ button

  5. Now the App will create 360 render images from orbit perspective. Please wait until it is fully finished

  6. When the rendering is finished go to ConfigWise Portal: https://manage.configwise.io

  7. Login with your Company Manager credentials.

  8. Go to the catalog and choose the selected product.

  9. Click the button ‘360 viewer’.

  10. Here you will find the ‘360 iframe url', that you can use on any website.

API

The configurator web view API consist out of the following parameters:

URL={configwise URL}?product_number={product_number}&size={size}&preload={preload}

  • URL

    • value = The endpoint for the rendered image.

  • Product number

    • key = product_number

    • value = the product number

  • Size

    • key = size

    • value = The possible valid values are: small, medium, large or original

  • Preload image directly

    • key=preload

    • value = true or false. When set to true the images will be directly downloaded. When set to false there will be a button shown first before downloading.

Example iframe

Design
<iframe 
    name="{anyname}" 
    src="https://manage.configwise.io/configwise/viewer360/DlaOou76Qg?product_number=203938&size=medium" 
    <!-- src
            ={configwiseurl}?{product_number={productnumbervalue}&size={small, medium, large, original}}
--> 
    allowfullscreen scrolling="no" 
    frameborder="0" 
    style="width: 100%; height: 100%;">
</iframe>

Example
<iframe 
    name="ConfigWise360Viewer" 
    src="https://manage.configwise.io/configwise/viewer360/DlaOou76Qg?product_number=203938&size=medium" 
    allowfullscreen scrolling="no" 
    frameborder="0" 
    style="width: 100%; height: 100%;">
</iframe>

Search