0 1 0 1 2 3 4 5 6 7 8 9 0 0 1 2 3 4 5 6 7 8 9 0

An online supplement store on WooCommerce: a catalogue browsable by goal and by category, flavour options, a cart with coupons and order tracking.

PALAVOR online supplement store homepage
Shop by goal section on the PALAVOR home page
Best selling supplements on PALAVOR
PALAVOR product grid with categories and price filter

An Online Store
Built to Sell,
Run by the Client

PALAVOR: WooCommerce Store for Premium Supplements

What does the client get out of this project?

PALAVOR sells premium supplements in El Salvador. The store gives the brand a sales channel of its own: a catalogue organised by goal and by category, product pages with flavour options and stock status, a cart with coupons, and order tracking — all in Spanish, priced in USD, and running on WooCommerce so the team can add a product without touching code.

1. How is the catalogue organised for someone who does not know supplements?

Two ways in. By category — protein, creatine, pre-workout, fat burners, amino acids, creatine for women — and by goal, with a section that asks what the customer is after: gain muscle, burn fat, increase strength, boost energy. Someone who knows the product goes straight to the category; someone who does not starts from what they want to achieve.

2. What can customers filter by on the shop page?

Search by name, plus product category, brand and price range, with ordering on top. Each card carries price, category and stock, and adds to the cart without leaving the listing. Products that come in several flavours use swatches, so the choice is visual rather than a dropdown.

3. How does the store handle the purchase itself?

A standard WooCommerce checkout: cart with quantity control, coupon field, running totals and a checkout step. The store also carries a wishlist, customer accounts and an order-tracking page, so a buyer can follow a shipment without having to write in.

4. What keeps customers coming back between purchases?

A blog with articles on nutrition and training, an Instagram feed pulled into the home page, and promotional bars announcing free shipping over $100 and a gift over $150. The content side gives the brand something to publish between launches.

Shipping, payment and guarantee highlights
PALAVOR product page with gallery, price and add to cart

(02)
PROJECT GOALS

Turn a supplement brand into a shop that sells on its own — catalogue, cart, coupons and order tracking — without the team needing a developer to add a product or change a price.

Make the store easy to shop for a first-time buyer: entry points by goal as well as by category, clear stock and pricing, and a checkout that behaves the same on a phone as on a desktop.

Featured product cards on the PALAVOR home page

(03)
CONCLUSION

Our Approach

We built PALAVOR on WooCommerce so the store stays in the client's hands: products, prices, stock and content are all editable from the dashboard. The design follows the brand's own language — black, amber and condensed type — and the structure follows how people actually buy supplements: by goal first, by product second.

PALAVOR shopping cart with coupon field and totals
PALAVOR blog listing
PALAVOR store on mobile

At Le Website, an online store is not a template with products dropped into it. We map how the catalogue gets browsed, how the purchase is completed and what the team has to maintain afterwards — then build a shop the client can run without us.

Francisco Gonzalez
Project Manager

NEXT PROJECT

Halo

Web Development