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
Real Results, No Gimmick: HairClub Changed Everything
Winning Against Hair Loss with a Solution That Fits His Fast-Paced Life
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
That’s 45+ years of researching hair loss, innovating and perfecting solutions, and achieving successful results. We know what works (and what doesn’t).
We assess your follicle health in person with our patented TrichoView technology to give you a comprehensive personal analysis you can’t get online.
We have different solutions for hair loss because everyone experiences hair loss differently. Whether you need preventative measures, non-surgical options, or surgical treatments, we’ve got you covered.
We only use the highest quality, most effective products, so we can be a one-stop-shop for everything from shampoos and styling products to customized hair systems.
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:
We welcome and support all people in every way that we can, leading with empathy, kindness, and respect which allows us to care for our members.
We speak openly and transparently, give weight to diverse perspectives, and put others’ needs before our own. Our knowledge and tenure in the industry allows us to give you assurance that you are in good hands
We bring passion and optimism to every interaction and strive to see new possibilities where others only see obstacles. We believe in our solutions and want to share them with everyone.
We maintain a bias toward action, and we’re always on the hunt for new and better ways to do things.
We are grateful for our clients and dedicated employees who fuel us with the urge to provide them with the best service possible.
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.
Combine your existing hair with new hair to give volume exactly where you need it. Treat it like your own hair and change styles like you used to with no fuss.
Give your hair an instant boost and increase its fullness by weaving lightweight, natural hair to your own. It’s easy to style any way you would like.
RestorInk scalp micropigmentation (SMP) uses a keratin and pigment blend to add color to your scalp, giving it the natural look of stubble from any distance. Great for short hairstyles.
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.
Increase microcirculation using lasers to stimulate hair regrowth, reduce further loss, and improve hair density and your overall hair health.
In just a few minutes a day, you can maximize regrowth and slow future hair loss with our effective topical regimen. Easy.
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.
Androgenetic alopecia, or hereditary hair loss, is the most common type. This progressive condition affects both men and women born with inherited hair follicles sensitive to a hormone called dihydrotestosterone (DHT). DHT causes hair follicles to miniaturize over time, producing thinner and finer hair.
Eventually, the follicles stop producing normal hairs, leaving only “peach fuzz.” Men with this condition typically notice a hairline that recedes or thinning at the crown. Women with androgenetic alopecia don’t always follow a recognizable pattern but may see a widening part, overall thinning, or patchy hair loss.
Alopecia areata is an autoimmune condition where the immune system mistakenly attacks the hair follicles, causing hair loss on the scalp, face, and other areas of the body. Alopecia areata can occur in multiple family members, suggesting genetics play a part in this condition. It affects both men and women and often first appears in childhood.
Cicatricial alopecia, or scarring alopecia, refers to a group of rare disorders that destroy hair follicles and replace them with scar tissue. Most forms of the condition first appear as small patches of hair loss that may expand over time. Many African American women suffer from this condition. While these disorders affect a small population, they can result in permanent hair loss.
Involutional alopecia is the gradual thinning and hair loss that comes with age. Over time, more hair follicles move into the resting phase, and the remaining hairs become shorter, finer, and fewer. Involutional alopecia is the second most common type of hair loss.
Traction alopecia results from damaged hair follicles due to constant tension or pulling over a long time. Repeatedly wearing tight hairstyles like ponytails, buns, or braids can cause traction alopecia. This condition typically occurs near the temples or along the hairline. African American women often experience this type of hair loss at their edges, the hairline area that goes from ear to ear and frames the face.
Anagen effluvium is the sudden loss of hair during the growing (anagen) phase. This condition may be caused by exposure to chemicals or toxins such as those found in chemotherapy or radiation for cancer treatment. It is generally reversible, and hair typically regrows within 1-3 months, but some hair loss can be permanent.
Telogen effluvium occurs when hair follicles are prematurely pushed into the resting (telogen) phase of hair growth. This condition is usually due to an acute external factor such as physical trauma, surgery, major illness, or other intense stressors on the body. It typically appears as diffuse thinning across all areas of the scalp and, in many cases, is temporary and reversible.
COVID-19 and pandemic-related stress can lead to hair loss, with up to 60% of infected individuals experiencing shedding. The shedding, known as telogen effluvium, typically occurs 1-2 months after infection and resolves within 2-6 months. Other effects of COVID-19, like weight loss, nutritional deficiency, stress, disturbed sleep, and medications, can also contribute to hair loss. Consult a healthcare provider if hair loss is severe or hair doesn’t regrow on its own.
Hypotrichosis is a condition where there is no hair growth from the time of birth. Rather than having hair and losing it over time, people with hypotrichosis never grow any hair. This condition is thought to be caused by a genetic deviation during fetal development.
Scalp folliculitis is usually due to a bacterial infection. It occurs when hair follicles become inflamed due to blockage or damage. Follicles may be surrounded by a ring of inflammation and look like acne. In the early stages, hair may still be present in the follicle, but as the condition progresses, it will fall out. In severe cases, the inflammation can permanently damage hair follicles and result in hair loss.
Trichorrhexis nodosa is characterized by weak points, or nodes, along the hair shaft. The nodes cause hair to break easily, leading to the appearance of thinning hair or patchy hair loss. The condition can be triggered by harsh styling practices such as the overuse of chemicals and heat styling tools. In some cases, trichorrhexis nodosa may be caused by underlying medical disorders such as thyroid problems, an iron deficiency, or a buildup of ammonia in the body.
Trichotillomania is an impulse control disorder that drives individuals to pull out their own hair compulsively. Typically, trichotillomania results in patchy bald spots on the scalp, eyebrows, and/or eyelashes.
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.
Non-Surgical Hair Restoration: What Every Man Should Know
5 Proven Hair Regrowth Methods for Men
Best Vitamins for Hair Growth: What You Need To Know
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?
Aging can cause hair to thin. Over time, more hairs transition into the resting phase of hair growth while the remaining hairs become shorter and thinner. This process is called involutional alopecia.
Certain medications can lead to hair loss, including blood thinners and medicines for heart problems, blood pressure, and depression.
Scars left from accidents, burns, and surgery can prevent hair from growing.
Numerous medical conditions can cause hair loss, including thyroid disease and autoimmune diseases like lupus.
The trauma surrounding life events, such as losing a loved one, can cause hair to fall out.
Some chemotherapies and radiation therapies can cause your hair to fall out.
A lack of protein and iron in your diet can contribute to hair loss, as can eating disorders like bulimia and anorexia.
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
HairClub FAQs
Absolutely! We love when prospective HairClub clients bring associates to HairClub. Our Hair Loss Specialists will consult with you and your loved ones, who often share valuable insight about the lifestyle specific to you.
You’ll receive a comprehensive Hair Health Analysis that includes a visual examination of your scalp and hair with TrichoView®, our state-of-the-art imaging tool. Our Hair Loss Specialists will determine your stage and type of hair loss. Then, together, you can choose the best solutions that meet your lifestyle and budget. Your consultation is a valuable part of your journey towards getting the hair you want. It lasts approximately 45 min to one hour.
TrichoView is an in-depth and magnified analysis of your hair and your scalp. It creates a baseline that serves as a starting point for your hair journey. This baseline will provide a comparative analysis for the next 12 months. In follow-up visits, we can compare TrichoView images to view progress in real-time. TrichoView includes five photos in front of a blank canvas, with the same five photos taken each month. This allows us to focus your maintenance and improvement on areas of concern and overall hair growth. On each visit, you’ll receive a TrichoView score. The video scope magnifies the scalp by 50 times what the naked eye can see. TrichoView also shows us your hair groupings, the amount of hair growing out of one pore. This imaging reveals the difference between the thickest and thinnest areas of the scalp. TrichoView also provides images of miniaturized hair. This is hair that is actively growing but no longer as thick or healthy. Even miniaturized hair is a positive sign because it means the hair is still growing. Where there is naturally growing hair, we can rebuild and replenish it.
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
Component Catalogue
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.