{"id":6358,"date":"2020-07-20T11:16:10","date_gmt":"2020-07-20T11:16:10","guid":{"rendered":"https:\/\/bssrdf.com\/?post_type=manual_documentation&#038;p=6358"},"modified":"2022-02-10T11:47:27","modified_gmt":"2022-02-10T10:47:27","slug":"web-configurator","status":"publish","type":"manual_documentation","link":"https:\/\/manual.keyshot.com\/keyshot10\/manual\/keyshotweb\/web-configurator\/","title":{"rendered":"Web Configurator"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_83 ez-toc-wrap-right counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">On this page<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a32f119afb7f\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #ffffff;color:#ffffff\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #ffffff;color:#ffffff\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a32f119afb7f\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/manual.keyshot.com\/keyshot10\/manual\/keyshotweb\/web-configurator\/#Rendering_a_Configurator_for_the_web\" >Rendering a Configurator for the web<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/manual.keyshot.com\/keyshot10\/manual\/keyshotweb\/web-configurator\/#iBooks_widget\" >iBooks widget<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/manual.keyshot.com\/keyshot10\/manual\/keyshotweb\/web-configurator\/#Updating_an_existing_Web_Configurator\" >Updating an existing Web Configurator<\/a><\/li><\/ul><\/nav><\/div>\n\n<p>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 <a href=\"https:\/\/manual.keyshot.com\/keyshot10\/manual\/keyshot-viewer\/\">KeyShot Viewer<\/a>.<\/p>\n\n\n\n<p>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<h2 class=\"wp-block-heading\" id=\"Rendering-a-Configurator-for-the-web\"><span class=\"ez-toc-section\" id=\"Rendering_a_Configurator_for_the_web\"><\/span>Rendering a Configurator for the web<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<ol class=\"wp-block-list\"><li>Set up the Configurator options as described in the <a href=\"https:\/\/manual.keyshot.com\/keyshot10\/manual\/configurator\/configurator-wizard\/\">Configurator Wizard<\/a> page<\/li><li>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 <em>Main Menu &gt; Render &gt; Render\u2026<\/em><\/li><li>Select the Configurator tab.<\/li><li>Select the Web Configuration in <em>Output Type.<\/em><\/li><li>Give your Configurator a name, select destination folder and choose format and size.<\/li><li>Render\u2026<\/li><\/ol>\n\n\n\n<p>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<h3 class=\"wp-block-heading\" id=\"iBooks-widget\"><span class=\"ez-toc-section\" id=\"iBooks_widget\"><\/span>iBooks widget<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>You can also select to create an iBooks widget along with the web files. Just enable<em> Create IBooks widget <\/em>before rendering. The iBooks widget file (.wdgt) will be placed next to the folder containing all the files for the Web Configurator. See how you can embed the widget in an iBook <a href=\"https:\/\/manual.keyshot.com\/keyshot10\/manual\/keyshotweb\/embedding-keyshotweb-output\/embed-in-an-ibook\/\">here<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"Updating-an-existing-Web-Configurator\"><span class=\"ez-toc-section\" id=\"Updating_an_existing_Web_Configurator\"><\/span>Updating an existing Web Configurator<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>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>. <\/strong>Simply enable <em>Update layout and thumbnails of existing Web Configurator<\/em>, point to the folder containing the web configuration and press <em>Update Web Configurator<\/em>. KeyShot will update .css\/.js files or the iBook widget, depending on which configuration you have chosen to update.<\/p>\n\n\n\n<div class=\"wp-block-genesis-blocks-gb-columns gb-layout-columns-1 one-column\"><div class=\"gb-layout-column-wrap gb-block-layout-column-gap-2 gb-is-responsive-column\">\n<div class=\"wp-block-genesis-blocks-gb-column info-box gb-block-layout-column\"><div class=\"gb-block-layout-column-inner\">\n<h6 class=\"wp-block-heading\" id=\"note\">Note<\/h6>\n\n\n\n<p>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":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Web Configurator - KeyShot 10 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\/keyshot10\/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 10 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 [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/manual.keyshot.com\/keyshot10\/manual\/keyshotweb\/web-configurator\/\" \/>\n<meta property=\"og:site_name\" content=\"KeyShot 10 Manual\" \/>\n<meta property=\"article:modified_time\" content=\"2022-02-10T10:47:27+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\\\/keyshot10\\\/manual\\\/keyshotweb\\\/web-configurator\\\/\",\"url\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot10\\\/manual\\\/keyshotweb\\\/web-configurator\\\/\",\"name\":\"Web Configurator - KeyShot 10 Manual\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot10\\\/#website\"},\"datePublished\":\"2020-07-20T11:16:10+00:00\",\"dateModified\":\"2022-02-10T10:47:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot10\\\/manual\\\/keyshotweb\\\/web-configurator\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/manual.keyshot.com\\\/keyshot10\\\/manual\\\/keyshotweb\\\/web-configurator\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot10\\\/manual\\\/keyshotweb\\\/web-configurator\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot10\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"KeyShotWeb\",\"item\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot10\\\/manual\\\/keyshotweb\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Web Configurator\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot10\\\/#website\",\"url\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot10\\\/\",\"name\":\"KeyShot 10 Manual\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/manual.keyshot.com\\\/keyshot10\\\/?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 10 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\/keyshot10\/manual\/keyshotweb\/web-configurator\/","og_locale":"en_US","og_type":"article","og_title":"Web Configurator - KeyShot 10 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 [&hellip;]","og_url":"https:\/\/manual.keyshot.com\/keyshot10\/manual\/keyshotweb\/web-configurator\/","og_site_name":"KeyShot 10 Manual","article_modified_time":"2022-02-10T10:47:27+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\/keyshot10\/manual\/keyshotweb\/web-configurator\/","url":"https:\/\/manual.keyshot.com\/keyshot10\/manual\/keyshotweb\/web-configurator\/","name":"Web Configurator - KeyShot 10 Manual","isPartOf":{"@id":"https:\/\/manual.keyshot.com\/keyshot10\/#website"},"datePublished":"2020-07-20T11:16:10+00:00","dateModified":"2022-02-10T10:47:27+00:00","breadcrumb":{"@id":"https:\/\/manual.keyshot.com\/keyshot10\/manual\/keyshotweb\/web-configurator\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/manual.keyshot.com\/keyshot10\/manual\/keyshotweb\/web-configurator\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/manual.keyshot.com\/keyshot10\/manual\/keyshotweb\/web-configurator\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/manual.keyshot.com\/keyshot10\/"},{"@type":"ListItem","position":2,"name":"KeyShotWeb","item":"https:\/\/manual.keyshot.com\/keyshot10\/manual\/keyshotweb\/"},{"@type":"ListItem","position":3,"name":"Web Configurator"}]},{"@type":"WebSite","@id":"https:\/\/manual.keyshot.com\/keyshot10\/#website","url":"https:\/\/manual.keyshot.com\/keyshot10\/","name":"KeyShot 10 Manual","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/manual.keyshot.com\/keyshot10\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/manual.keyshot.com\/keyshot10\/wp-json\/wp\/v2\/manual_documentation\/6358","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/manual.keyshot.com\/keyshot10\/wp-json\/wp\/v2\/manual_documentation"}],"about":[{"href":"https:\/\/manual.keyshot.com\/keyshot10\/wp-json\/wp\/v2\/types\/manual_documentation"}],"author":[{"embeddable":true,"href":"https:\/\/manual.keyshot.com\/keyshot10\/wp-json\/wp\/v2\/users\/29916"}],"version-history":[{"count":0,"href":"https:\/\/manual.keyshot.com\/keyshot10\/wp-json\/wp\/v2\/manual_documentation\/6358\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/manual.keyshot.com\/keyshot10\/wp-json\/wp\/v2\/manual_documentation\/6310"}],"wp:attachment":[{"href":"https:\/\/manual.keyshot.com\/keyshot10\/wp-json\/wp\/v2\/media?parent=6358"}],"wp:term":[{"taxonomy":"manualdocumentationcategory","embeddable":true,"href":"https:\/\/manual.keyshot.com\/keyshot10\/wp-json\/wp\/v2\/manualdocumentationcategory?post=6358"},{"taxonomy":"manual_doc_tag","embeddable":true,"href":"https:\/\/manual.keyshot.com\/keyshot10\/wp-json\/wp\/v2\/manual_doc_tag?post=6358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}