--- title: Workflow Config description: Spiff Knowledge Base --- [Skip to content](https://help.spiffcommerce.com/knowledge-base/content/workflows/experience-configurator#main-content) [![c306e0b841df22eb274a13eb284de3893a945dde-256x102](https://help.spiffcommerce.com/hubfs/c306e0b841df22eb274a13eb284de3893a945dde-256x102.svg)](https://www.spiffcommerce.com/) - [Home](https://help.spiffcommerce.com/knowledge-base/) - Support Show submenu for Support - [Getting Started](https://help.spiffcommerce.com/knowledge-base/getting-started) - [Content](https://help.spiffcommerce.com/knowledge-base/content) - [Configurations](https://help.spiffcommerce.com/knowledge-base/configuration) - [Add-Ons](https://help.spiffcommerce.com/knowledge-base/additional-features) - [Troubleshooting](https://help.spiffcommerce.com/knowledge-base/troubleshooting) - [Developer Docs](https://developer.spiffcommerce.com/) - [Product Page](https://www.spiffcommerce.com/) Open main navigation Close main navigation - [Home](https://help.spiffcommerce.com/knowledge-base/) - Support Show submenu for Support - [Getting Started](https://help.spiffcommerce.com/knowledge-base/getting-started) - [Content](https://help.spiffcommerce.com/knowledge-base/content) - [Configurations](https://help.spiffcommerce.com/knowledge-base/configuration) - [Add-Ons](https://help.spiffcommerce.com/knowledge-base/additional-features) - [Troubleshooting](https://help.spiffcommerce.com/knowledge-base/troubleshooting) - [Developer Docs](https://developer.spiffcommerce.com/) - [Product Page](https://www.spiffcommerce.com/) - [Contact us](mailto:support@spiff.com.au) [Contact us](mailto:support@spiff.com.au) How can we help you? - There are no suggestions because the search field is empty. 1. [Spiff Knowledge Base](https://help.spiffcommerce.com/knowledge-base?hsLang=en) 2. [Content](https://help.spiffcommerce.com/knowledge-base/content?hsLang=en) 3. [Workflows](https://help.spiffcommerce.com/knowledge-base/content?hsLang=en#workflows) # Workflow Config ## Workflow Config: General Settings, Panels, Preview Config, and Lighting Configuration Found within the [workflow editor](https://support.spiffcommerce.com/docs/content/workflows/), the Config area not only gives you access to vital components of the workflow like the ['Panels'](https://support.spiffcommerce.com/docs/content/workflows/experience-configurator/panels/), but it also enables you to completely change how your products will appear to your customers with background colours, lighting configurations, and camera control settings for 3D experiences. ![Workflow Config](https://help.spiffcommerce.com/hubfs/Knowledge%20Base%20Import/Workflow-Config-1024x597-1.png) ## General Settings General settings within the Experience config section allow you to change themes, SKU information, and Descriptions. You can further add Workflow images and change the name of the workflow. (Though the workflow name is always accessible for change regardless of experience config.) ![Workflow Config General](https://help.spiffcommerce.com/hubfs/Knowledge%20Base%20Import/Workflow-Config-General-1024x441-1.png) #### Themes In the top section within experience config, you'll find general workflow settings. In the left-most box, you can change the ['Theme'](https://support.spiffcommerce.com/docs/content/themes/) for this workflow, which will display the experience exactly how you want it. [Themes](https://support.spiffcommerce.com/docs/content/themes/) can be created with simple things like overall theme colours and fonts via [Content\>Themes](https://hub.spiff.com.au/#/themes) on the Spiff Hub, though overall UI-changing themes like 'Bee-line' for example, are considered a [Spiff add-on](https://support.spiffcommerce.com/docs/partner/add-ons/themes/). #### Action Bar Next, you can choose whether the 'Action Bar' will be displayed in the customer experience. The action bar offers simple controls in the [3D preview(s)](https://support.spiffcommerce.com/docs/quick-start/3d-preview/) displayed to the customers. Customers can access the action bar via the kebab menu icon (three-dot menu) in the top left. See Below. When disabled, this menu icon will no longer appear. ![actionBar](https://help.spiffcommerce.com/hubfs/Knowledge%20Base%20Import/actionBar-1.png) #### SKU Code The SKU code data found within your workflow's experience config is used in conjunction with the ["Dynamic SKU Generator"](https://support.spiffcommerce.com/docs/partner/add-ons/dynamic-sku-generator/) Addon as well as downstream automation and fulfilment configurations that can be set up for you by a Spiff team member. Navigate to [Partner\>Billing on the Spiff Hub](https://hub.spiff.com.au/#/billing) and view the addon under 'Fulfilment Automation' ![Screen Shot 2022 11 16 at 4.20.22 pm](https://help.spiffcommerce.com/hubfs/Knowledge%20Base%20Import/Screen-Shot-2022-11-16-at-4_20_22-pm-1024x564-1.png) #### Description The [workflow](https://support.spiffcommerce.com/docs/content/workflows/) 'Description', used with the [default theme](https://support.spiffcommerce.com/docs/partner/add-ons/themes/), allows you to introduce the customer to the experiences you build. This serves as a helpful way to describe exactly what it is that the customer will be doing throughout their personalisation journey, and can further provide you with the opportunity to add some helpful tips/information related to the overall experience. See below. ![eC Descriptions](https://help.spiffcommerce.com/hubfs/Knowledge%20Base%20Import/eC-Descriptions-1.png) #### Pricing Display The toggle found within 'Pricing Display' allows you to show or hide the overall price, as well as individual variant prices within [steps](https://support.spiffcommerce.com/docs/content/workflows/step-settings/). Without this, no prices will be displayed to the customer until the experience has been completed and the product has been added to the cart. ![eC PricingDisplay](https://help.spiffcommerce.com/hubfs/Knowledge%20Base%20Import/eC-PricingDisplay-1024x130-1.png) ![eC PricingExample](https://help.spiffcommerce.com/hubfs/Knowledge%20Base%20Import/eC-PricingExample-1024x704-3.jpg) ## Panels This is where [panels](https://support.spiffcommerce.com/docs/content/workflows/experience-configurator/panels/) are added and edited. [Panels](https://support.spiffcommerce.com/docs/content/workflows/experience-configurator/panels/) act as an overall canvas for all of the assets that your workflow's steps will add. See ["Panels"](https://support.spiffcommerce.com/docs/content/workflows/experience-configurator/panels/) for more information. ![eC Panels 2](https://help.spiffcommerce.com/hubfs/Knowledge%20Base%20Import/eC-Panels-2-1024x187-1.png) ## Preview Config In the Preview Config panel, you will find settings related to the look and feel of your customer experience, with camera controls, rotation settings, lighting controls and background settings. ![Screenshot 2023 12 07 at 10.46.53 am](https://help.spiffcommerce.com/hubfs/Knowledge%20Base%20Import/Screenshot-2023-12-07-at-10_46_53-am-1.png) #### Product Camera The customers will view your 3D products and the [3D Preview](https://support.spiffcommerce.com/docs/quick-start/3d-preview/) itself via the product camera. In this section, you can add limitations to the view rotations, and control exactly how far they can zoom in and out of the product's 3D model. ***Zoom in/out*** is measured as a relative value based on the overall scale of the 3D model and lets you control how far the customer can zoom. The ***Vertical*** and ***Horizontal*** rotation values are measured in degrees, from 0-360. Here you can set the minimum and maximum rotations allowed. ![Screen Shot 2022 11 16 at 3.02.55 pm](https://help.spiffcommerce.com/hubfs/Knowledge%20Base%20Import/Screen-Shot-2022-11-16-at-3_02_55-pm-1024x219-1.png) In the example below, the merchant only wants the customer to rotate the 3D view/Camera around the product *horizontally* so that the customer can spin the product, but not move the view behind it where the vertical rotation would allow. With no limits, your customers can freely rotate the view around the entire product. ![eC ProductCamera](https://help.spiffcommerce.com/hs-fs/hubfs/Knowledge%20Base%20Import/eC-ProductCamera-1024x1009-1.png?width=387&height=380&name=eC-ProductCamera-1024x1009-1.png) Pre-Rotation time is used in conjunction with the 'Auto-Rotation' toggle, which enables an automatic rotation of the product. This adds to the experience and shows the customer that the experience is 3D, so they will interact with the product, as opposed to what may appear like a static product image. The Pre-Rotation time will wait (In Seconds) until you want the product to begin auto-rotation. ![eC ProductRotation2](https://help.spiffcommerce.com/hs-fs/hubfs/Knowledge%20Base%20Import/eC-ProductRotation2-1.gif?width=389&height=148&name=eC-ProductRotation2-1.gif) ## Lighting Configuration Here you can control how the 3D experience will appear to your customers, you can change the overall background colour that sits behind the 3D model, and adjust the 'Illumination' of your product (Essentially the lighting assets that will add reflections and light sources to your model) and background images. #### Product Illumination Currently provided by Spiff, the product illumination will add specific light sources and reflections to your 3D products to present them in various ways. For specific products, you may find that specific lighting works. For relatively reflective products that are primarily created with metals, you may use the 'Studio' lighting, or 'Focus'. ![Screenshot 2023 12 07 at 2.35.01 pm](https://help.spiffcommerce.com/hubfs/Knowledge%20Base%20Import/Screenshot-2023-12-07-at-2_35_01-pm-1.png) #### Lighting Intensity This value will determine the strength and effect that the product illumination has in the scene, and how powerful the lighting aspects are. If the lighting is too dark you could use this to adjust it a little darker or a little brighter #### Lighting Rotation Being a skybox, the product illumination asset can be rotated, If you find that the lighting to the side of the model should be in front, you could use this to set it exactly where you need it. ![eC ProductIllumination](https://help.spiffcommerce.com/hubfs/Knowledge%20Base%20Import/eC-ProductIllumination-1024x329-1.jpg) #### Background Color The background colour option allows you to add colour to the background behind your 3D model. Simply click into the background colour adjustment box and choose the colour you desire. ![eC BackgroundColorexample](https://help.spiffcommerce.com/hs-fs/hubfs/Knowledge%20Base%20Import/eC-BackgroundColorexample-1024x685-1.png?width=337&height=225&name=eC-BackgroundColorexample-1024x685-1.png) #### Background Image Background images enable you to display any image behind the product's 3D model in the customer experience, as opposed to just using a plain background colour. Background images use 'Image' assets, upload via Content\>Assets\>Images on the Spiff Hub. See below for an example of how a background image is used, displaying behind a 3D model of a personalised kitchen knife. ![eC BackgroundImages](https://help.spiffcommerce.com/hs-fs/hubfs/Knowledge%20Base%20Import/eC-BackgroundImages-1.png?width=797&height=669&name=eC-BackgroundImages-1.png) #### Emission Intensity This setting controls the look of Emissive materials, with more intensity, the edges of any emissive object will glow more and more. This is useful for screens, electronics, and anything else that acts as a source of light. Take note, The model or material must have emission set for this setting to make a difference. ![Screenshot 2023 12 07 at 3.16.17 pm](https://help.spiffcommerce.com/hubfs/Knowledge%20Base%20Import/Screenshot-2023-12-07-at-3_16_17-pm-1.png) ![Screenshot 2023 12 07 at 3.19.43 pm](https://help.spiffcommerce.com/hubfs/Knowledge%20Base%20Import/Screenshot-2023-12-07-at-3_19_43-pm-1.png) - [Getting started](https://help.spiffcommerce.com/knowledge-base/getting-started?hsLang=en#main-content) - [Ecommerce Plugins](https://help.spiffcommerce.com/knowledge-base/getting-started?hsLang=en#ecommerce-plugins) - [3D Models](https://help.spiffcommerce.com/knowledge-base/getting-started?hsLang=en#3d-models) - [Printer Setup](https://help.spiffcommerce.com/knowledge-base/getting-started?hsLang=en#printer-setup) - [Content](https://help.spiffcommerce.com/knowledge-base/content?hsLang=en#main-content) - [Workflows](https://help.spiffcommerce.com/knowledge-base/content?hsLang=en#workflows) - [Themes](https://help.spiffcommerce.com/knowledge-base/content?hsLang=en#themes) - [Workflow Steps](https://help.spiffcommerce.com/knowledge-base/content?hsLang=en#workflow-steps) - [Assets](https://help.spiffcommerce.com/knowledge-base/content?hsLang=en#assets) - [Configuration](https://help.spiffcommerce.com/knowledge-base/configuration?hsLang=en#main-content) - [Orders](https://help.spiffcommerce.com/knowledge-base/configuration?hsLang=en#orders) - [Products](https://help.spiffcommerce.com/knowledge-base/configuration?hsLang=en#products) - [Additional Features](https://help.spiffcommerce.com/knowledge-base/additional-features?hsLang=en#main-content) - [Order Management](https://help.spiffcommerce.com/knowledge-base/additional-features?hsLang=en#order-management) - [Engagement Optimisation](https://help.spiffcommerce.com/knowledge-base/additional-features?hsLang=en#engagement-optimisation) - [Additional Customisation](https://help.spiffcommerce.com/knowledge-base/additional-features?hsLang=en#additional-customisation) - [Dynamic Pricing](https://help.spiffcommerce.com/knowledge-base/additional-features?hsLang=en#dynamic-pricing) - [Troubleshooting](https://help.spiffcommerce.com/knowledge-base/troubleshooting?hsLang=en) - [Developer Docs](https://help.spiffcommerce.com/knowledge-base/developer-docs?hsLang=en) [![880d1d95153037f5b68501da7ef50994ebc548b0-256x102](https://help.spiffcommerce.com/hubfs/880d1d95153037f5b68501da7ef50994ebc548b0-256x102.svg "880d1d95153037f5b68501da7ef50994ebc548b0-256x102")](http://spiffcommerce.com)              www.spiffcommerce.com **Contact Us**                 ✉️  support@spiff.com.au              [Privacy Policy](https://www.spiffcommerce.com/privacy)            [Terms of Service](https://www.spiffcommerce.com/terms)         © 2025 SpiffCommerce. All rights reserved.