Component Catalogue page
Outline and instructions for use of template components available.
Buttons
Buttons are global components and can be added to any page via the page editor in the global components tab. Users need to unlink the button from the global component in order to edit it. Failure to unliknk the button will make you edit the global component
Breaker Bars
Breaker bar components are text based and can be edited via the page editor. They do not reference any external elements or sources.
1st component below hero only
Add Your Heading Text Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet
In page breaker
Add Your Heading Text Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Quote Breaker
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Video Component - Video L / Text R
Video components can be edited via the page editor. Users need to provide the appropriate video Youtube link as well as the static image, along with any accompanying text
Get to Know the Hair Growth Cycle
Everyone sheds hair daily. That’s perfectly natural. Our hair growth cycle occurs in four ongoing phases: growing, transitioning, resting, and shedding. Noticeable hair loss occurs when that cycle is disrupted by a cause or a condition that can lead to overall thinning, patchiness, or a receding hairline.
Solutions Component
The solutions component is fully editable via thepage editor and does not reference any external data sources. Users need to supply the image as well as text for the component. Users also need to manually connect the links and icons
One Solution Doesn’t Fit All—You Just Need the One that Fits You
Everyone experiences hair loss differently. That’s why we use TrichoView®**, our patented hair analysis tool, which uses science to evaluate your hair loss and determine the best personalized solution to get you hair again. Take a look at our treatment options.
Testimonial Component
The testimonial components are loop items that reference ACF Fields. Once you place the component on page you need to go into the loop item and adjust the query based on the desired items to pull in. There are two different components that reference different data in the ACF fields – one for regular testimonials and one for celebrity testimonials
Testimonial Component
A Difference You Can See and Feel
Finding Freedom and Confidence with Xtrands+®
Supportive Care and a Hair Replacement Solution That Works
Celebrity Testimonials
Rediscovering Confidence with Personalized Hair Loss Solutions
Accordion Components
Accordion components are fully managed via the page editor. Users will need to replace the image as well as the content.
Accordion L / Image Right
The HairClub Difference
Accordion R / Image L
What We Believe In
Hair loss is a highly personal and emotional experience, so we must uphold the highest standards while leading with care, expertise, and encouragement. We do that by staying grounded in our following core values:
Accordion L / Image R W Content Block
Hair Replacement
Think your hair is too far gone to do anything about it? Or maybe your hair loss is more moderate, but you don’t want to fuss with surgical or regrowth options? Hair replacement gives you real, natural-looking hair fast and puts you in control of your looks.
Accordion R / Image L W Content Block
Prevention & Regrowth
Whether your hairline is starting to recede, or your hair just looks thinner than you would like, it’s not too late to do something about it. Our preventative and regrowth solutions can help stop early hair loss with safe and effective treatments you can do yourself in the comfort of your home.
Tab Components
Tab components are fully managed via the page editor. Users will need to update the image as well as the content on each individual tab
Tab R / Image L
Hair You’ll Love, It’s What HairClub Does
We give you hair you’ll love so you can live life confidently. Using the latest hair analytics techniques, we provide cutting-edge solutions that match your needs. We are your one stop for total hair solutions.
We have treatments that work for all genders, ages, ethnicities, and types of hair loss to help you look and feel your best. So whether you’re seeking a subtle change or a complete transformation, HairClub is committed to providing tailored solutions to get you hair and deliver natural-looking results.
It all started over 45 years ago when our founder, Sy Sperling, faced his own hair loss challenges. Not satisfied with the ineffective treatments at the time, he set out to create a better solution—and a better experience.
Over the years, we’ve extensively researched hair loss, evolving our solutions and adding new ones, each proven safe and effective, to give more people more control over their hair loss. Transforming the lives of hundreds of thousands of men, women, and children one head of hair at a time. Thanks, Sy!
At HairClub, we will get you the hair you want. We start with an in-person consultation where we use our proprietary TrichoView technology to provide an in-depth analysis of your hair health. This helps us determine what options are available to you and best meet your needs and expectations. Then we develop a fully individualized plan just for you. From day one, you are in the hands of our friendly and talented Hair Loss Specialists. They’ll administer the treatment, style your hair how you want and provide ongoing care so you always love your hair and the way you look. Come visit any of our 120+ locations in the U.S., Canada, or Puerto Rico to see what we can do for you.
Tabs with accordions
Understand Conditions that Cause Hair Loss
Certain medical conditions may be to blame when it comes to hair loss. We recommend talking to your doctor if you suspect you’re dealing with one or more of the conditions listed here.
Step Counters
Add Your Heading Text Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
01
Add Your Heading Text Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
CTA LINK >
02
Add Your Heading Text Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
CTA LINK >
03
Add Your Heading Text Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
CTA LINK >
Cards
Card components are self contained and fully manageable via the page editor. Users can adjust the Icon / Title / Content and button
Add Your Heading Text Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Counters
Counter components can be edited via the page editor. They do not reference any external elements or sources.
Simple counter
Add Your Heading Text Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Percent Counter
Add Your Heading Text Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Add Your Heading Text Here
Add Your Heading Text Here
Add Your Heading Text Here
Full Width Carousel
Carousel Components reference data from the ACF fields. Nothing within them is editable via the page editor. You must add new items to the appropriate post type in order for it to be selectable / included within the carousels.
Once you place a carousel on page you can then select the appropriate query via the loop item
The Before / Now Carousel references the “Real Results” Post type
The Celebelrity Video Carousel references the “Celebreties” post type
The Image & Content Carousel references standard posts and can be filtered by terms
Before / Now Results carousel
|
|
|
Celebrity Video Carousel
Add Your Heading Text Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Image & Content Carousel
Hair Loss Analysis
TrichoView
Custom Report
Card Carousel Components
Card Carousel Components reference data from the ACF fields.The only content editable via the page editor are the icons, headings, descriptor text and buttons. You must add new items to the appropriate post type in order for it to be selectable / included within the carousels.
Once you place a carousel on page you can then select the appropriate query via the loop item
The Card Carousel \ No links references default posts that can be filtered leveraging terms
The Service Card Carousel references the “services” post type and can be filtered by terms
The Ludwig and Norwood carousels reference the “Norwood Scales” post types and can be filtered by terms
Card Carousel \ No Links
Add Your Heading Text Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Reasons Your Pillowcase May Be Damaging Your Hair
DIY Natural Hair Masks for Hair Growth and Thickness
Is Hair Restoration Worth It? Here’s What to Actually Expect
Service Card Carousel
Get to Know Our Hair Replacement Treatments
Come see a Hair Loss Specialist to find out which of our cutting-edge solutions is right for you.
Ludwig Scales
Where Do You Fit on the Ludwig Scale?
To help women better understand their hair loss, Hair Loss Specialists often refer to the Ludwig Scale, which shows how female pattern baldness progresses. This scale separates women’s hair loss into three levels based on severity.
Grade 1
Grade 2
Grade 3
Norwood Scales
Where Do You Fit on the Norwood Scale?
The Norwood (or Hamilton-Norwood) Scale is one of the leading ways to classify male pattern baldness. It’s an easy-to-reference guide to help men understand the progression of their hair loss. This scale groups men’s hair loss into seven classes, from no or minimal loss to advanced balding.
Stage 1
Stage 2
Stage 3
Stage 4
Stage 5
Stage 6
Stage 7
FAQ Components
FAQ components can be edited via the page editor. They do not reference any external elements or sources.
2-Column FAQ
What Else Causes Hair Loss in Men?
The information provided in this page is general in nature and widely available. All content is provided for informational purposes. The exact cause of hair loss can only be determined by a medical professional.
Full Width FAQ
How it works
How It Works can be edited via the page editor. They do not reference any external elements or sources.
How it works component includes title body copy, video as well as numbered steps
How Xtrands+ Works
Wondering what to expect? From your initial consultation to personalized treatment and ongoing care, your Hair Loss Specialist will guide you through the step-by-step process. All along the way, you are in expert hands. Here’s a quick overview.
01
Get Your Hair Assessment
Visit us for a complimentary, comprehensive hair assessment to determine if Xtrands+ is right for you, and we’ll tailor treatment for your needs.
02
Customized for You
We analyze your hair color, texture, and density so we can match it exactly and expertly craft your Xtrands+ hair system using our proprietary Strand-by-Strand® process.
03
Your Hair is Blended and Styled for the New You
We add your Xtrands+ on with our medical-grade Polyfuse® and blend the hair system so your hair is undetectable in your preferred style. Now for the best part. Get your new hair cut and styled by a pro. Come back every 4-8 weeks for routine checkups and change your look as often as you wish.
How it works – steps only component does not include hero content or a video
01
Get Your Hair Assessment
Your hair regrowth coach will see you regularly to track progress and receive scalp treatments, personalized conditioning formulas, and professionally styled haircuts.
02
Easy Five-Step At-Home System to Promote Regrowth
You’ll get a shampoo, cleanser, conditioner, supplements, and rejuvenator with FDA-approved Minoxidil to prevent further hair loss and encourage hair regrowth.
03
Return for Styling with Your Professional Hair Regrowth Coach
Your hair regrowth coach will see you regularly to track progress and receive scalp treatments, personalized conditioning formulas, and professionally styled haircuts.
Image & Content Components
Image and Content can be edited via the page editor. They do not reference any external elements or sources. Users need to supply the image / title / copy and can either delete or keep the button
Image R \ Content L
With Over 45 Years of Results, We Know How to Get Your Hair Back
It all starts with your comprehensive in-person hair analysis with our Hair Loss Specialists to identify the issue and find the solution that works for you the first time. No guessing. No wasting time. So we can get you hair you can’t wait to show off again.
Image L \ Content R
Helping Children with Hair Loss Since 1992
Image L (hide)\ Content R — This component is meant to be used directly after the header component and the image hides on mobile
Are HairClub® Hair Systems Right for You?
Whether you’ve already tried every other treatment for hair loss or just want to see results quickly, hair replacement puts you in complete control. Perfectly matched with your existing hair to quickly add thickness, fullness, and density, it looks and feels like it’s all your own.
- Ideal for moderate to advanced hair thinning or loss
- Restore hair quickly with safe, non-surgical options for virtually anyone
- Choose the length of hair you want and change styles when you want
Not Sure if This Solution is for You?
Education Icon Component
Education Icon component can be edited via the page editor. They do not reference any external elements or sources.
Common Causes of Hair Loss
While a majority of hair loss is caused by genetics, many other factors could be at play. Here are a few common culprits that cause hair loss or can make it worse.
Diet
What you eat is important. A deficiency in specific vitamins and/or minerals could contribute to hair loss. Some key nutrients for your hair include B vitamins (particularly Biotin), vitamin D, iron, zinc, protein, and essential fatty acids.
Hormonal Changes
Fluctuating hormone levels in women may cause or contribute to hair thinning or loss. These changes can often occur postpartum or be attributed to perimenopause, menopause, polycystic ovary syndrome.
Medications
Causes of hair loss can often be traced back to prescription drugs or medical treatments, though determining the exact one can be hard to identify. Consult with your doctor if you think your medications might be to blame.
Stress
While everyday stress doesn’t usually impact your hair, Telogen Effluvium, Trichotillomania, and Alopecia Areata are three types of hair loss associated with high stress levels. Managing stress can help hair come back.
Styling Practices
Frequent use of harsh styling practices can cause breakage and make hair fall out. Some of the most damaging include wearing tight hairstyles for extended periods, chemical treatments, and incorrect use of hot styling tools.
Genetics
Men and women’s hair loss can both be strongly influenced by genetics. Known as androgenetic alopecia, it can be inherited from either parent. Understanding your family history can help you take the necessary action early.
Illness
Certain illnesses like thyroid disease, autoimmune diseases, or severe infections can disrupt the hair growth cycle. Similarly, treatments like chemotherapy can also result in hair loss. See your doctor if you think there is an underlying issue.
The information provided in this page is general in nature and widely available. All content is provided for informational purposes. The exact cause of hair loss can only be determined by a medical professional.
Quiz Component
The Quiz can be edited via the page editor. They do not reference any external elements or sources.
You do need to pass through the answer values within the button / selections via query string parameters in the form of:
“/?q=#&a=#”
where you replace the # with the appropraite value
Take Our Hair Loss Quiz and See What’s Possible for You
Answer a few questions to get a quick assessment and set yourself up for a discussion with our Hair Loss Specialists.
When did you first notice your hair loss?
Page Header Components
The header can be edited via the page editor. The image header references the breadcrumb component and should not be changed
For the image header you will need a desktop and a mobile image which are set on the Background container in the style section
Image Header
Add Your Heading Text Here
Header w/o image
Add Your Heading Text Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Video Carousel Component
The video carousel component leverages a media carousel that you can add either self hosted or external videos to. In order to display the text below the carousel item, you need to upload a cover photo with the desired text elements in the description field.
You can add simple html elements to the description like <b></b> to bold the name
Add Your Heading Text Here
Executive TeamComponent
Component is comprized of two sections
Image and text block and a team component.
The team members are pulled dynamically from the Teams custom post type. You need to add their Name as well as their position and a featured image. Then assign them to the correct “team” in ofrder for them to pull through
Add Your Heading Text Here
Add Your Heading Text Here
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
