Skip to content
GPLWP Guides

How to build a transportation business website

Design & Layout Time About 4–8 hours for a basic site 7 steps Updated 4 Oct 2026

DESIGN & LAYOUT
The short answer

You can build a transportation website with WordPress blocks and a suitable theme; no special plugin is required for the basic layout. Create a clear homepage, service pages, quote or contact page, route information, trust signals and a mobile-friendly navigation, then test every enquiry path before launch.

The route
  1. 01Plan the pages and enquiries
  2. 02Create the core WordPress pages
  3. 03Build the homepage sections
  4. 04Set the layout and navigation
  5. 05Add contact and location details
  6. 06Check every screen and route
  7. 07Take the faster theme route

What you need

  • A WordPress site with administrator access
  • Your logo, brand colours and business photographs
  • A list of services, routes, vehicle types and contact details
  • A business email address and phone number

Plan the pages and enquiries

Write down the action you want visitors to take: request a quote, book a delivery, call the office or ask about a route. Build the site around that action rather than around every service your company has ever offered.

For most transport companies, start with Home, Services, Industries or Routes, About, Contact and Request a quote. Add separate pages for freight, removals, courier work, warehousing or passenger transport only when each page has useful information of its own.

Create the core WordPress pages

Go to Pages > Add New and create the pages from your plan. Use one clear heading per page, short paragraphs, descriptive subheadings and a button that leads to the next step.

Create a page called Home and, if you want a blog, create an otherwise empty page called Blog. WordPress normally shows recent posts on the homepage, so set the site to use a static front page under Settings > Reading when you want a designed business homepage instead.

Build the homepage sections

Use Groups, Columns, Cover, Image, Heading, Paragraph and Buttons blocks to assemble the page. Put your service area and main service in the opening section, followed by a short services list, operating areas, proof such as fleet or client information, a simple three-step process, testimonials and a quote call to action.

Keep the first screen specific. “Transport and logistics across the North West” tells visitors more than “Welcome to our website”. Use real fleet and depot photographs, add useful alt text, and avoid putting important text only inside an image. Fixed image heights and oversized background images are common causes of awkward cropping on phones.

Set the layout and navigation

With a block theme, open Appearance > Editor to edit the header, footer, templates, styles and navigation. Set a restrained colour palette, readable type, consistent button styling and a content width that leaves space around text. A classic theme may use Appearance > Customize and Appearance > Menus instead.

Add Home, Services, Routes or Industries, About and Contact to the main navigation. Put Request a quote in a contrasting button if your theme supports it. Check the menu at a narrow width and make sure it collapses into a usable mobile menu; the Navigation block includes mobile overlay settings.

Watch for a confusing WordPress issue: a block theme’s Front Page template can control the homepage even when you select a page under Reading. If your edits to the Home page do not appear, open Appearance > Editor > Templates and inspect the Front Page template. Do not replace the page content area with fixed homepage text unless that is intentional, or other pages may inherit the wrong content.

Add contact and location details

Place the phone number, email address, service area and opening hours in the header or footer as well as on the Contact page. Add a form with only the fields you need, such as name, email, phone, collection location, delivery location, load type and preferred date. Tell visitors what happens after they submit it.

For a depot or office map, copy the embed HTML from Google Maps and place it in a Custom HTML block, or use an appropriate map block supplied by your theme or plugin. Google’s map sharing flow includes Share or embed map and Copy HTML. Test the map and form while logged out, because a form that only appears to work for an administrator is a Friday-afternoon failure.

Check every screen and route

Use the editor’s View menu to inspect desktop, tablet and mobile widths, then open the published site on a real phone. Check that headings do not wrap badly, buttons are easy to tap, phone links work, the menu opens, photos crop sensibly and the quote form sends a confirmation.

Submit test enquiries from an address that is not an administrator account. Confirm delivery to the right inbox, check spam folders and make sure the success message does not promise a response time you cannot meet. Check every navigation item and route page before promoting the site.

Take the faster theme route

If you do not want to assemble the structure from blocks, use Logistika. It is designed for transportation and logistics websites and includes a page builder, live customizer, portfolio features and Google Maps integration.

Install and activate the theme, use its page builder to create the homepage sections, then replace the demo content with your own services, routes, contact details and photographs. Review the header, forms, map and mobile layout rather than publishing the imported design unchanged. The manual block route is fine for a small company site; Logistika mainly saves time on the initial visual structure and industry-specific presentation.

The fast route

Let Logistika do it

Industry-focused theme with a page builder, live customizer, portfolio, and Maps integration for logistics company sites.

Get Logistika

Sources

  1. wordpress.org /documentation/article/create-a-static-front-page/?utm_sourc…
  2. wordpress.org /documentation/article/image-block/?utm_source=openai
  3. wordpress.org /documentation/article/site-editor/?utm_source=openai
  4. wordpress.org /documentation/article/template-editor/?utm_source=openai
  5. support.google.com /maps/answer/7101463?hl=en&utm_source=openai
  6. wordpress.org /documentation/article/how-to-use-the-preview-function/?utm_…

Questions

Do I need a page builder to make a transportation website?
No, you can build the core site with WordPress pages and blocks. A page builder is useful when you want more control over hero sections, service cards, calls to action and reusable layouts without writing code. Choose a builder or theme that does not make your content difficult to move later, and keep the important service and contact information in normal WordPress content.
What pages should a transport company website include?
A transport company website should normally include Home, Services, Routes or service areas, About, Contact and Request a quote. Add separate pages for freight, courier, removals, warehousing, passenger transport or specialist loads when those services need different details. Include vehicle types, operating areas, collection and delivery information, insurance or compliance details where relevant, and clear contact options.
How do I add a route map to WordPress?
You can add a route or depot map by copying the embed HTML from Google Maps and placing it in a Custom HTML block, or by using a map feature provided by your theme or plugin. A simple location map is usually enough for a business site. Test it on mobile and provide the written address and a directions link as well, because an embedded map should not be the only way to find the depot.
Why does my homepage still show the theme design?
Your homepage may be controlled by the theme’s Front Page template instead of the page selected in Reading settings. With a block theme, open Appearance > Editor > Templates and inspect Front Page, then edit the template or remove it if you want the static Home page to control the front page. Also check that the page template contains the area that outputs page content.
What should I test before launching the site?
Submit the quote form while logged out, confirm the message reaches the correct inbox, test phone and email links, open the navigation on a phone, check map and address details, and review every service page. Also test the site at desktop, tablet and mobile widths. Transport websites often fail at the enquiry step rather than the visual design, so treat the form and response process as part of the layout work.