Blog Layout
New Form Sections
September 24, 2024
We've added new forms to make your work easier, including enhanced contact forms and job application fields. Here's what you need to know:
New Form Types
- Enhanced request, contact, or custom form with additional fields like first name, last name, address, city, state (dropdown), and zip.
- Careers / Job Application Form with multiple education and previous employment fields.
Important Notes
- The careers form is a starting point. You may need to add more fields based on what the customer wants.
- Never include fields that ask for sensitive information like:
- Driver's license number
- Social Security number
- Medical information
- Financial information
- Label buttons to complete the sentence "I want to..." For example:
- "I want to (Get a Free Estimate)"
- "I want to (Apply Now)"
- This helps users understand exactly what action they're taking.
How to Update a Form on a Page
- Add a new row at the bottom of the page, just above the footer.
- Go to "Sections → Forms" and choose the new form you want to use.
- Copy the new form.
- Find the old form on the page and paste the new form in its place.
- Delete the old form.
Remember to update submission information (email, subject line, etc.) and make sure the reCAPTCHA is setup correctly.
This form can be used as a request, contact, or a custom form. Edit where necessary. Don't forget to delete this directive.
Fill out this short form and a(n) <<NOB>> representative will contact you <<time frame>> to <<CTA>>.
Contact Us
What to Know Before You Submit / Upload a Photo Images can make or break a small business website. Whether you’re a contractor, hairstylist, dentist, or restaurant owner, the photos you upload should build trust, highlight your work, and make your business look professional. Most business owners aren’t photographers. They're using iPhones or Androids, often snapping pictures during the workday. That’s fine — as long as you follow a few simple best practices. This guide covers what you need to know before you add images to your site, including: The right image sizes and formats for web What types of images help convert leads How to take better photos of your team and your work Tips for lighting, composition, naming, and consistency When to not use images at all The tips here work for any type of business — we’ve just included examples from home service contractors since they make up a large number of Hibu sites. Let’s get everything in frame.
Pixel vs. Percentage Units: Why They Matter in Responsive Web Design When you're building websites that need to work across all screen sizes—from wide desktop monitors to narrow mobile phones—how you size elements matters. At Hibu, we design for everyone. That means every element must display correctly on every device. If your content is misaligned, crammed, or floating awkwardly, users won’t stick around—and they won’t convert. One of the most important layout choices you’ll make is whether to use pixel or percentage units for sizing.
How to Use the Contrast Checker Text needs to be easy to read—on every device, for every visitor. At Hibu, we aim to make every website as easy to read as possible. The HWP Contrast Checker helps with that by showing whether your text color has enough contrast against the background. You’ll find it inside the color picker whenever you're selecting a text color.
Training Overview: Initial Build Setup vs. Editor 2.0 & Collection Site We're moving from the current initial build setup to a new approach with Editor 2.0 and the Collection Site . This transition is more than just switching editors—it changes how we structure content, manage data, and ensure consistency across sites.