Mayabi – Skincare Website Templates

Mayabi is one of the few skincare website templates built around the question every beauty buyer asks: which shade or which product is right for me? It is a WordPress theme for online beauty shops, with a collage hero, colour dots that filter the shop, step-by-step looks and soft product cards that let a buyer pick a variant and add it to the bag in one tap.

The theme comes with Themeve Commerce, our own shop plugin, so you do not need WooCommerce or extra payment plugins. You get cart, checkout, bKash, Nagad, SSLCommerz, courier booking and order tracking in one package. It is a ready beauty store website template for Bangladesh, and it works for much more than make-up.

Who can use these skincare website templates

The demo shows a make-up shop, but the layout fits any shop that sells small, colourful, giftable products. You change the photos, the text and the categories, and the store becomes yours. Mayabi works well for:

• Make-up shops selling lipstick, gloss, eyeshadow, blush, mascara and foundation
• Skincare shops with serums, face wash, moisturiser, sunscreen and masks
• Nail colour and nail care brands
• Hair care and body care stores
• Perfume, body mist and fragrance sellers
• Brush, sponge and beauty tool shops
• Gift set and hamper sellers for Eid, weddings and birthdays
• Home-based sellers and Facebook page shops moving to their own website
• Beauty importers with several brands and many categories

If a product comes in more than one colour, size or type, the shade dots and one-tap choices on the cards will help. If it does not, the cards still look clean, and you can switch the dots off.

Light and fast to load

Skincare website templates carry a lot of photos, so the theme itself should stay out of the way. Here is what is true about Mayabi:

• The front-end script is plain JavaScript with no jQuery and no outside libraries.
• Web fonts can be switched off in Theme Options. Your shop then uses fast system fonts.
• Motion is gentle and can be turned off.
• Homepage blocks you do not use can be hidden, so they add no weight.

Front-end features of this beauty store website template

This is what your customers see and use.

Header and menu

• Top bar with up to three rotating messages and your hotline number
• Round search field on desktop, with your own placeholder text
• Sign in, wishlist and bag icons
• Category menu bar under the header, with an optional sticky header
• English and Bangla switch, which you can turn on or off
• Sign in and register open in a popup, so the buyer never leaves the page

The homepage: 17 blocks you can switch off or move

Every block can be hidden, and you drag the order to suit your shop.

• Collage hero with a big look photo, a headline panel, two buttons and a "Shade of the week" product card showing rating, price and add to bag
• Round category photos that you pick and order
• Shop by shade, where every colour in your Colour attribute becomes a dot that opens the shop filtered to that shade
• Just in, a slider of the newest products
• Bestsellers, split into tabs by category
• Two edits, wide photo links for a bridal, festive or seasonal collection
• Get the look, one photo with the products used shown as numbered steps
• Beauty steals, a sale band with a countdown timer
• Make-up for the moment, four photo cards for occasions
• Two department blocks, each pairing a photo with products from one category
• Reviews, the latest five-star reviews with the product each one was written for
• Gifts by budget, four price links and a row of finds
• You may also like, a large grid with a "Load more" button
• Why Mayabi, a photo with a short signed note about your brand
• Instagram strip with your handle
• Beauty notes, your latest three blog posts
• Service line for delivery, cash on delivery and returns

Product cards

• Soft white cards with star ratings and colour dots
• Second photo on hover
• On hover the shades rise up, so a buyer picks a colour and adds it without opening the page
• Full-width add button
• Photo shape: square, portrait or tall
• Category name, rating, dots and hover options can each be turned off

Product page

• Delivery charges and times shown from your store settings
• Return and exchange text that you write once
• Default care instructions for products
• "Frequently bought together" row, built from products with the same tags in other categories, such as a brush beside an eyeshadow palette
• Reviews in a fold, with a popup that invites the first review
• Back-in-stock alerts for sold-out items
• Add-to-cart bar that sticks to the bottom of the screen on phones

Cart, checkout and tracking

• One-page checkout
• Payment by bKash, Nagad, SSLCommerz, cash on delivery or manual payment
• "Order placed" popup that confirms the order
• Track Order page, so buyers stop asking where the parcel is
• Wishlist, coupons and offers for sale days

Mobile layout

• Header shows menu, logo and cart only
• Bottom bar with Home, Shop, Search, Wishlist and Account
• Compact cards that keep the shade dots visible

Footer

• A "Talk to a make-up artist" card
• Your shop name set very large
• About text, phone, email, address and opening hours
• Links to Facebook, Instagram, TikTok, YouTube and WhatsApp
• Footer menus for Shop and Help, and your own copyright line

Back-end options in Theme Options

Every setting of these skincare website templates lives in one place: Mayabi, then Theme Options. It has its own bottom bar on phones, so you can edit your shop from a mobile. No code is needed.

Beside the tabs you get a setting search, a save bar that stays in view, a reset for each section, and export and import to back up your settings. The Live Customizer is there too.

Theme Options tabs

• Homepage layout: drag blocks into order, or use the arrows on a phone
• Colors: accent, deep tone, warm highlight, sale price, text, page background and soft bands
• Typography and style: font pairs, button shape (square, soft or pill), content width, motion on or off
• Header and menu: messages, hotline, search, sticky header, account, wishlist, bottom bar
• Product cards: photo shape, category line, rating, dots, hover photo, one-tap add
• Hero and Why Mayabi: photos, headline, buttons and the Shade of the week product
• Categories, edits and photos: category picks, the two edits, Get the look, occasion cards, Instagram handle
• Product sections: titles and text for each block, the deal end time, Gifts by budget prices
• Product page: delivery box, bought-together row, return text, care text, sticky bar
• Footer and contact: every footer field listed above

Colours and fonts

Four palettes come ready: Berry and blush, Plum and lilac, Coral and sand, and Nude and espresso. Pick one, then adjust any single colour by hand. Six font pairs are included. Bodoni Moda with Manrope gives the demo its look, and Gilda Display, Cormorant Garamond, Fraunces, DM Serif Display and Yeseva One each come with a matching body font.

Shop management with Themeve Commerce

The bundled plugin installs in one click from Mayabi, then Setup. It adds a full shop manager to your WordPress dashboard.

Orders, invoices and customers

• Sales overview with today, the last seven days, the month so far and orders waiting for you
• Order statuses and printable invoices
• Incomplete Orders list for buyers who started checkout and left
• Customer list that groups buyers as new, repeat, VIP, inactive or risky
• Transactions screen with every payment and refund

Products

• Full-page product editor with variants, each with its own price, stock, SKU and photo
• Categories, brands and tags, with the Colour attribute that powers Shop by shade
• Reviews, with testimonials and offers on their own menus

Payments and delivery

• bKash, Nagad, SSLCommerz, cash on delivery and manual Send Money with a transaction ID
• Delivery charge by district, with extra zones
• Steadfast and Pathao courier booking from the order screen
• COD money screen that shows what the courier still owes you

Messages and protection

• New-order alerts by email and Telegram
• SMS updates and OTP phone verification
• Fake order protection for suspicious cash-on-delivery orders

Marketing

• Facebook Pixel with the Conversion API, Google Analytics 4 and Google Tag Manager
• Product feeds for Facebook and Google shopping, so your skincare range can show in ads
• SEO settings for descriptions and sharing previews
• Coupons, flash sales, combo offers, loyalty points and a store locator for your Our Stores page

Optional modules keep the store light. You switch on only what you use, such as pre-orders, back-in-stock alerts, exchange and returns, or an affiliate programme.

How these skincare website templates help you sell

Online beauty buyers hesitate for three reasons: they cannot test the product, they do not know which one fits, and they fear a wrong order. Mayabi answers each one.

• Shade dots and one-tap choices cut the steps between "I like it" and "it is in my bag".
• Get the look turns one photo into a basket of four or five products. A skincare shop can use it for a morning routine: cleanser, serum, moisturiser, sunscreen.
• Gifts by budget helps the buyer who knows the price but not the product.
• Delivery times, return text and the Track Order page remove doubt before checkout.
• Back-in-stock alerts and the wishlist keep a sold-out buyer on your list instead of a competitor's.
• The countdown band gives sale days a clear deadline.

Setup in six steps

1. Upload the theme zip in Appearance, then Themes, and activate it.
2. Open Mayabi, then Setup, and install Themeve Commerce with one click.
3. Add your licence under Mayabi, then License.
4. Run the one-click demo import to load sample products, pages and menus.
5. Choose a palette and font pair in Theme Options, then add your logo and hero photo.
6. Replace the sample products with your own, set payments and delivery, and place a test order.

The demo, "Mayabi — Make-up and Beauty", is the only part that looks like make-up. It includes 35 sample products, reviews, journal posts, menus and every page. Its photos and brand names are samples, so replace them with your own.

Why choose Mayabi over other skincare website templates

A plain template gives you a design and nothing behind it. You still need a cart, payment gateways, a courier link and order tracking, and each one is another plugin to buy and update. With Mayabi the shop is built in, and the design was made for beauty from the first line.

• Shop, payments and couriers for Bangladesh are already there.
• Beauty blocks such as Shade of the week and Get the look are ready, not something you build.
• Everything is edited in one Theme Options screen, with no page builder needed.
• Bangla translation is built in.
• The demo imports in one click, so you start from a working shop.

Mayabi is made for shops where shade and routine sell the product. If your range is bolder and louder, see our Rongin theme. If you sell a very large range, the Poush theme fits better.

What is included

• Mayabi theme files (PHP, CSS and JavaScript), one of our skincare website templates for online shops
• Themeve Commerce plugin
• One-click demo content
• Documentation
• Updates through your Themeve account with your licence
• Six months of support

Like all good skincare website templates, Mayabi is responsive. It needs WordPress 6.0 or newer and PHP 7.4 or newer. It works with the block editor.

You can see Mayabi working on the live demo, and browse more ready-made designs in our WordPress themes collection.