HUGO

Andrews Fasteners Limited - Professional website made with Hugo

Hello All,
I would like to say big thanks to everybody involved into Hugo.
The framework is incredible and full of possibilities.

I just want to show you my employer website that I just finish migrating from WordPress into Hugo.
Not only did I speed up the website, but also removed the need for powerful servers and still achieved what was intended.

What was important was the fact, that our users, suppliers and what important - customers, who visit our website before will not notice the difference and I can bet that we achieve that as well.

Of course we made some tweaks, but overall in inexperienced eye “nothing changed” (everything! changed).

Our news post about this: Andrews Fasteners Limited website going green!

Hope you like it and it will inspire you, even more, to give chance with Hugo and all SSG available for use.

Already working on another big, commercial website that will move from WordPress to Hugo in the following weeks.

5 Likes

It loads super fast ! Did you use a standard theme ?

Thanks.

It’s a custom made theme.

It was made by 3rd party company for WordPress back in 2014/15 but it was poorly written in code hence personally worked over years to rewrite it in full for modern standards and this time when I migrated to Hugo I rewrite it again (maintaining main layouts as it was) for Hugo.

I go through the route of using various themes, but it’s never better than writing your own. You know the code and you know how it works, as you wrote it.

3 Likes

Hi Dariusz,

Nice job. I’ve been put off moving quite a big products and services site from a database driven CMS to Hugo for two reasons, Search and Contact Forms. You have achieved both on your website. What approach have you used?

Well done and thanks.

Looks very good and loads fast.

I would like to ask, how to do the Accept Cookies function?

I planned everything and start with migrating theme from WordPress to Hugo together with some basic markdown files for main pages. Once I get design sorted, I moved all posts and pages into markdown and start “slow” process of reviewing all them, correcting, adding necessary aliases, featured images, correcting links and what more important, moving images and files into new places (which required amending all references in files). I used various tools to bulk find and replace together with finding 404 when running site locally.

For migration from WordPress to Markdown used How To Convert WordPress To Markdown by KevQ.

I put some information into my blogpost mentioned above.

The search I sorted in first week since lunch using A simple javascript based full text search function.

ps. for contact forms I am currently using Netlify Forms. You building a form into your website and integration happens when you publish site vie Netlify automatically. You just need to remember to set notification to email when new submission is made (in Netlify control panel).

Example for contact form:

<div class="contactform">
  <form name="contact-form" method="POST" action="/contact/sent" netlify-honeypot="bot-field" data-netlify-recaptcha="true" data-netlify="true">
    <input type="hidden" name="form-name" value="contact-form" />
    <input type="text" name="Name" placeholder="First and Last Name" required />
    <input name="bot-field" style="display:none" />
    <input type="email" name="Email" placeholder="Email your@email.co.uk" required />
    <input type="phone" name="Contact number" placeholder="Phone +44 07xxx xxx xxx" required />
    <textarea type="text" rows="5" name="Message" placeholder="Your message" required></textarea>
    <input type="hidden" name="subject" value="Contact from www.andrewsfasteners.uk" />
    <div data-netlify-recaptcha="true"></div>

    <h4>GDPR Agreement</h4>
    <p>By submitting above form you agree to process your personal data through the company for purpose of the above contact form. Following GDPR, you got the right to Access, correct or request to be forgotten. For more information please visit out <a href="/gdpr/"><strong>GDPR page</strong></a></p>

    <button type="submit">Send your form</button>
  </form>
</div>
2 Likes

Have a look at that my repo at GitHub Cookies Bar.

1 Like

Thank you for the information - that’s useful to know.

Good luck with next website!