01 / Outdoor architecture

3D Pergola Configurator Online

Engineer daylight. Configure atmosphere.

Drag to orbit · Shift to pan · Wheel to zoom
Live spatial preview
ENVIRONMENT / LIVEPERGOLA 6 × 4 MLIVE Resolving…
FRONT 1 · 2.92 M

A browser-based 3D pergola configurator for freestanding and wall-mounted systems, combining parametric dimensions, louver control, side enclosures, environmental preview, accessories and live estimated pricing.

Launch full configurator
Shared platform DNA

Six forces.
One product state.

Every deployment is built on the same connected commercial and spatial foundation—even as the product category changes.

XY
01ACTIVE FACE

Bill of Materials

The approved visual state resolves into an exact component structure: profiles, panels, glass, hardware, accessories and quantities ready for downstream work.

Signal pathGeometry → components
System overview

Engineer daylight. Configure atmosphere.

A browser-based 3D pergola configurator for freestanding and wall-mounted systems, combining parametric dimensions, louver control, side enclosures, environmental preview, accessories and live estimated pricing.

Capabilities / 06

What the system resolves.

01

Parametric structure

Define the pergola footprint, overall height and installation condition while posts, beams, spans and concealed drainage rebuild as one coordinated structure. Dimensional changes remain connected to the physical assembly instead of simply stretching a decorative model.

02

Louver & daylight control

Change blade orientation and scrub the louver angle against a live sun position. The scene reveals how every setting affects openness, shade, direct light and rain protection, giving customers a meaningful preview before the structure is manufactured or installed.

03

Four-side enclosure system

Treat every elevation as an independent configurable zone. Leave it open or add pull-down screens, motorized zip screens, horizontal privacy louvers or frameless sliding glass, with position and openness represented directly on the spatial model.

04

Climate & integrated lighting

Move between daylight and night, then configure perimeter LEDs, color temperature, integrated spotlights and infrared heaters. Environmental lighting and shadows respond with the product so customers can judge both architectural presence and practical comfort.

05

Automation & sensing

Choose manual, remote or wall-switch control and coordinate automated components with their mounting positions. Rain and wind sensors can become part of the same configuration state, connecting visible product choices with the behavior expected after installation.

06

Commercial resolution

Dimensions, enclosure lengths, automation choices, lighting and every selected accessory feed the commercial model continuously. Each valid decision recalculates the project total immediately, keeping the visual product and the sales conversation synchronized without a separate spreadsheet pass.

Resolved state

From visual decision
to usable output.

  1. 01Live quote
  2. 02Configured geometry
  3. 03Accessory schedule
  4. 04Customer snapshot
3D pergola planning

Configure the pergola before the quote.

The 360Configurator pergola tool starts from a parametric structure rather than a static product image. Choose a freestanding or wall-mounted installation, set the main dimensions, then configure the louvers, each side enclosure and the comfort accessories. The 3D model and estimated price respond as the configuration changes, so the product can be understood before a quote is requested.

How it works

From dimensions to a configured pergola in five steps.

The workflow follows the same decisions that shape the physical product. Each change remains visible in the same spatial model instead of being split across separate forms, drawings and price sheets.

  1. 01

    Choose installation and dimensions

    Start with a freestanding or wall-mounted pergola, then set width, depth and height within the available configuration limits.

  2. 02

    Configure the louvered roof

    Set the louver orientation and tilt, then use sun position, north direction and the night preview to understand shade and light conditions.

  3. 03

    Resolve every side independently

    Keep a side open or add a pull-down screen, motorized screen, privacy element or frameless sliding glass. Each edge of the pergola can be configured separately.

  4. 04

    Add lighting, heat and weather sensing

    Configure perimeter LED lighting, integrated spotlights, infrared heaters and rain or wind sensors directly on the pergola model.

  5. 05

    Review the commercial result

    Check the estimated price breakdown and configuration summary, then continue to the quote workflow with the selected geometry and options still synchronized.

Configuration decisions

Test the choices that actually change the finished pergola.

The configurator is built to make product decisions visible. It is useful when several options interact and a flat catalogue image is no longer enough to explain the result.

01

Geometry & installation

Establish the overall architectural footprint before accessories are added.

  • Freestanding or wall-mounted installation
  • Width, depth and overall height
  • Louver direction and roof orientation
  • Visible dimensions in the 3D scene
02

Light & environment

Evaluate the pergola as lighting conditions change rather than in one fixed render.

  • Louver tilt
  • Sun-position control
  • North-direction control and compass
  • Day/night preview and integrated lighting
03

Sides & privacy

Treat each elevation as its own configurable zone.

  • Open side
  • Pull-down screen
  • Motorized screen
  • Privacy element
  • Frameless sliding glass
04

Comfort & commercial options

Add the options that affect use, automation and the estimated total.

  • Perimeter LED lighting
  • Integrated spotlights
  • Infrared heaters
  • Rain and wind sensors
  • Estimated price and quote summary
Why configure in 3D

A better decision before fabrication or installation.

A pergola is not a single visual choice. Dimensions, louver behavior, side closures and accessories affect one another. Keeping those choices in one interactive model makes the proposal easier to review and reduces the gap between what is discussed and what is ultimately selected.

01

For the buyer

Compare configurations visually and understand what each option changes before committing to a final proposal.

02

For sales teams

Keep geometry, visible options and the estimated commercial state aligned during the same conversation.

03

For configurable-product businesses

Use one browser-based product state as the starting point for a more connected quotation and downstream workflow.

Pergola configurator FAQ

Common questions about the 3D pergola configurator.

01Can I configure both freestanding and wall-mounted pergolas?+

Yes. The configurator includes both freestanding and wall-mounted installation modes, and the supporting geometry updates according to the selected condition.

02Can I change the pergola dimensions?+

Yes. Width, depth and height are configurable, and the parametric structure rebuilds as those dimensions change.

03Can I test the louvers, sunlight and night lighting?+

Yes. You can change louver orientation and tilt, adjust sun position and north direction, show the compass and switch to a night preview to inspect the lighting setup.

04Which side closures are available?+

Each side can remain open or use a pull-down screen, motorized screen, privacy element or frameless sliding-glass solution, depending on the configuration.

05Can I add lighting, heaters and weather sensors?+

Yes. The current configurator supports perimeter LED lighting, integrated spotlights, infrared heaters, and rain and wind sensors positioned on the pergola.

06Does the pergola configurator calculate a price?+

It provides an estimated price and breakdown that update with the configured dimensions and options. The summary can then be used as the basis for the quote workflow.

07Do I need to install software?+

No. The configurator runs in a modern web browser and uses WebGL for the interactive 3D view.

Try the actual product

Build a pergola configuration in the browser.

Open the live configurator to test the geometry, louvers, side closures, lighting and accessories yourself, or contact us if you need a similar configurator for your own product system.

Full deployment

Explore every rule.
Configure the real system.

Open live configurator