Custom website design for industrial & commercial accounts Request a quote →

Request a Quote

Designer editor

The Woolf

Edit copy, colors, and links. Changes save automatically to your account. Export delivers ready-to-deploy HTML, CSS, and JS files.

Image size guide

Recommended pixel sizes for uploads in this template. Landscape photos work best unless noted.

Header logo — horizontal SVG/PNG; next to All Products, up to 80 px height
Favicon — 32×32 or 16×16 px
Footer logo — max 95 px display height
Hero slide background — 1920×600 px min (wide)
Category image — 280×210 px (4:3)
Brand logo — 120×48 px max display; wide logos
Catalog cover — 280×360 px (7:9 portrait)
About company photo — 640×480 px (4:3)

Branding

Company name

Phone number (appears in top bar)

Logo link URL (where logo click goes)

Favicon

ICO, PNG (32×32 or 16×16), or SVG. Appears in browser tab.

Logo

Preview

Upload image

Recommended: horizontal SVG or PNG on the main nav bar, left of the All Products menu. Use the size slider below to scale.

Header logo size

Display height in the main nav, left of All Products. Keeps at least 20px clear of the search bar — if a size is too wide, the slider will not apply it.

56px

36px 80px recommended max

Brand Colors

Background colors

Primary blue (buttons & links)

Main nav background

Top bar background

Font colors

Top bar text

Sub-nav links

Mega menu headings

Mega menu links

Header Links

Catalog URL

About Us URL

Contact URL

Sign Up / Login URL

Cart URL

Sub-nav Links

Quick-link bar below the main nav and repeated at the bottom of the All Products mega menu. Links are centered automatically.

LabelURL

Show link

Mega Menu — All Products

Column 1 — Cutting & Machining

Show this column

Column heading

Categories

LabelURL

Show in menu

Column 2 — Tooling & Workholding

Show this column

Column heading

Categories

LabelURL

Show in menu

Column 3 — Hand & Power Tools

Show this column

Column heading

Categories

LabelURL

Show in menu

Column 4 — Safety & Facility

Show this column

Column heading

Categories

LabelURL

Show in menu

Column 5 — Mechanical & Fluid

Show this column

Column heading

Categories

LabelURL

Show in menu

Column 6 — Electrical & Other

Show this column

Column heading

Categories

LabelURL

Show in menu

Hero Slides

Add slides, edit copy, upload backgrounds, and set optional link URLs. Button links are optional — leave labels blank to hide a button. Background recommended: 1920×600 px min (wide landscape).

Shop by Category

Edit section title, add or remove categories, rename each category, and upload images. Category image recommended: 280×210 px (4:3).

Shop by Brand

Add or remove brands, upload logos, and set link URLs. Brand name is used for accessibility (alt text). Logo recommended: 120×48 px max display; wide horizontal logos.

Catalog Library

Add catalogs with a cover image and PDF link. Cover recommended: 280×360 px (7:9 portrait). Use the arrows in the preview when you have more than one catalog.

About Us

Company photo

Recommended: 640×480 px (4:3 landscape). Warehouse, team, or facility photos work well.

Photo description (alt text)

Eyebrow

Title

Paragraph 1

Paragraph 2

Button 1 label

Button 1 URL

Button 2 label

Button 2 URL

Stats

Stat 1 value

Stat 1 label

Stat 2 value

Stat 2 label

Stat 3 value

Stat 3 label

CTA Section

Show CTA section

The blue contact band appears above Quick Order. Uncheck to hide it entirely.

Eyebrow label

Small label above the headline. Leave blank to hide.

Title

Body text

Button 1 label

Button 1 URL

Button 2 label

Button 2 URL

Show phone button

Uses the phone number from Branding. Updates automatically when you change it.

Band background color

Quick Order

Show Quick Order section

Uncheck to hide the part-number search block below the CTA band.

Title

Subtitle

Submit button label

Footer

Upload a dedicated footer logo, or leave empty to use the header logo. For best results use a horizontal PNG or SVG with a transparent background — wide logos often need to be scaled down.

Footer logo

Upload image

Logo size

Recommended display height: 95px (slider maximum). Scale down to 50px if your logo looks too large.

95px (max)

50px 95px recommended max

Footer logo link URL

Footer tagline

Social heading

Edit column headings, quick links, contact info, and the copyright line. Uncheck any link or whole column you do not need.

Shop column

Show Shop column

Column heading

LabelURL

Show link

Customer Service column

Show Customer Service column

Column heading

LabelURL

Show link

Contact column

Show Contact column

Column heading

Show phone

Phone number comes from Branding. Edit it there.

Show email

Email

Show hours

Hours

Show address

Address

Bottom bar

Leave blank to auto-generate from company name and current year.

Legal linkURL

Show link

Social links

Facebook

YouTube

X / Twitter

Live preview — The Woolf

Designer editor

Preview coming soon