<!--
Name: Curtain & Rug Room Visualiser
Description: Quote request with a live room preview: curtains and rug in a room photo change as customers pick fabrics (Ambient Scene). An estimate follows the window size and choices; submitting sends a quote request.
Type: form
Version: pro
CraftForms-Version: 1
Icon: admin-home
UUID: form_starter_room_visualiser
Goals: calculator
Industries: custom-goods, services
Delivery: wordpress, embed
-->
<!--craftforms-meta
{
    "formula": "window_width * 2 * drop / 10000 * curtain_fabric_price + rug_price",
    "transformations": [
        {
            "name": "curtain_fabric_price",
            "type": "linked",
            "linkedField": "curtain_fabric",
            "lookupColumn": "price",
            "lookupStrategy": "exact",
            "defValue": 32
        },
        {
            "name": "rug_price",
            "type": "linked",
            "linkedField": "rug",
            "lookupColumn": "price",
            "lookupStrategy": "exact",
            "defValue": 149
        }
    ],
    "conditionalLogicRules": [],
    "displayFieldsLogic": [],
    "disableFieldsLogic": [],
    "displayOptionsLogic": [],
    "submitActions": [
        {
            "id": "action-save-1",
            "type": "save_submission",
            "order": 1,
            "settings": []
        }
    ],
    "sendEmails": true,
    "createEntries": true
}
-->
<!--craftforms-assets
{"1428":{"hash":"87263d01cf3914a27fafae3b9bd5e94ddbba79ca","filename":"room-window-linen.jpg","mime":"image/jpeg","path":"starters/forms/assets/room-visualiser-quote/room-window-linen.jpg"},"1417":{"hash":"0fb3e226125c2eefdfb51edecc2edf1024b69f44","filename":"curtain-linen.jpg","mime":"image/jpeg","path":"starters/forms/assets/room-visualiser-quote/curtain-linen.jpg"},"1419":{"hash":"d5f6ba7de89b93ee326b471db92836282286fe17","filename":"curtain-sage.jpg","mime":"image/jpeg","path":"starters/forms/assets/room-visualiser-quote/curtain-sage.jpg"},"1418":{"hash":"377088822d265acd97873a47f5026d3093436624","filename":"curtain-navy.jpg","mime":"image/jpeg","path":"starters/forms/assets/room-visualiser-quote/curtain-navy.jpg"},"1420":{"hash":"9428cdc08a0357405012592d9cc52dec6b8f611a","filename":"curtain-terracotta.jpg","mime":"image/jpeg","path":"starters/forms/assets/room-visualiser-quote/curtain-terracotta.jpg"},"1429":{"hash":"f5f30581f7e6302900b15a49252fd759a1d01267","filename":"rug-jute.jpg","mime":"image/jpeg","path":"starters/forms/assets/room-visualiser-quote/rug-jute.jpg"},"1432":{"hash":"6e3ac40c8cd0bfbb01535b1b2e4ec273854ac3ee","filename":"rug-stripe.jpg","mime":"image/jpeg","path":"starters/forms/assets/room-visualiser-quote/rug-stripe.jpg"},"1430":{"hash":"c74d8b8c0332deca333912d8873375f2a3f7e306","filename":"rug-navy.jpg","mime":"image/jpeg","path":"starters/forms/assets/room-visualiser-quote/rug-navy.jpg"},"1431":{"hash":"f6e817bd4e662429364f9dba2b1748a5a039dd21","filename":"rug-sage.jpg","mime":"image/jpeg","path":"starters/forms/assets/room-visualiser-quote/rug-sage.jpg"}}
-->
<!-- wp:craftforms/form {"style":{"spacing":{"padding":{"top":"var:preset|spacing|30","bottom":"var:preset|spacing|30"}}},"layout":{"type":"constrained"}} -->

<!-- wp:craftforms/ambient-scene {"background":{"type":"image","color":"#f0f0f0","aspectRatio":"16 / 10","image":{"id":1428,"url":"https://sandbox.test/wp-content/uploads/2026/09/room-window-linen.jpg","thumbUrl":"https://sandbox.test/wp-content/uploads/2026/09/room-window-linen-150x150.jpg","alt":""}},"regions":[{"id":"region_curtains","label":"Curtain fabric","field":"curtain_fabric","rect":{"xPercent":50,"yPercent":49.2,"widthPercent":48,"heightPercent":77.6},"images":[{"value":"linen","id":1417,"url":"https://sandbox.test/wp-content/uploads/2026/09/curtain-linen.jpg","alt":""},{"value":"sage","id":1419,"url":"https://sandbox.test/wp-content/uploads/2026/09/curtain-sage.jpg","alt":""},{"value":"navy","id":1418,"url":"https://sandbox.test/wp-content/uploads/2026/09/curtain-navy.jpg","alt":""},{"value":"terracotta","id":1420,"url":"https://sandbox.test/wp-content/uploads/2026/09/curtain-terracotta.jpg","alt":""}]},{"id":"region_rug","label":"Rug","field":"rug","rect":{"xPercent":50,"yPercent":95.6,"widthPercent":51,"heightPercent":8.8},"images":[{"value":"jute","id":1429,"url":"https://sandbox.test/wp-content/uploads/2026/09/rug-jute.jpg","alt":""},{"value":"stripe","id":1432,"url":"https://sandbox.test/wp-content/uploads/2026/09/rug-stripe.jpg","alt":""},{"value":"navy","id":1430,"url":"https://sandbox.test/wp-content/uploads/2026/09/rug-navy.jpg","alt":""},{"value":"sage","id":1431,"url":"https://sandbox.test/wp-content/uploads/2026/09/rug-sage.jpg","alt":""}]}]} /-->

<!-- wp:craftforms/radio-field {"name":"curtain_fabric","label":"Curtain fabric","options":[{"label":"Natural linen","value":"linen","price":32,"color":"#d8ccb6"},{"label":"Sage","value":"sage","price":32,"color":"#8fa087"},{"label":"Navy blackout","value":"navy","price":41,"color":"#34425f"},{"label":"Terracotta","value":"terracotta","price":36,"color":"#b8674a"}],"optionStyle":"color","optionSwatchWidth":44,"optionSwatchHeight":44,"defaultValue":"linen","required":true,"requiredMessage":"Please choose curtain fabric","className":"is-layout-flex"} -->
<div class="wp-block-craftforms-radio-field is-layout-flex" data-fieldname="curtain_fabric" aria-describedby="curtain_fabric-error" data-validate-minselected="1" data-validate-minselected-message="Please choose curtain fabric" role="group" aria-labelledby="curtain_fabric-label" data-craftforms-field="curtain_fabric"><!-- wp:craftforms/label {"content":"Curtain fabric"} /-->

<!-- wp:craftforms/options-group {"layout":{"type":"flex","orientation":"horizontal","flexWrap":"wrap"},"className":"is-layout-flex"} -->
<div class="wp-block-craftforms-options-group craftforms-options-group is-layout-flex"><!-- wp:craftforms/radio-option {"label":"Natural linen","value":"linen","checked":true,"name":"curtain_fabric","optionStyle":"color","price":32,"color":"#d8ccb6"} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">Natural linen</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option -->

<!-- wp:craftforms/radio-option {"label":"Sage","value":"sage","name":"curtain_fabric","optionStyle":"color","price":32,"color":"#8fa087"} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">Sage</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option -->

<!-- wp:craftforms/radio-option {"label":"Navy blackout","value":"navy","name":"curtain_fabric","optionStyle":"color","price":41,"color":"#34425f"} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">Navy blackout</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option -->

<!-- wp:craftforms/radio-option {"label":"Terracotta","value":"terracotta","name":"curtain_fabric","optionStyle":"color","price":36,"color":"#b8674a"} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">Terracotta</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option --></div>
<!-- /wp:craftforms/options-group -->

<!-- wp:craftforms/form-error {"content":"{{error.curtain_fabric}}","style":{"color":{"text":"#cc1818"},"typography":{"fontSize":"0.8em"}}} /-->
</div>
<!-- /wp:craftforms/radio-field -->

<!-- wp:craftforms/radio-field {"name":"rug","label":"Rug","options":[{"label":"Jute","value":"jute","price":149,"image":{"id":1429,"url":"https://sandbox.test/wp-content/uploads/2026/09/rug-jute.jpg","alt":""}},{"label":"Stripe","value":"stripe","price":179,"image":{"id":1432,"url":"https://sandbox.test/wp-content/uploads/2026/09/rug-stripe.jpg","alt":""}},{"label":"Navy border","value":"navy","price":199,"image":{"id":1430,"url":"https://sandbox.test/wp-content/uploads/2026/09/rug-navy.jpg","alt":""}},{"label":"Sage wool","value":"sage","price":229,"image":{"id":1431,"url":"https://sandbox.test/wp-content/uploads/2026/09/rug-sage.jpg","alt":""}}],"optionStyle":"image","optionSwatchWidth":120,"optionSwatchHeight":40,"defaultValue":"jute","required":true,"requiredMessage":"Please choose rug","className":"is-layout-flex"} -->
<div class="wp-block-craftforms-radio-field is-layout-flex" data-fieldname="rug" aria-describedby="rug-error" data-validate-minselected="1" data-validate-minselected-message="Please choose rug" role="group" aria-labelledby="rug-label" data-craftforms-field="rug"><!-- wp:craftforms/label {"content":"Rug"} /-->

<!-- wp:craftforms/options-group {"layout":{"type":"flex","orientation":"horizontal","flexWrap":"wrap"},"className":"is-layout-flex"} -->
<div class="wp-block-craftforms-options-group craftforms-options-group is-layout-flex"><!-- wp:craftforms/radio-option {"label":"Jute","value":"jute","checked":true,"name":"rug","optionStyle":"image","price":149,"image":{"id":1429,"url":"https://sandbox.test/wp-content/uploads/2026/09/rug-jute.jpg","alt":""}} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">Jute</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option -->

<!-- wp:craftforms/radio-option {"label":"Stripe","value":"stripe","name":"rug","optionStyle":"image","price":179,"image":{"id":1432,"url":"https://sandbox.test/wp-content/uploads/2026/09/rug-stripe.jpg","alt":""}} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">Stripe</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option -->

<!-- wp:craftforms/radio-option {"label":"Navy border","value":"navy","name":"rug","optionStyle":"image","price":199,"image":{"id":1430,"url":"https://sandbox.test/wp-content/uploads/2026/09/rug-navy.jpg","alt":""}} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">Navy border</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option -->

<!-- wp:craftforms/radio-option {"label":"Sage wool","value":"sage","name":"rug","optionStyle":"image","price":229,"image":{"id":1431,"url":"https://sandbox.test/wp-content/uploads/2026/09/rug-sage.jpg","alt":""}} -->
<div class="wp-block-craftforms-radio-option"><!-- wp:craftforms/choice-label -->
<span class="wp-block-craftforms-choice-label cf-choice-label">Sage wool</span>
<!-- /wp:craftforms/choice-label --></div>
<!-- /wp:craftforms/radio-option --></div>
<!-- /wp:craftforms/options-group -->

<!-- wp:craftforms/form-error {"content":"{{error.rug}}","style":{"color":{"text":"#cc1818"},"typography":{"fontSize":"0.8em"}}} /-->
</div>
<!-- /wp:craftforms/radio-field -->

<!-- wp:group {"layout":{"type":"grid","columnCount":2}} -->
<div class="wp-block-group"><!-- wp:craftforms/text-input-field {"name":"window_width","label":"Window width (cm)","type":"number","value":"140","required":true,"min":"40","max":"400"} -->
<!-- wp:craftforms/label {"content":"Window width (cm)"} /-->

<!-- wp:craftforms/text-input {"name":"window_width","type":"number","value":"140","required":true,"min":"40","max":"400"} /-->

<!-- wp:craftforms/form-error {"content":"{{error.window_width}}","style":{"color":{"text":"#cc1818"},"typography":{"fontSize":"0.8em"}}} /-->
<!-- /wp:craftforms/text-input-field -->

<!-- wp:craftforms/text-input-field {"name":"drop","label":"Curtain drop (cm)","type":"number","value":"240","required":true,"min":"80","max":"320"} -->
<!-- wp:craftforms/label {"content":"Curtain drop (cm)"} /-->

<!-- wp:craftforms/text-input {"name":"drop","type":"number","value":"240","required":true,"min":"80","max":"320"} /-->

<!-- wp:craftforms/form-error {"content":"{{error.drop}}","style":{"color":{"text":"#cc1818"},"typography":{"fontSize":"0.8em"}}} /-->
<!-- /wp:craftforms/text-input-field --></div>
<!-- /wp:group -->

<!-- wp:craftforms/infoblock {"style":{"color":{"background":"#f0f4ff"},"spacing":{"padding":{"top":"20px","bottom":"20px","left":"24px","right":"24px"}},"border":{"radius":"8px"}}} -->
<!-- wp:paragraph {"style":{"typography":{"fontWeight":"700","fontSize":"1.4rem"}}} -->
<p style="font-weight:700;font-size:1.4rem">Estimate: {{form.currency}}{{form.price}}</p>
<!-- /wp:paragraph -->
<!-- /wp:craftforms/infoblock -->

<!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:craftforms/submit-button {"label":"Request a quote"} /-->

<!-- wp:craftforms/notification /--></div>
<!-- /wp:group -->

<!-- /wp:craftforms/form -->