Area calculator on the product page
The customer enters the area to cover. The block calculates the number of boards, the actual coverage and the total, and stays in sync both ways with the cart quantity field.

Construction timber · Online store in France MBOIS NEGOCE wholesales construction timber and outdoor timber from its warehouse in Bourg-Achard, Normandy. 123Website built a French online store on WooCommerce with a custom theme: suggested search as you type, filters by timber type and treatment, an area calculator on the product page, and a delivery page that explains how the timber reaches the job site.

Clients
MBOIS NEGOCE is a timber wholesaler founded in 2022 in Bourg-Achard, in the Eure department (Normandy, France). Its warehouse supplies structural timber, formwork boards, cladding, outdoor decking, posts and beams to builders and to people building their own homes, delivered by the company's own trucks around the warehouse and by pallet freight across France.
The problem
Construction timber is sold by specification: cross-section, length, timber type and treatment. Buyers need to find the right piece, know how many boards to take for the area they are building, and know which truck will carry long, heavy timber to them.
01
Type "douglas" or "50/150" and matching product names and photos appear at once, with the price.
02
Filter by category, color, price range, timber type (chêne, douglas, épicéa...) and treatment.
03
The customer enters the square meters of flooring or wall they need, and the product page calculates the number of boards and an estimated total.
04
The delivery zone, the type of unloading truck, the timing and how to book a slot are stated clearly before the order is placed.
Shopper experience
On mobile, the search box, wishlist and cart stay on the top bar.

A category grid with photos: bastaings, chevrons, clin, lambourdes, madriers...

Product names and photos appear as you type, with a Voir tout button.

A sliding Filtres panel: category, price range, color, timber type and treatment.

Photo, price incl. tax (TTC), timber origin, certifications and a description of how to use it.

Enter the square meters you need and the page returns the number of boards, the coverage area and the total.
Features
The store runs on WooCommerce; search, filters, the area calculator, the wishlist and the quick cart are custom code 123Website wrote into the theme.
The customer enters the area to cover. The block calculates the number of boards, the actual coverage and the total, and stays in sync both ways with the cart quantity field.

A filter bar for Category, Color, Price, Essence and Traitement, an In Stock button and 6 sort options; the left filter column shows how many products are in each category.

The search box at the top shows name suggestions and a product list with photos and prices after a few characters, plus a way to view all results.

The Livraison page sets out two delivery zones: the warehouse's own trucks deliver within a 100 km radius of Bourg-Achard, and further out, orders go by pallet freight anywhere in France. The delivery fee is based on the postcode and the cart weight, and the customer is given a time slot before the truck arrives.
Direct delivery within 100 kmPallet freight across FranceFree pickup at the warehouseTrack orders by email
Charpente, Bois rabotés, Bardage, Terrasse and Aménagement extérieur, each with subcategories.
A dropdown cart: change the quantity in place, without reloading the page.
A heart button on each product, and a separate page to review saved items.
A 100 km radius, delivery across France, and a choice of tail-lift truck or crane truck.
A Click & Collect option at the Bourg-Achard warehouse when placing the order.
Two dedicated pages, Offres spéciales and Déstockage, for promotions and end-of-lot stock.
French by default, with an English version switched by a flag at the top of the page.
Register and log in to review orders already placed.
Admin system
Products, categories, attributes, stock and orders live in WooCommerce. Lists of products by specification can be imported in bulk with WP All Import instead of typing in each piece of timber.
Technology
The MBoisNegoce theme is written in Tailwind and Alpine.js, with no page builder. The parts timber buyers need (search, filters, area calculation, wishlist and quick cart) are custom code connected to WooCommerce data.
The area block takes length and width from the product data or the selected variation; enter the dimensions once and each timber specification uses its own calculation.
Search suggestions, quantity changes in the cart and the wishlist all use AJAX, so the page does not flash when you click.
How 123Website built it
The milestones below follow the dates the pages were created. The website was built on 123Website's staging site before it went live at mboisnegoce.fr.
Home, Boutique, cart, checkout, account, Contact, À propos.
Livraison, Offres spéciales and Déstockage have their own templates.
The homepage slider uses photos of the company's own warehouse and timber yard.
The live site
Screenshots from mboisnegoce.fr on 21 October 2026.









Talk to us
Leave your details and we will call you back. Together we look at how your customers choose products by specification, then suggest a search, filters and quantity calculation that fit.
Get a free consultation
Your information is used only to advise you on our services.
Request received
Our consultant will call you back during business hours with industry templates and a package quote.
Talk to an expert Mon–Fri 8:00–17:30 · Sat 8:00–12:00
Or reach us directly
Free advice, no spam, your data stays private
Need advice on your website?We're here to help
Talk to an expertMon–Fri 8:00–17:30 · Sat 8:00–12:00
Free advice, no spam
Leave your details and we'll call you back
Business hours: Mon–Fri 8:00–17:30, Sat 8:00–12:00.
Your information is kept private and never shared with third parties.
Request received!
Our consultant will call you back during business hours to go over the details.