Tutorial 002Business Websites11 steps5 fixes

How to Build a Website for a Law Firm

A beginner, click-by-click WordPress build for a real law firm website, including page creation, service copy, navigation, forms, testing and maintenance.

By the end: You will have a real law firm site structure with working pages, menu, service information and a tested “Request a consultation” path.

TARGET RESULTHow to Build a Website for a Law Firm
You will have a real law firm site structure with working pages, menu, service information and a tested “Request a consultation” path.

Key terms before you start

These definitions make the steps easier to follow and help distinguish controls, files and concepts that can look similar at first.

WordPressA content management system (CMS) used to store, edit and publish website content.

DashboardThe WordPress administration area reached after signing in; its left menu contains Pages, Posts, Appearance, Plugins, Settings and other tools your account may use.

PageA WordPress content item normally used for relatively permanent content such as Home, Services, About or Contact.

BlockOne content unit in the WordPress Block Editor, such as Paragraph, Heading, Image, List, Buttons, Group or Navigation.

Block EditorThe default WordPress editor. A page or post is assembled from individual blocks.

Block InserterThe + control that opens blocks, patterns and media in the WordPress editor.

List ViewA tree of every block in a page/post; useful for selecting, nesting and reordering blocks.

HomepageThe main entry page that identifies the site/business and routes visitors to important information/actions.

Service pageA page explaining one service: who it is for, what is included, limitations, location/availability and next step.

Call to action (CTA)A specific next-step instruction such as “Book an appointment”, “Request a quote” or “Buy now”.

NavigationLinks that let visitors move among important pages.

Contact formLabeled fields that send visitor information to a business inbox, CRM or other approved system.

PublishThe action that makes a page/post publicly available, subject to visibility settings.

PreviewA view of how content should look on the public site before or after publishing.

What you need before starting

A working WordPress site
An account allowed to create/edit Pages
Verified business services, locations and contact details
Approved logo/images or permission to use them
A real inbox, CRM or booking system

Real-world notes from public discussions

These are tied to public discussions, not invented case studies. Open the source to read the full thread and surrounding replies.

r/LawFirm — filtering website leads without hiding contact options (May 2024)Open discussion ↗

A law-firm owner asked whether to hide the phone number and force prospects through a form. Replies described a real trade-off: forms can pre-qualify matters, but several people said they would leave a service-provider site that hid direct contact information.

How it changes this tutorial: Keep both routes visible: a short intake form for broad matter type and contact details, plus a phone option for people who prefer to call.

FULL TUTORIAL

Step-by-step tutorial

Every step is shown below. Work through them in order and use each checkpoint to confirm the result before moving on.

STEP 01 / 11

Sign in to WordPress

Do this

Open https://YOURDOMAIN.com/wp-admin/ and sign in with an account that can create/edit Pages.

Why

The /wp-admin/ address is the administration area; use the real site login rather than creating a new installation.

DashboardThe WordPress administration area reached after signing in; its left menu contains Pages, Posts, Appearance, Plugins, Settings and other tools your account may use.

IF THIS GOES WRONGAppearance → Editor is missing

The site may use a classic theme or your account may lack permission. Do not change themes just to make the menu appear; use the existing theme controls or ask the administrator.

CHECKPOINTYou see the WordPress Dashboard.

STEP 02 / 11

Check existing Pages first

Do this

Click Pages → All Pages and look for pages that already exist.

Why

This avoids accidentally making duplicate Home, About or Contact pages.

PageA WordPress content item normally used for relatively permanent content such as Home, Services, About or Contact.

IF THIS GOES WRONGAppearance → Editor is missing

The site may use a classic theme or your account may lack permission. Do not change themes just to make the menu appear; use the existing theme controls or ask the administrator.

CHECKPOINTYou know which pages are new versus existing.

STEP 03 / 11

Create the page skeleton

Do this

Use Pages → Add New and create these real pages: Home, Practice Areas, Attorneys, About, Contact. Enter the title and save as Draft or Publish according to the site status.

Why

Creating the structure first gives you real URLs before visual polish.

PageA WordPress content item normally used for relatively permanent content such as Home, Services, About or Contact.

CHECKPOINTPages → All Pages shows 5 required page names.

STEP 04 / 11

Write the first heading literally

Do this

State the practice area, jurisdiction/location and who the firm represents. Do not promise outcomes.

Why

The first heading should identify the business/service to a stranger; avoid a slogan that only existing customers understand.

Service pageA page explaining one service: who it is for, what is included, limitations, location/availability and next step.

IF THIS GOES WRONGAppearance → Editor is missing

The site may use a classic theme or your account may lack permission. Do not change themes just to make the menu appear; use the existing theme controls or ask the administrator.

CHECKPOINTThe H1 makes sense even if the logo is hidden.

STEP 05 / 11

Add the primary CTA

Do this

Insert a Buttons block and label the button “Request a consultation”. Link it to the real Contact/Booking/Quote destination.

Why

Use the link control to search for the WordPress page or paste the real external scheduler URL.

WordPressA content management system (CMS) used to store, edit and publish website content.

IF THIS GOES WRONGThe page is published but not in the menu

Publishing and navigation are separate. Add the page explicitly to the Navigation menu/block.

CHECKPOINTClicking the CTA in Preview opens the right place.

STEP 06 / 11

Create real service pages

Do this

Create/edit pages for services the business actually offers. Examples: Employment Law, Commercial Litigation, Real Estate Law.

Why

Do not copy a competitor service list if the business does not perform the work.

PageA WordPress content item normally used for relatively permanent content such as Home, Services, About or Contact.

IF THIS GOES WRONGThe form says sent but email never arrives

Check the form recipient, spam folder and mail-delivery/log configuration. A browser success message does not prove email delivery.

CHECKPOINTEach major real service has a clear URL.

STEP 07 / 11

Add factual proof

Do this

Publish only proof you can verify: attorney names, jurisdictions, credentials where appropriate, office address and real contact details.

Why

Keep the source/owner for credentials, review quotes, dates and claims.

PublishThe action that makes a page/post publicly available, subject to visibility settings.

CHECKPOINTEvery proof statement has a real source.

STEP 08 / 11

Build the contact/booking form

Do this

Use the approved form/booking system. A sensible field set is: Name, Email, Phone, Broad matter type, Message.

Why

Use visible labels and collect only information the business genuinely needs to handle the request.

Contact formLabeled fields that send visitor information to a business inbox, CRM or other approved system.

IF THIS GOES WRONGThe form says sent but email never arrives

Check the form recipient, spam folder and mail-delivery/log configuration. A browser success message does not prove email delivery.

CHECKPOINTThe form is understandable without placeholder text.

STEP 09 / 11

Run the customer path logged out

Do this

Open a private window and follow Home → a real service → Request a consultation. Complete a test inquiry/booking.

Why

This checks public permissions, caching and the actual visitor flow.

PageA WordPress content item normally used for relatively permanent content such as Home, Services, About or Contact.

IF THIS GOES WRONGThe page looks correct while logged in but not for visitors

Test in a private window and check caches/theme CSS. Administrators can see uncached or privileged views.

CHECKPOINTThe visitor sees success and staff receive the request.

STEP 10 / 11

Click every public link

Do this

Test logo, navigation, service links, CTAs, phone/email links, privacy links and footer links.

Why

Fix placeholder # links and 404s.

NavigationLinks that let visitors move among important pages.

IF THIS GOES WRONGThe page is published but not in the menu

Publishing and navigation are separate. Add the page explicitly to the Navigation menu/block.

CHECKPOINTEvery important link resolves correctly.

STEP 11 / 11

Assign an update owner

Do this

Write down who updates services, prices, hours, staff, credentials and policies and how often they are reviewed.

Why

A site can become misleading if operational facts go stale.

PageA WordPress content item normally used for relatively permanent content such as Home, Services, About or Contact.

CHECKPOINTSomeone is accountable for future factual updates.

Concrete examples

Minimum page setHome, Practice Areas, Attorneys, About, Contact

Primary CTARequest a consultation

Example service pagesEmployment Law, Commercial Litigation, Real Estate Law

Suggested form fieldsName, Email, Phone, Broad matter type, Message

Troubleshooting

Appearance → Editor is missing

The site may use a classic theme or your account may lack permission. Do not change themes just to make the menu appear; use the existing theme controls or ask the administrator.

The page is published but not in the menu

Publishing and navigation are separate. Add the page explicitly to the Navigation menu/block.

The form says sent but email never arrives

Check the form recipient, spam folder and mail-delivery/log configuration. A browser success message does not prove email delivery.

The page looks correct while logged in but not for visitors

Test in a private window and check caches/theme CSS. Administrators can see uncached or privileged views.

Something overflows on mobile

Use DevTools device mode to find the exact block wider than the viewport; fix that component instead of hiding overflow globally.

FINAL CHECKAssign an update owner
Someone is accountable for future factual updates.

Documentation and references

Use these primary and supporting sources to verify current controls, browser behavior and product-specific details.

← How to Plan a Small Business Website How to Build a Website for an Accountant →

Key terms before you start

What you need before starting

Real-world notes from public discussions

Step-by-step tutorial

Sign in to WordPress

Check existing Pages first

Create the page skeleton

Write the first heading literally

Add the primary CTA

Create real service pages

Add factual proof

Build the contact/booking form

Run the customer path logged out

Click every public link

Assign an update owner

Concrete examples

Troubleshooting

Continue with these tutorials

Documentation and references