One of the most popular DIY WordPress themes. Tbwhs.com puts this WordPress framework to the test! Find out all the features this WordPress framework has.
If you’re looking for a DIY WordPress framework than I am sure at one time you have heard of the Headway theme. About four months ago I got to toy around with the Headway theme for a client. I was glad I did because this is one of the greatest WordPress themes I have ever gotten the chance to use. It appealed to me because of the drag and drop features. You don’t need to know anything about coding to use this theme, and a lot of novice to advanced web designers are signing up for Headway.
Here a video that gives you a sneak peak inside Headway:
But, if you’re like I was four months ago, you weren’t sure if it would be a good fit for you. Over the years I have seen a lot of similar WordPress frameworks that promised everything Headway promised. I was hoping this wouldn’t be another “let down.” After reading this full Headway review, you should have a clear understanding of all the features this WordPress framework has. Then you will be able to decide if it will work for you?
Grid Mode
Grid mode is probably the most appealing feature about Headway. You can draw out exactly how you want your website to look. Meaning that if you want a header, body content, navigation bar, sidebar, and footer you can easily just drag and draw your design. If anytime you want to resize your content box, sidebar, header, and footer you can easily do so by editing it in grid mode. What I like to do is go to a website I want to mimic. I will look at the source code and get the dimensions of each box. Then I draw out the layout in Headway.
So, first start by dragging your first box. It makes no difference if you want to move your blocks around. You have the flexibility to do so whenever you want. This is great for clients that can’t make up their mind on how they want different elements to look on their site. You can then define the block type. The following block types can be assigned to your block:
Header. This is just a header section. You can choose your banner/logo, automatically resize header image, or hide the tagline.
Navigation. With the navigation block, you can create a block and assign your menus in WordPress to this block. You can insert a search box, home link, adjust the orientation, and dropdowns.
Breadcrumbs. There is a block just for breadcrumbs. You can configure your prefix, prefix text, and separator.
Content. There is a block for content. It is where the body of your content goes. You can have many different content blocks, too. Use it any way you see fit. Assign query modes to it. Adjust your display settings, read more text, show titles, link titles, show read more, show content or inserts, make comments visible, featured post, show older/newer post navigation, show single post navigation, show edit link. Also, you can enable column layout too. Adjust your meta display (above content or below content), date format, adjust your comments metas. You have full control over the comment areas. For instance, you can adjust your comments area heading and reply area. Adjust featured images. Show featured images, adjust the orientation, adjust feature image size, adjust image height ratio, and crop featured images.
Widget Area. The widget block allows you to insert a widget where you can adjust in your WordPress settings. Adjust the widget horizontally or vertically. Show titles or hide titles.
Footer. The footer block allows you to add a footer. You can show admin link or login, the show goes to the top link, hide Headway attribution, show copyright, and insert a custom copyright.
Slider. There is a slider block. This gives you the flexibility to add in your right-handsliders. They are fully customizable, insert your image, hyperlink them, open link in new window, caption, title attribute, alt attribute, and randomize your image order. Adjust your animation (horizontal vertical, or fade). The animation speed can be adjusted in ms (milliseconds), automatic slide advancement, and the time between slides (in ms).
Embed. The media block is good for including videos and images. YouTube, Vimeo, Flickr, blip.Tv, Hulu, and much more. There isn’t a limit to what you can add in the embed block.
Pin Board. It is a block that used to be extra which you had to pay an extra $30. Now with Headway it’s free. Kind of like Pinterest you can define your own “pins” with this block element. You can adjust the layout (columns, gutter width, pin bottom margin, and pagination. You have full control over the titles, the position of the titles, whether or not the titles link to post, show excerpts, featured image, meta author byline, meta categories, date and time, meta for posted, and relative times. You have full control over the images and the actions that happen when people click them. You can have them open up the page, original popup image, and crop vertically. Adjust your scrolling (infinite scrolling or hover focus). Assign social elements to your pins (such as pin it on Pinterest, Twitter button, Twitter username, Twitter hashtags, and Facebook Like/Share Button.
Custom Code. Insert your own custom code.
Text. Insert your own text with a visual text editor.
Image. This block allows you to add in your own image, automatically resize image, image title, alternate image text, hyperlink the image, and position the image.
Search. Insert a search box, show search button, define button text, and input text placeholder.
Listing. Configure the taxonomy (category, tag, etc.3). Then you can filter your taxonomy by a number and select ascending or descending. You can then exclude or include different pages or post.
Social. This block allows us to insert social media icons. There are three different options peel icons, soft social, and custom icons. You can then position the icons, specify the orientation, vertical space, and have the option to use SVG. Currently Headway supports Delicious, Dribble, Facebook, Flickr, Google +1, Instagram, LastFM, LinkedIn, Pinterest, RSS, SoundCloud, Tumblr, Twitter, Vimeo, and YouTube.
Mirror Block, Import/Export Settings, Custom CSS, Make Your Site Responsive
You can mirror blocks so that they have the same attributes that other blocks have. If you decide you want the content blog to be a widget you can easily switch the block by right clicking on it and then clicking “switch block element.” Assign a block alias, or even insert custom CSS (advanced or basic). Import/export your block settings are very easy to do. Just simply click import settings or export settings. You can configure breakpoints to make your website responsive.
Fluid or Non-Fluid
You have full control over all types of elements on your website. For instance, you can make your wrappers fluid or not fluid. You do this by right clicking the wrapper and then simply clicking fluid or changing it back to not fluid.
Snapshot
However, one of the coolest parts to Headways grid editor is the ability to save your progress once you get to a certain point. There is a “snapshot” feature that allows you to save your changes and revert back to any point where you made a key change. This can really come in handy if you mess something up big time or have a client that is always asking you to switch back and forth between different stages of the design. Believe me, I have used this feature over and over again and love it!
Headway Video Training
I’m just trying to cover the basics of the “grid mode”. There are tons and tons of changes you can make that I haven’t even covered yet. If I was to write every single feature of the grid mode this Headway review would be well over 10,000 words. However, you are in luck if you do decide to go with the Headway theme because the theme comes with all kinds of documentation. Support is very helpful and has even helped me a number of times. Just in case, you have the extra money and would like to spend it on video tutorials I have found a pretty cool site designed by Corey Freeman at https://headway101.com/
Design Editor
The design editor is a separate tab that is a key part to the Headway framework. It is where you are going to make all of your visual changes. Unlike the grid editor, it is just where you customize all the visual components. For example, any block that you have defined in the grid can easily be customized to your liking. MTakes it a breeze customizing your sidebars, headers, body content, footers, etc. I am going to go into full detail on how this works and how you can use the design editor.
Whenever you are trying to change different elements on a lot of WordPress themes it seems to be extremely hard to do if you don’t know anything about CSS. You first have to find the element and then use a custom CSS plugin to make the changes. However, with Headway it’s as simple as finding the element you want and right clicking on it. Then you click on edit this instance.
From there you will have a sidebar that you can tinker with the settings. For example, if we want to change the background of a specific block we will right click on the block. Once we open that instance we can open up the background customization by clicking on background. Then you will see the option to change the color (by clicking customize). You would then put in your HEX color that you want.
Navigator
Let’s say we want to make changes on our widget area. Rather than clicking on the block and then making the changes that way, we can always use the navigator. This will show us headings, widget area, content blocks, etc. Then we click on the editing the make the changes.
Styles
This block will show us all the changes that have been made to the block that we specify. So lets say we have changed the background area in the content block. We want to use that same color in the widget area. We click on the background area and then styles to find out what color the background is.
One really cool thing about Headway is you can cut and paste the styles and use them on the different blocks. This means you don’t have to manually add all the customizations over from block to block. When I first learned this little trick I didn’t realize how easy it actually was. To do it you simply select the block you want. When you’re in styles you just Ctrl+C and Ctrl+V to cut and paste (for Mac users use COMMAND+C and COMMAND+V).
Managing Different Pages
Let’s say we have a page we want to customize without changing the layout of the entire site. We can easily do that by clicking on the page that we want to edit. Then we copy the layout of the page and start making our changes by edit different instances. Makes it very flexible with different pages that we want to look different. No longer do you have spend hours making tons of changes to one specific page to get the result you’re desiring.
Shared Layouts
Of course you can always define shared layouts and use them on multiple pages. To do this you going to go to your page you want to change and then click on shared layouts. Once you have done that you need to make sure you click on use this instance and then in your WordPress page/post dashboard you’re going to want to select the dropdown that says use shared layouts.
You can not edit shared layouts when they are active. If you want to make changes to it you have to disable the layout and then make the changes in the Headway design editor.
Custom CSS
Gone are the days of having to install another plugin to insert your custom CSS. Headway has this feature built right into their framework. You can click on the custom CSS and then cut and paste your code into it. There is also a feature in Headway that will show you if there are any errors in your custom CSS.
Snapshot
Just like grid mode, you can use snapshot on the design editor. Snapshot is great for setting up restore points where you liked everything. It will automatically setup your restore points in a snapshot. However, you do have the flexibility to name the snapshots something more meaningful other than the date of the snapshot. It works ideally for those clients that can’t make up their mind on what color pallet they want to use. That or key changes that you don’t want to have to keep resetting just to see how it looks.
Support
I briefly touched on the support with Headway in this review and want to make it perfectly clear that you can expect very good support with this WordPress framework. I have asked a handful of question on their forums about some custom code or changes I wanted to make. Their support team answered my questions in usually 1-4 hours. They showed me exactly what to do and even wrote the custom code I would need to get the job done.
As far as documentation is concerned you will get documentation for everything. They have a huge help section that covers everything you could possibly want to do in Headway. Actually, it’s kind of overwhelming with all the content they jam pack into it!
Updates are being rolled out every couple weeks to insure that your site works with the latest WordPress updates.
Extras
There are many “extras” you can purchase with Headway. You can purchase pre-made themes and then tweak them to your likings. It’s a good idea to purchase a couple of extras if you want to have a starting point on any site you’re designing. I will go into further details about the templates and extra blocks that you can purchase.
Pricing
Clearly, if you’re looking for DIY WordPress theme Headway is a great option (see my BoldGrid review for a free option). Everything is insanely easy to use, and you have all the support you will ever need. Really, I feel they should be charging several thousands of dollars for this framework. It’s just that good. However, they do have a number of pricing plans you can purchase.
- The personal plan (1 site) is $59.
- The Business plan is $99 (3 sites).
- The developer plan is $199.
All licenses require a renewal after one year or 365 days. The Headway framework does come with a 14 day money back guarantee if you’re not completely satisfied with the service.
Showcase
Here is showcase of what you can do with Headway:
Don’t just take tbwhs.com’s word for it
This Headway WordPress review shows that people are very happy with the Headway framework. In fact, they compare it with Ultimatum, Builder, Pagelines, CarringtonBuild, and Presswork and it ranks right up there with all the DIY WordPress builders.
Athemes.com and Nathalielussier.com have also written a nice review about Headway.
Final Thoughts
So, do I recommend that you purchase Headway? Yes, I am 110% sure you will be happy with this framework if you buy it. Ideally, you can create any website, and Headway is your best bet to get the job done. The price tag for Headway is priced within a lot of webmasters budgets, support is excellent, comes with so many features, and you have the option to buy extra bells and whistles if you want them. You can visit Headway by clicking here. They have an ever growing client base since 2009, and there isn’t any reason you won’t love this WordPress framework.
Dillion says
Wow, this really looking amazing. I would like to try it out before I purchase it. Is there any kind of working demo that I can go to?
Garen says
Actually, yes you can try Headway before you buy it. I actually did this a about 7 months or so ago. The demo link can be found at:
https://demo.headwaythemes.com/
They will ask you for your email and then send you a link where you can test out the WordPress framework to see if it will be a suitable solution for your needs.
Hope this helps, and please let me know if you have any questions about Headway. I have been using them for about 7 months. I love it! It is really an awesome WordPress framework. You can pretty much mimic anything you or any of your clients want done.
Support with them is excellent too!
Red Ryu says
Not saying you couldn’t want something like this but I do have to question why every voting system put it 5 out of 5 in every category yet I have no idea where the votes came from.
I like what this theme can do but unfortunately it seemed like it was mostly done on an apple mac instead of a windows operating system. I do like what it can do but it seems like something I’m not as interested personally and unless I can figure out exactly where the votes are coming from I wouldn’t put faith in them.
Cool theme just not for me to be getting right now.
Garen says
Hey Red,
Good questions. The votes are from people that have used the service. There is my the editor review which is my own personal take on Headway which I have used for about 7-8 months.
It really is a great framework which has allowed me lots of flexibility over the years. At some point might want to check out the demo and see if it will be a good fit for you. Lots of other websites have also rated the framework great.
Thanks for taking the time out of your day to leave a comment.
Amina Avril says
This looks like a great option to maximize efficiency of layouts. I really do like that you can basically jot out how you want your website to be presented,
it takes away the fuss and uncertainty involved in creating an effective site. I feel that flexibility is exceedingly important when designing and arranging a website. The design editor and grid editor make for great tools used in conjunction to better develop the website and customize all of the little details.
The only thing is that I wish there was a little more information given in regards to custom CSS. I think we all know that additional CSS can make or break one’s website. It would be interesting to see how the CSS function works in addition to the other functions listed.
Garen says
The Live CSS visual editors works the way a lot of other WordPress plugins do. One huge advantage with Headway is you don’t have to install another plugin on your website. It all comes right out of the box with Headway. I have used the CSS visual editor to make some custom changes to the header, and support gave me the exact CSS I needed to insert to get the desired results.
Judy Workman says
Looks like a rather easy platform. It is good that you can try it out before you buy. A lot of them are something you can’t use or don’t like after you get them. I like the fact that you can draw out exactly how you want your website to look, plus you can move your blocks around. I always have trouble getting my websites to look like what I want them to. With some of my footers on my websites I couldn’t change them the way I wanted. The embed block is another good feature. It sounds like this one has almost if not everything you need for a site.
Garen says
Hey Judy,
Thanks for stopping by and leaving a comment. It really does making designing websites a breeze.
Marlon Andrew says
This site is always so informative and have helped me out before. Although this Headway theme looks really good I don’t think it is for me at this time. I see that it gets a five out of five in ease of use but to me anything that requires watching hours of videos to learn is not that easy.
As I have recently started my blog I will stick to the free themes for now in another year or so I might look to upgrade and I will remember this website.
Garen says
Hey Marlon,
Yes it is a premium WordPress theme, but whenever you feel like venturing away from the “free” WordPress themes this framework can help you design a WordPress theme that doesn’t look like every other website you see floating around the internet.
You don’t have to watch hours of videos in order to use Headway. Those tutorials are from a site I found that shows you the ends and outs of doing anything and everything you could possibly want to use create with Headway.
Headway does have very in-depth documentation that shows you how to use their framework though.
John Marston says
Headway is definitely DIY friendly. The support forum is excellent. Very responsive folks.
It is a bit of work, but I enjoyed the idea of learning something like this. Coupled with the realization that I’m not going to get what I want unless I do it myself, I feel fortunate that I went with Headway.
Garen says
I agree DIY themes can be a ton of fun. Glad you are liking Headway.
Dyson says
Could you please tell me how much Headway is. This WordPress theme does look very interesting, but I am confused on the pricing. It looks very interesting and something I might really want to purchase. I checked out the pricing plan but I am a little confused on how this works? Is there a yearly fee?
Garen says
The developer plan is for one website. This will cost $59/year. The developer plan is $99/year. It will support three sites. The business plan is $199/year. There is not a limit to the number of websites it can support.
When I renew my business plan I tend to do it around Thanksgiving or Christmas where I can usually get it for 40-60% off. Which actually makes it the price of the developer plan.
I hope that helps 🙂
Nelson says
I really want to purchase this theme, but the problem is I haven’t seen any kind of refund policy. Do they have one. What is it?
Garen says
I actually checked with Headway on this question because I didn’t know the answer to it. I found out that Headway generally doesn’t have to give you a refund on them if you do decide to purchase their framework.
However, it does state that they will consider you for a refund within 14 days. Also, you should try to resolve your issue through their forum,.
However, they do offer a demo where you can toy around with their framework before you buy it.
Mark Dlugozima says
Can you tell me if Headway will work with Store Locator Plus plug-in? I want to set up a national directory of therapists, where a site visitor enters their zip code and is presented with 3 local therapists. When they click on one, the chosen therapist’s landing page is served up that shows name, map, contact info, bio.
Garen says
Yes, it will work with Headway. Their support can help you if you have any problems with it too 🙂
JG “HolisticJB” Baigent says
Great article. I love Headway. I found it a little confusing initially. Maybe because I was too used to pre-designed WP themes with little to no flexibility. But now I adore it, and on my newer sites, its all I use and they all have a look and feel of their own.
You explain the features extremely well, and you’d convince me if I hadn’t heard of it. I agree totally 5 out of 5 all the way.
Are there any others out there like this you recommend? Or is this a model on a pedestal?
Jason
Garen says
Glad to see you are also happy with Headway. I actually wrote a post a while ago that mentions some other great WordPress themes I have used over the years:
https://blog.tbwhs.com/best-wordpress-themes-business/
Also, there are some really great Free WordPress themes if you’re on a tight budget:
https://blog.tbwhs.com/top-free-wordpress-themes/
Peter Wolf says
Great review Garen. There are so many themes out there it is overwhelming to choose one. That’s why review sites like yours are very important. Do you use this theme right now? In your opinion is it worth upgrading? Thanks for this!
Garen says
Yes, I do use Headway and have a developer account with them. It is one of the best investments I have ever made.
Nelson G. says
Headway is the best decision I ever made as a webmaster. I really can’t get over how awesome this WordPress theme is. I have used a number of WordPress frameworks over the years, but nothing I have tried compares to Headway.
No matter what you need to do on your website it’s easy to do with Headway. I do wish that this framework didn’t cost a yearly fee. But, on the plus side I have made 35,000 this year designing websites for my clients, so I guess I really can’t complain.
Love the support; Gary always does a remarkable job at helping with any coding problems I might have.
Garen says
It’s good to see you also have great success with Headway. I can personally attest to the excellent support at Headway. Gary has helped me a couple of times over the years.
Headway User says
This needs to be said. There are indeed many Headway users having problems with support. As well as historical users of the framework. I am informing you they are jumping out to a theme builder like BeaverBuilder, etc.
I guess Headway is indeed the best theme builder out there and the best option for designers who want to have 100% control of their theme layout.
BUT… The fact is Gary is not informing what’s going on with this product, and his son Clay (who are the one who coded Headway) is now working to fix Flywheel. And I quote “still working on Headway in his spare time.”
So take advice: Headway is very good, but at this time is not sure about their future.
Garen says
Thanks for pointing this out to me.
I did send Grant this article with your comment, but sadly I didn’t get a reply from him. It’s been 3 weeks, and I still haven’t heard back from him.
I can’t really advise you on the future of Headway.
Headway Future Update says
The last four months with Headway have not been fun at all. The owners did release this article at https://headwaythemes.com/the-future-of-headway/
I’m sort of wondering what is in store for Headway’s future. I’ve been using them for 3 years. Have gotten very used to them. Should I start considering using a different WordPress framework?
Garen says
Sorry to hear you have been having issues with Headway. I believe they are going through some growing pains, though. All businesses seem to go through this at some time. I wouldn’t suggest moving all your sites away from Headway at this point, though. However, if it does become problematic could always use Elegant Themes. Divi is really easy to work with.
Tyler says
Just writing to let readers know that Headway still has received no updates or word about the future of the product since their business went to hell in 2016. I have been using Headway since 2010, and the latest stable release still works, but it is a ticking time bomb before some core WordPress update breaks it. And when it happens, I doubt it will be repaired. Certainly won’t be done proactively.
They closed their forum ages ago and avoid all customer contact completely. Very sad demise for such an excellent product.