{"id":6358,"date":"2020-07-20T11:16:10","date_gmt":"2020-07-20T11:16:10","guid":{"rendered":"https:\/\/bssrdf.com\/?post_type=manual_documentation&p=6358"},"modified":"2022-02-10T11:47:19","modified_gmt":"2022-02-10T10:47:19","slug":"web-configurator","status":"publish","type":"manual_documentation","link":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/keyshotweb\/web-configurator\/","title":{"rendered":"Web Configurator"},"content":{"rendered":"\n

KeyShot Web Configurator allows you to turn a Configurator created with KeyShot Pro into an interactive product configurator. Like KeyShotXR, a Web Configurator produces high-quality, touch-enabled, 3D content for use in any web browser, presentation software, or KeyShot Viewer<\/a>.<\/p>\n\n\n\n

The Web Configurator consists of still images for each configuration. The online Web Configurator has the same user interface appearance as you see in Presentation mode or KeyShot Viewer. However, the Web Configurator does not yet offer the 360 degree camera movement.<\/p>\n\n\n\n

Rendering a Configurator for the web<\/h2>\n\n\n\n
  1. Set up the Configurator options as described in the Configurator Wizard<\/a> page<\/li>
  2. Launch the Render Dialog. You can find the Render dialog in the Toolbar, via the hotkey CTRL+ P (Windows) or CMD+P (MacOS) or via the Main Menu > Render > Render\u2026<\/em><\/li>
  3. Select the Configurator tab.<\/li>
  4. Select the Web Configuration in Output Type.<\/em><\/li>
  5. Give your Configurator a name, select destination folder and choose format and size.<\/li>
  6. Render\u2026<\/li><\/ol>\n\n\n\n

    When the rendering is finished you will find a folder containing all the images and files needed to publish the configurator in a browser. Just open the .html file in the folder and you can start configuring the scene.<\/p>\n\n\n\n

    Updating an existing Web Configurator<\/h2>\n\n\n\n

    If you have already rendered a Web Configuration once, and only made a few tweaks to the layout, the way the Model Sets\/Materials are combined or to the thumbnails, there is no need to re-render everything. <\/strong>Simply enable Update layout and thumbnails of existing Web Configurator<\/em>, point to the folder containing the web configuration and press Update Web Configurator<\/em>. KeyShot will update .css\/.js files, depending on which configuration you have chosen to update.<\/p>\n\n\n\n

    \n
    \n
    Note<\/h6>\n\n\n\n

    Updating a web configuration will not detect changes to material parameters, geometry. If you have altered anything related to materials or geometry, you need to re-render the Web Configuration.<\/p>\n<\/div><\/div>\n<\/div><\/div>\n","protected":false},"author":29916,"featured_media":0,"parent":6310,"menu_order":2,"template":"","manualdocumentationcategory":[13],"manual_doc_tag":[],"class_list":["post-6358","manual_documentation","type-manual_documentation","status-publish","hentry","manualdocumentationcategory-keyshot"],"yoast_head":"\nWeb Configurator - KeyShot 11 Manual<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/manual.keyshot.com\/keyshot11\/manual\/keyshotweb\/web-configurator\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web Configurator - KeyShot 11 Manual\" \/>\n<meta property=\"og:description\" content=\"KeyShot Web Configurator allows you to turn a Configurator created with KeyShot Pro into an interactive product configurator. Like KeyShotXR, a Web Configurator produces high-quality, touch-enabled, 3D content for use in any web browser, presentation software, or KeyShot Viewer. The Web Configurator consists of still images for each configuration. The online Web Configurator has the […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/manual.keyshot.com\/keyshot11\/manual\/keyshotweb\/web-configurator\/\" \/>\n<meta property=\"og:site_name\" content=\"KeyShot 11 Manual\" \/>\n<meta property=\"article:modified_time\" content=\"2022-02-10T10:47:19+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/keyshotweb\\\/web-configurator\\\/\",\"url\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/keyshotweb\\\/web-configurator\\\/\",\"name\":\"Web Configurator - KeyShot 11 Manual\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/#website\"},\"datePublished\":\"2020-07-20T11:16:10+00:00\",\"dateModified\":\"2022-02-10T10:47:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/keyshotweb\\\/web-configurator\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/keyshotweb\\\/web-configurator\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/keyshotweb\\\/web-configurator\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"KeyShotWeb\",\"item\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/manual\\\/keyshotweb\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Web Configurator\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/#website\",\"url\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/\",\"name\":\"KeyShot 11 Manual\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot11\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web Configurator - KeyShot 11 Manual","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/keyshotweb\/web-configurator\/","og_locale":"en_US","og_type":"article","og_title":"Web Configurator - KeyShot 11 Manual","og_description":"KeyShot Web Configurator allows you to turn a Configurator created with KeyShot Pro into an interactive product configurator. Like KeyShotXR, a Web Configurator produces high-quality, touch-enabled, 3D content for use in any web browser, presentation software, or KeyShot Viewer. The Web Configurator consists of still images for each configuration. The online Web Configurator has the […]","og_url":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/keyshotweb\/web-configurator\/","og_site_name":"KeyShot 11 Manual","article_modified_time":"2022-02-10T10:47:19+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/keyshotweb\/web-configurator\/","url":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/keyshotweb\/web-configurator\/","name":"Web Configurator - KeyShot 11 Manual","isPartOf":{"@id":"https:\/\/manual.keyshot.com\/keyshot11\/#website"},"datePublished":"2020-07-20T11:16:10+00:00","dateModified":"2022-02-10T10:47:19+00:00","breadcrumb":{"@id":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/keyshotweb\/web-configurator\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/manual.keyshot.com\/keyshot11\/manual\/keyshotweb\/web-configurator\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/keyshotweb\/web-configurator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/manual.keyshot.com\/keyshot11\/"},{"@type":"ListItem","position":2,"name":"KeyShotWeb","item":"https:\/\/manual.keyshot.com\/keyshot11\/manual\/keyshotweb\/"},{"@type":"ListItem","position":3,"name":"Web Configurator"}]},{"@type":"WebSite","@id":"https:\/\/manual.keyshot.com\/keyshot11\/#website","url":"https:\/\/manual.keyshot.com\/keyshot11\/","name":"KeyShot 11 Manual","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/manual.keyshot.com\/keyshot11\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/manual.keyshot.com\/keyshot11\/wp-json\/wp\/v2\/manual_documentation\/6358","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/manual.keyshot.com\/keyshot11\/wp-json\/wp\/v2\/manual_documentation"}],"about":[{"href":"https:\/\/manual.keyshot.com\/keyshot11\/wp-json\/wp\/v2\/types\/manual_documentation"}],"author":[{"embeddable":true,"href":"https:\/\/manual.keyshot.com\/keyshot11\/wp-json\/wp\/v2\/users\/29916"}],"version-history":[{"count":0,"href":"https:\/\/manual.keyshot.com\/keyshot11\/wp-json\/wp\/v2\/manual_documentation\/6358\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/manual.keyshot.com\/keyshot11\/wp-json\/wp\/v2\/manual_documentation\/6310"}],"wp:attachment":[{"href":"https:\/\/manual.keyshot.com\/keyshot11\/wp-json\/wp\/v2\/media?parent=6358"}],"wp:term":[{"taxonomy":"manualdocumentationcategory","embeddable":true,"href":"https:\/\/manual.keyshot.com\/keyshot11\/wp-json\/wp\/v2\/manualdocumentationcategory?post=6358"},{"taxonomy":"manual_doc_tag","embeddable":true,"href":"https:\/\/manual.keyshot.com\/keyshot11\/wp-json\/wp\/v2\/manual_doc_tag?post=6358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}