Prices up front on the home page
Five services with their time and starting price on a butter band, priced by hair length and stylist level, never by gender, with the month the prices were last updated.
Agent Template
Hair Salon Website Template for Framer
Loring Hair Salon is a website for hair salons and barbershops. Tell Framer AI about your salon in plain English and it edits the site to fit.
$69 One-time paymentOne website per purchase
Checkout on Contra. Your remix link is on the page you see right after payment.
Magnet Creative Marketing, design and content
Built for Framer
- Phone, tablet and desktop
- 13 AI skills
- Prices by stylist level
- Links to your booking app
All 34 pages of the live demo
Open any page of the Loring demo in a new tab. Each service and each stylist gets its own page from the CMS, in the same layout.
Main pages
- Home Prices up front, your stylists and booking in two steps (opens the demo in a new tab)
- About The salon’s story, the owner and the year it opened (opens the demo in a new tab)
- Visit Hours, directions, parking and a question form (opens the demo in a new tab)
- Gift cards E-gift or printed cards, with the terms (opens the demo in a new tab)
Booking
Services and prices
A page for each service (14)
- Cut and style (opens the demo in a new tab)
- Short cut (opens the demo in a new tab)
- Kids cut (opens the demo in a new tab)
- Clipper cut (opens the demo in a new tab)
- Beard trim (opens the demo in a new tab)
- Curly cut (opens the demo in a new tab)
- Curl definition treatment (opens the demo in a new tab)
- Root color (opens the demo in a new tab)
- All over color (opens the demo in a new tab)
- Partial highlights (opens the demo in a new tab)
- Balayage (opens the demo in a new tab)
- Gloss (opens the demo in a new tab)
- Smoothing treatment (opens the demo in a new tab)
- Bang or neck trim (opens the demo in a new tab)
Stylists and work
Rules and setup
- Careers Open roles and how to apply (opens the demo in a new tab)
- Accessibility The WCAG 2.2 AA goal and booking help (opens the demo in a new tab)
- Privacy What the forms collect and how texts work (opens the demo in a new tab)
- Terms Terms of use for the site (opens the demo in a new tab)
- Design System Colors, type, components and setup notes (opens the demo in a new tab)
What is the Loring Hair Salon template for Framer?
Loring Hair Salon is a website template for Framer, made for hair salons and barbershops. It costs $69, paid once. You get 19 page types, two CMS collections for services and stylists with 14 services and 5 stylists in the demo, and 13 skills that let Framer AI change the site when you ask in plain English. Checkout runs on Contra, and the remix link you get afterward copies the full project into your Framer workspace.
Updated
Template specs
| Price | $69, one-time, one website per purchase |
|---|---|
| Made for | Hair salons, with a barbershop mode |
| Pages | Home, Services & prices, service page, Book, Stylists, stylist page, Our work, About, New clients, Policies, Gift cards, Visit, Careers, Accessibility, Privacy, Terms, Design System, 404 and a thank-you page |
| CMS collections | 2, services and stylists |
| Demo content | 14 services and 5 stylists, each with its own page |
| Framer AI skills | 13, one job each |
| Layouts | Desktop, tablet and phone |
| Booking | Links to your booking app for each service and each stylist |
| Forms | A question form with a separate SMS consent box and a job application |
| Structured data | HairSalon, with your address, phone, hours and price range |
| Fonts | Anybody for headings and prices, Radio Canada for text |
| Delivery | Remix link right after checkout on Contra |
| Framer plan | Framer’s free plan to edit and publish on framer.website, a paid site plan for your own domain |
Watch the site change with Framer AI
A tour of 1 minute 23 seconds: the pages, the phone layout and two requests in Framer AI, “Make this site mine” and adding a new service with prices by stylist level.
Make it yours with one request
Tell Framer AI what to change in plain English. It asks for the facts it doesn’t have instead of making them up.
Type “Make this site mine” with your salon name, city and phone number. In our test on a copy of the template, Framer AI asked for the remaining details, the booking app and the owner, then changed the logo, phone, hours and address across 17 pages, rewrote and refit the city headlines, and updated the About story, the page titles and the structured data.
Services work the same way. We asked for a silk press with three level prices, and it asked which stylists offer it before it added the service to the menu, the Book page and its own page. When you’d rather do it by hand, every page is a normal Framer page you can edit.
Make this site mine: Juniper Hair, Portland, OR, (503) 555-0172.
Framer AI asks
- Any other details to use, such as the owner, street address, hours, year opened and license number?
- Which booking provider do you use, and do you have its link?
With the answers, it updated the name, address, phone, hours and owner across 17 pages, then listed what still needs real values: the booking link, the
owner portrait, prices, license, review and social links.
A salon website built for bookings
- Book, Call and Text buttons that stay on screen on phones, with the service the client picked shown above them
- Book in two steps on the home page: choose a service, see its time and starting price, then open times
- One menu at three levels, New Talent, Stylist and Senior, each with its own starting price
- A page for each service with a Book this service button, and a page for each stylist with a Book with button
- Cancellation, deposit, late arrival and redo policies written in plain words
- Our work photos tagged Model or Real client, with a typical result note on color
Pages in the hair salon template
Home, Services & prices, a page for each service, Book, Stylists, a page for each stylist, Our work, About, New clients, Policies, Gift cards, Visit, Careers, Accessibility, Privacy, Terms, Design System and 404, plus a thank-you page for the forms. Services and stylists are CMS collections, so each new service or stylist gets its own page in the same layout.
-
Services & prices -
A service -
A stylist -
Book -
Our work -
Visit
Set up for Google and AI search
- A title and description on every page, including each service and stylist page
- Structured data for your salon as a HairSalon, with your address, phone, hours and price range
- One main heading per page, clean URLs and alt text on images
- A search check skill that looks over titles, headings, alt text and structured data before you publish
Written with salon rules in mind
- Service names by hair length and technique, never by gender
- A license line in the footer and on each stylist’s page
- Sample tags on demo prices and review numbers, and a demo note in the footer
- A separate SMS consent box on the question form, with STOP and HELP wording
Not legal advice. Check your state’s rules.
13 skills for Framer AI
Each skill handles one job, and the default skill sends every request to the right one. In our tests on a copy of the template, we ran the salon setup and a new service with real requests.
-
Salon setup
salon-setupSwaps the demo salon for yours everywhere and asks for anything missing.
-
Booking links
booking-linksConnects every Book button to your booking app, per service and per stylist.
-
New service
add-serviceAdds a service with its time, three level prices and its own page.
-
Prices
update-pricesUpdates prices on the menu, the home page, the picker and the updated date.
-
New stylist
add-stylistAdds a stylist with level, specialties, portrait, license and booking link.
-
Our work
add-workAdds photos to Our work, each tagged Real client or Model.
-
Policies
policiesSets the cancel window, deposit, late window and redo rules everywhere they appear.
-
Headlines
edit-headlineRewrites a headline and refits each line on desktop, tablet and phone.
-
Barbershop
barber-modeTurns the site into a barbershop: labels, levels, services and structured data.
-
Reviews
add-reviewAdds a real rating or review with its source and date, and drops the Sample tags.
-
Search check
search-checkChecks titles, descriptions, headings, alt text and structured data before you publish.
-
Design rules
design-systemKeeps new pages and sections in this site’s layout, colors, type and wording.
-
Always on
defaultSends each request to the right skill and asks for facts instead of guessing.
What happens after you buy
-
Pay $69 on Contra. It’s a one-time payment.
-
The page that opens after payment gives you the template’s remix link.
-
Open the link while you’re signed in to Framer, and the whole project copies into your workspace.
-
Type “Make this site mine” in Framer AI with your salon name, city and phone, then swap the demo prices, stylists, photos and license lines for yours.
-
Point the Book buttons to your booking app, ask Framer AI for a search check, publish, and connect your own domain with a paid Framer site plan.
Questions about the hair salon template for Framer
How much does the Loring Hair Salon template cost?
$69, paid once at checkout on Contra. One purchase covers one website.
Do I need to know how to code?
No. You edit it in the Framer editor or ask Framer AI in plain English, and the skills tell the agent how the site is built.
Do I need a paid Framer plan?
Not to start: Framer’s free plan lets you edit the template and publish it to a framer.website address. Connecting your own domain needs a paid Framer site plan.
Does it work with my booking app?
Yes, through links. Every Book button can point to your booking provider, such as Square, Vagaro, Boulevard, Fresha, GlossGenius or Booksy, with its own link for each service and each stylist. Ask Framer AI to set them up.
Can I use it for a barbershop?
Yes. Ask Framer AI to switch the site to a barbershop, and the barber skill changes the labels, levels, services and structured data in one go.
Can I use it outside Minnesota?
Yes. The demo is set in Minneapolis. Framer AI swaps the city, address, hours and license lines for yours when you set up the site. Not legal advice. Check your state’s rules.
What is a Framer Agent Template?
A template for Framer that comes with skills, written instructions that tell Framer AI how the site is built. The agent keeps to the design and asks you for prices, license numbers and reviews instead of making them up.
How do I get the template after I pay?
The page that opens after checkout has your remix link. Open it while signed in to Framer and the full project copies into your workspace.
Can I use it for a client’s website?
Yes, for one website per purchase, your own or one client’s. For a second site, buy another copy.
Are the prices, stylists and reviews real?
No. Loring Hair is a sample salon, and its prices and review numbers carry Sample tags. Replace them with yours before you publish.
What if the template doesn’t work as described?
Email us within 14 days and we’ll fix it or refund you.
Who answers questions about the template?
We do, the people who built it. Email hello@magnetcreativestudio.com.
Loring Hair Salon
Made by Magnet Creative: a digital marketing specialist with 16 years of experience, a designer and a content specialist. Questions before you buy? Email hello@magnetcreativestudio.com.
$69 One-time paymentCheckout on Contra
See it on the Framer Marketplace
Framer and the Framer logo are trademarks of Framer B.V. This website is independent of Framer and is not authorized by, endorsed by, sponsored by, affiliated with, or otherwise approved by Framer B.V.