---
title: X Factor Documentation
description: X Factor Documentation
---

[![logo-xfactor.png](https://www.inturact.com/hs-fs/hubfs/Templates/X-Factor/x-factor-logov2-orange.png?width=149&name=x-factor-logov2-orange.png "logo-xfactor.png")](https://templates.inturact.com/x-factor?hsLang=en-us)

- [How It Works](https://www.inturact.com/x-factor/how-it-works) 
    - [Documentation](https://www.inturact.com/x-factor/documentation)
- [Basic Interior](https://www.inturact.com/x-factor/basic-interior) 
    - Level 2 Example
    - Level 2 Example 
          - Level 3 Example
- [Landing Page](https://www.inturact.com/x-factor/landing-page) 
    - [Landing Page 3 Column](https://www.inturact.com/x-factor/landing-page-3-column)
- [Blog](https://templates.inturact.com/x-factor/blog)
- [About](https://www.inturact.com/x-factor/about)
- [Pricing](https://www.inturact.com/x-factor/pricing)
- [Contact](https://www.inturact.com/x-factor/contact)

[![GET STARTED](https://no-cache.hubspot.com/cta/default/333468/ac372635-e271-479b-bf67-a6708ee372af.png)](https://cta-redirect.hubspot.com/cta/redirect/333468/ac372635-e271-479b-bf67-a6708ee372af)

[![logo-xfactor.png](https://www.inturact.com/hs-fs/hubfs/Templates/X-Factor/x-factor-logov2-orange.png?width=149&name=x-factor-logov2-orange.png "logo-xfactor.png")](https://templates.inturact.com/x-factor?hsLang=en-us)

<https://www.inturact.com/x-factor/documentation#right-menu>

- [How It Works](https://www.inturact.com/x-factor/how-it-works) 
    - [Documentation](https://www.inturact.com/x-factor/documentation)
- [Basic Interior](https://www.inturact.com/x-factor/basic-interior) 
    - Level 2 Example
    - Level 2 Example 
          - Level 3 Example
- [Landing Page](https://www.inturact.com/x-factor/landing-page) 
    - [Landing Page 3 Column](https://www.inturact.com/x-factor/landing-page-3-column)
- [Blog](https://templates.inturact.com/x-factor/blog)
- [About](https://www.inturact.com/x-factor/about)
- [Pricing](https://www.inturact.com/x-factor/pricing)
- [Contact](https://www.inturact.com/x-factor/contact)

[![GET STARTED](https://no-cache.hubspot.com/cta/default/333468/ac372635-e271-479b-bf67-a6708ee372af.png)](https://cta-redirect.hubspot.com/cta/redirect/333468/ac372635-e271-479b-bf67-a6708ee372af)

![hero-bg.jpg](https://www.inturact.com/hs-fs/hubfs/Templates/X-Factor/hero-bg-2.jpg?width=1700&name=hero-bg-2.jpg "hero-bg.jpg")

# Documentation

## Setting Up The X : Factor Template

- [How It Works](https://www.inturact.com/x-factor/how-it-works?hsLang=en-us)
- Documentation

### **Table of Contents**

- [Intro to X : Factor](https://www.inturact.com/x-factor/documentation#introduction)
- [Header](https://www.inturact.com/x-factor/documentation#header) 
    - Setting Up Your Logo & Menus
- [Footer](https://www.inturact.com/x-factor/documentation#footer) 
    - Setting Up Your Footer Menus
    - Setup Blog Feed & Company Description
- [Blog Details](https://www.inturact.com/x-factor/documentation#blogs) 
    - Adding Blogs
    - Other Details
- [Forms](https://www.inturact.com/x-factor/documentation#forms)
- [Get Help With X : Factor](https://www.inturact.com/x-factor/documentation#help)

### **Intro To X : Factor**

X : Factor is a premium HubSpot COS template that is professional yet simple. The focus of the template is on lead conversion for companies selling products and / or services.

### **Header**

#### Adding Your Menus & Logo

In order to setup your own menus in X : Factor you will need to create three new menus within your HubSpot portal. One will be for the main menu (top navigation) and the two others will be for the menus in the footer navigation areas (Product and Company menus).

Once these are created you will be able to then connect them to the template header. Additionally, the logo can be changed by simply changing out the image or swapping the module for the Logo Module that will replace it with the default logo of your HubSpot portal.

The X : Factor header consists of two menus and logo modules. One is for the desktop version and the other is the mobile menu. These two module groups will replace each other depending upon the device size. Be sure to replace the logo and menu for both menus.

Here is a video showing how to replace the logo and menus.

 

 

### **Footer**

#### Setting Up Footer Menus

As mentioned in the Header section. There are three total menus. Two of them you should setup for the footer menus that are currently labeled Product and Company. Once they are setup as menus in your HubSpot portal you can then replace them with your own.

 

 

#### Setup Blog Feed & Company Description

The Blog Feed in the Footer should pull in your own blog feed. This video will show you how to change that out as well as edit the other simple Rich Text modules in the footer area:

 

 

### **Blog Details**

#### Adding Blogs Posts

The X : Factor blog consists of background images that will automatically be replaced when a featured image is set. In order to demonstrate this below is a video of how to add a new blog post.

 

 

#### Other Details

Be sure to make your blog author images a perfect square. If they are not the circle images of the authors will become uneven and make ovals.

### **Forms**

#### **How To Show Form Labels**

The X : Factor forms use Placeholders in HubSpot as the form lables. Therefore when you create a new form make sure to have Placeholders specified in your forms otherwise you will not see the field lables. Here is a screenshot of how to add the Placeholder labels:

![Screen_Shot_2016-03-11_at_12.50.40_AM.png](https://www.inturact.com/hs-fs/hubfs/Templates/X-Factor/Screen_Shot_2016-03-11_at_12.50.40_AM.png?width=1024&name=Screen_Shot_2016-03-11_at_12.50.40_AM.png "Screen_Shot_2016-03-11_at_12.50.40_AM.png")

### **Get Help**

### Get Help with X : Factor

### **Documentation Menu**

- [Intro To X : Factor](https://www.inturact.com/x-factor/documentation#introduction)
- [Edit Header](https://www.inturact.com/x-factor/documentation#header)
- [Edit Footer](https://www.inturact.com/x-factor/documentation#footer)
- [Blog Details](https://www.inturact.com/x-factor/documentation#blogs)
- [Forms](https://www.inturact.com/x-factor/documentation#forms)
- [Get Help](https://www.inturact.com/x-factor/documentation#help)

#### GET TO KNOW X : FACTOR

X : FACTOR is proud to announce the newest features to the X: FACTOR community...

##### Read More

### Recent Posts

#### KEEP IN TOUCH WITH X : FACTOR

- ![Facebook-1.png](https://cdn2.hubspot.net/hub/342756/hubfs/Assets/Facebook-1.png?width=53&height=53&name=Facebook-1.png "Facebook-1.png")
- ![Twitter.png](https://cdn2.hubspot.net/hub/342756/hubfs/Assets/Twitter.png?width=54&height=54&name=Twitter.png "Twitter.png")
- ![Google-Plus.png](https://cdn2.hubspot.net/hub/342756/hubfs/Assets/Google-Plus.png?width=55&height=55&name=Google-Plus.png "Google-Plus.png")

##### PRODUCT

- [Overview](http://#)
- [Pricing](http://#)
- [Rresources](http://#)

##### COMPANY

- [How It Works](http://#)
- [Customers](http://#)
- [Blog](http://#)

#### CONTACT X : FACTOR

- 845.987.2289
- info@xfactor.com

© X : FACTOR 2015. All rights reserved.

SITEMAP | PRIVACY POLICY