How to add a pergola configurator to your website

A pergola configurator lets a customer set the dimensions, choose a roof type (open, louvred, glass, polycarbonate), pick post positions and colours, and submit a quote request that has their exact design attached. You receive a structured lead instead of a vague enquiry, and the customer already knows what they want before they pick up the phone.

What the buyer experience looks like

The customer lands on your product page and sees a 3D model of the pergola. They drag width and depth sliders, switch between roof types, toggle louvres open or closed, and choose a RAL colour. The model updates in real time. When they are happy, they click "Request a quote" and fill in their contact details. You get an email with a summary of the configuration and, depending on your setup, a rendered image of what they built.

This mirrors how customers already shop for kitchens and cars. Outdoor living products are a natural fit because the options (size, roof, infill, finish) are discrete and visual.

What determines the options you can offer

The configurator shows whatever your 3D model supports. Before going live, think through:

• Dimensions: min and max width, depth, and height your production line handles
• Roof type: flat, pitched, louvred, glass; which combinations are valid
• Louvre control: motorised or manual, open/closed state in the visual
• Posts: count, position (corner only vs. intermediate), and finish
• Colour: RAL palette or specific powder-coat options
• Add-ons: LED lighting, side screens, gutters

Not every combination needs to be available on day one. A configurator that covers your three best-selling variants will generate more useful leads than a sprawling tool that confuses visitors.

What you need to get started

You need a 3D model of your pergola in GLB or glTF format. Your designer or manufacturer may already have one; if not, a CAD-to-GLB conversion is the first step. The configurator platform handles the rest: embedding, option logic, quote capture.

With CPQ3D, setup is a single script tag on your product page. You bring the model; the platform handles rendering, option controls, and quote-request capture. The first 10 quote requests are free, and there is no subscription or demo call required. Pricing starts at €3.50 per request after that.

Common questions

Does the customer need to install anything? No. The configurator runs in the browser.

What if my pergola comes in fixed sizes? You can offer discrete size options (a dropdown or button set) instead of sliders. Fixed sizes work fine.

Can I embed it on an existing product page? Yes, one script tag is all it takes. The configurator renders inside whatever container you point it at.

If you want to see the quote-request flow in action: try the live demo.