Cookies
We use cookies to understand how this site is used. You can accept or reject them: see our Cookie Policy for details.
Config builder
Pick the services your salon actually offers and how the consultation should look, and we'll write the config for you. Anything you don't offer is simply left out of the wizard your clients see.
Your config updates as you go. Jump to Your config at any time.
Your setup
Colour steps
Untick anything your salon doesn't offer.
Premium plan
Premium plan
Cut step
Standard plan and aboveNot included in your plan, so it's left out of your config. Compare plans
Turn this off if you only offer colour.
Treatments step
Standard plan and aboveNot included in your plan, so it's left out of your config. Compare plans
Turn this off if you don't offer any treatments alongside colour.
When off, picking a treatment replaces the previous one. When on, clients can combine them, such as a gloss with deep conditioning, and any that can't be done together are unticked automatically.
Appearance
Squares off the rounded corners on buttons, option cards and panels. Round swatches and progress dots stay round.
The header runs to the edges of the consultation with square corners. Turn off to inset it like the rest of the content.
The image and explainer above each step run to the edges of the consultation. Turn off to inset them.
Goes straight to the next step once a client makes a choice.
Virtual try-on (experimental)
Experimental, and included on every plan. Clients preview shades on a live view of their own hair, entirely in their browser. Your site may need its security headers updated: see setting up the try-on.
When off, the palette shows flat colour swatches instead.
Languages
Pricing
Reserved for future use. Nothing in the consultation shows prices yet, so this has no visible effect today, but setting it now means your config is ready if price display arrives.
Branding
Premium plan
Leave any field empty to keep the default.
Your config
You've picked some options your plan doesn't include. They're left out of the config below:
- Cut step Standard plan and above
- Treatments step Standard plan and above
Want them? Compare plans and upgrade
Paste this into plugins/hair-treatments.ts, replacing any existing call to createHairTreatments.
import { createHairTreatments } from "srcdev-hair-treatments"
export default defineNuxtPlugin((nuxtApp) => {
nuxtApp.vueApp.use(
createHairTreatments({
licenseKey: "YOUR_LICENSE_KEY",
behaviour: {
showCutStep: false,
showTreatmentsStep: false,
},
})
)
})
Replace YOUR_LICENSE_KEY with the license key from your dashboard. See Licensing for how keys work.
Need more control, such as your own copy, images or prices? Every option is covered in Configuration and Theming.