Custom Wall Mural Wallpaper

Design your perfect wallpaper with our interactive editor. Choose your dimensions, select materials, and see live pricing—all in real-time.

Start Designing Test API Integration

Note: Replace sample-product with your actual product slug

Custom Dimensions

Enter your exact wall measurements from 200 cm to 1200 cm (width) or 200 cm to 600 cm (height) in either direction. Perfect fit guaranteed.

Interactive Cropping

Drag and resize to position your artwork perfectly. Mirror horizontally for creative effects.

External Control

Control the editor from your product page using our postMessage API. Perfect for iframe integration.

How It Works

1

Choose Your Design

Browse our Products collection in Webflow CMS. Each product links directly to the editor with its design pre-loaded.

2

Enter Your Wall Dimensions

Input the width and height of your wall in centimeters. The editor updates instantly to show your exact configuration. Can also be controlled externally via postMessage API.

3

Position & Crop Your Artwork

Use the interactive canvas to drag and resize the crop area. Panel guide lines help you visualize the final result.

4

Review & Submit

Check your summary in the bottom bar—dimensions, surface area, and total price. Click continue to save your design.

🔗 CMS Integration

The editor is connected to your Webflow CMS Products collection:

  1. Create products with Los Design image and Product Price (per m²)
  2. Link using: /wallpaper-editor?productSlug=YOUR-SLUG
  3. Editor loads product data and handles pricing automatically

📡 postMessage API Integration

Control the editor from your parent page (e.g., Webflow product page):

  • Send dimensions: Update wall size from external inputs
  • Receive updates: Get real-time price calculations
  • Get configuration: Capture final design when user saves
Try Live Demo → | View API Docs →