Hey Everyone,
Today I’m going to be showing a custom WordPress built website for Peak HVAC in Chicago. This is a fully customizable CMS website we built that is just basically from scratch, it’s just custom. I’m going to jump in and just quickly go through the website and then I will go through the CMS and show you how everything can be changed.
I just want to point out that if you have a lot of content, CMS’s are fantastic for that especially if it’s static content. So it’s not very interactive as far as the data doesn’t change very much. It’s not a web app, you can have 50 pages and 5 templates and 10 pages per template, and it keeps crossed down and at scale, it works really well. The wanted a CMS website and that’s what they’ve gotten.
Let’s just jump into it.
(clicks on Water Heater)
This is the home page. We have some pop-ups here.
(starts clicking randomly on buttons)
This is all customizable content. I think it’s pretty cool that you can see what brands this company offers and it does change based on the choice. I haven’t heard of some of these like Reem and Goodman, but they are probably great brands.
(scrolls to the bottom of page)
So if we keep scrolling down. You can see, this is the homepage. There’s a nice little review slider here and you can click and push though and the height also adjusts dynamically there.
(clicks on the About page)
If we go to the about page. You can see there is a lot of content that gets reused. Which is pretty standard for websites like this.
(clicks over to Contact form)
There’s a contact form. What service do you need? What do you need serviced. Your message and what brand they want.
(demonstrates scrolling)
You also have a bit of scrolling there so you can see that this scrolls when you click on that. It’s really for mobile but we leave it on there regardless.
(stops on Financing)
They also do financing through a company called FTL Finance. So you click on this and there is a tracking link which they get a referral commission, of course.
It goes through that and then there’s a scheduled service. You know, there’s a lot of form for contact and that’s so no one gets confused and they can just real easily get it out there.
(adjusts screen for mobile)
So cool, let’s check out the mobile site here. If I jump over and go here and refresh. So this is like an Iphone 7 here.
(starts to scroll)
Now watch as I scroll down. As soon as I get past, you’ll notice…you see that service button, as soon as that gets hidden, BAM we have a footer pop-up, call to action, you actually can just press the phone number and it will call it on your phone, or you can press the scheduled service.
(clicks on Water Heater)
The modal pop-ups naturally are full width right there and there’s a mobile menu. It’s pretty nice. I really like the look of this mobile menu. We go down and you can see that things are basically stacking and collapsing and then here’s the bottom with the footer. So this is basically the flow for the mobile look here. You can just see how it collapses.
(modifies browser address for admin panel)
Let’s just jump over to the Admin panel so we can check that out, just so I can just show you very quickly the advantages of…
(fumbling over password)
Ahh password! I have so many passwords, it needs to use a retina scan or something.
(navigates through left sidebar menu to About)
So if we go to Pages, and we go to All Pages, then you can see in the About, for example, if we go to the about page it will be completely editable and these are like blocks essentially is what they are called in WordPress. So we code these blocks up and create custom fields which are these things, and then it’s totally customizable so you can see that you can just put in your title, you can put in the background color, the text color, the image….
(switches to Home page)
Let’s go over to the Homepage actually and let’s just see that.
(shows background images for slider)
So yeah, this one here, for example, you can that these background images are for the slider. When it slides through if you just put one, it won’t do the sliding. Then you have the phone and all the extra texts there.
(clicks to another screen)
These ones you can see you have your image and then these are the logos on the pop-up and it takes these pop-up texts, you can see it’s labeled very simply here. Overall the whole website is built like that. Which is really great for customization and so many things.
(switches over to Contact form)
Let’s check out the Contact form. We have Contact form 7. It’s a plugin. I recommend that one for WordPress it’s pretty easy to do.
(scrolls inside window)
Then here’s the text and the options in here, which is kind of like HTML and then they have these little shortcodes and these brackets that are actually plugin related.
(clicks on mail tab)
Then if we go to the mail, here’s the template that you would receive and where it goes. Right here, and you use no-reply at this website because if you use say like, Yahoo.com they don’t allow that so actually it wouldn’t get sent. Different email companies have different privacy and security concerns with that. So I know Yahoo and AOL won’t work so that’s why you use No-reply.
(goes back to Home page)
Anyways though, I hope you guys enjoyed the site and this could be your website, this could be your company and offering this could help grow your business. It can help increase your SEO. You can get alot of content onto just a few template pages and really have a lot of control over that thought a CMS.
So yeah, if you need some custom WordPress development from scratch, I always enjoy doing it from the bare-bones in the beginning, because if you do use a template, there are times to use a template, is all I’m saying and there can be a lot of overhead when you use a template, because they just throw everything and I guess the kitchen sink into it or I guess in this case, an appliance. It just loads a long long time. This is a pretty fast load because it’s just everything you need, and that’s it. So if you have the budget, I do recommend just building it custom from scratch.
So let me know. Reach out to us, and thank you for watching.