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

HairClub - Total Solutions - a before portrait of an older man with significant hair loss inset into a current lifestyle shot showing off his excellent HairClub results.

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

Celebrity Testimonials

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.

HairClub - Our Difference - a man standing and running his right hand through his full head of hair - he is wearing a gray dress shirt

Accordion R / Image L

HairClub - What We Believe In - a man and a woman standing close together with an arm around each other's back, smiling at the camera - they are wearing burgundy HairClub Cares t-shirts.

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.

Learn More >

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.

Learn More >

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.

Learn More >

Man in a swiming pool

Accordion R / Image L W Content Block

 

HairClub - Solutions - Laser Hair Therapy - a woman with short black hair has both hands up to touch the thick, full hair on the back of her head.

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.

Learn More >

In just a few minutes a day, you can maximize regrowth and slow future hair loss with our effective topical regimen. Easy.

Learn More >

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 

HairClub - Hair You Will Love - a Hairclub Hair Loss Specialist professionally styling a woman's long black hair at a HairClub Center.

Hair You’ll Love, It’s What HairClub Does

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.

Cool Number
0
Cool Number
0
Cool Number
0
Cool Number
0

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

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.

Service Card Carousel

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.

For informational purposes only. The exact cause of hair loss can only be determined by a medical professional.

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.

For informational purposes only. The exact cause of hair loss can only be determined by a medical professional.

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.

Yes! HairClub® offers a satisfaction guarantee. Schedule your FREE consultation to learn more from our Hair Loss Specialist.

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.  

Play Video

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.

HairClub - Solutions 45 Years of Results - a professional HairClub stylist cutting and styling a client's hair.

Image L \ Content R

Hair Club for Kids - Learn - a portrait of a teenage boy in a grey polo shirt - he has brown hair, a short-styled haircut, and a big smile because of his HairClub hair loss solution.

Helping Children with Hair Loss Since 1992

Hair Club for Kids® helps kids enjoy their childhood without worrying about hair loss by providing non-surgical hair replacement services, completely free of charge, for kids 18 years of age and under. We want to ensure every child can go to school, make friends, play, and follow their dreams without feeling self-conscious about losing hair.

Image L (hide)\ Content R — This component is meant to be used directly after the header component and the image hides on mobile

HairClub -Which System is Right for You - 2 women and a man sitting inside, having drinks and chatting - each one has great-looking hair.

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.

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

A guy with good hair, wearing sunglasses at the pool

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.

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

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.

Mark Hill
Mark Hill
Chief Sales & Marketing Officer
Rich Narcisi
Rich Narcisi
Chief Field Operations Officer
Anna Goldberg
Anna Goldberg
Chief Financial Officer
Michelle Avis
Michele Avis
Chief Human Resources Officer