Start Here

Turn this template into your plumbing company’s website.

Your website is already built. Use Framer Agent to update your content quickly, or follow the manual setup checklist if you prefer to edit it yourself.

You don’t need to rebuild the website.

Use Framer Agent

Manual setup

Recommended

Let Framer Agent do the heavy lifting

You don’t need to manually rewrite every section. Give Framer Agent your business information and let it update the existing template for you.

Copy a prompt

Replace the [bracketed] information

Paste it into Framer Agent and review the changes

These prompts are designed to update your content while keeping the existing design and structure.

Start with these

The four prompts most plumbing companies need first.

Start here

Update my business information

Replace the demo company information throughout the website.

Update the existing i7-Plumbing website with my real business information. Company name: [COMPANY NAME] Phone: [PHONE NUMBER] Email: [EMAIL ADDRESS] Address: [BUSINESS ADDRESS] City: [CITY] State/Region: [STATE/REGION] Service area: [SERVICE AREA] Opening hours: [OPENING HOURS] Emergency service: [YES/NO] Replace the existing demo business information throughout the website, including the navigation, hero sections, CTA buttons, contact sections, contact page, and footer. Keep the existing layout, design, colors, typography, spacing, CMS structure, and components. Do not invent information.

Best for existing businesses

Adapt my old website to this template

Already have a website? Give Framer Agent the URL and use it as the source for your real business content.

I am moving my plumbing company's website to this i7-Plumbing template. Existing website: [OLD WEBSITE URL] Use my existing website as a source for accurate business information. Adapt the useful content from my existing website to the structure of this template. Update: - Company information - Homepage copy - About page - Services - Contact information - Service areas - Testimonials - FAQs - SEO titles and descriptions Keep the existing i7-Plumbing design, layout, components, CMS structure, typography, colors, and visual style. Do not copy unnecessary content word-for-word. Rewrite it so it fits the new structure while preserving the meaning and important business information. Do not invent information. Do not create fake reviews, statistics, certifications, employees, or claims. Before making changes, identify any information that is unclear or missing and list it for me.

Update my services

Tell Framer Agent which plumbing services your company actually provides.

Update the Services CMS collection for my plumbing company. My services are: 1. [SERVICE NAME] — [SHORT DESCRIPTION] 2. [SERVICE NAME] — [SHORT DESCRIPTION] 3. [SERVICE NAME] — [SHORT DESCRIPTION] 4. [SERVICE NAME] — [SHORT DESCRIPTION] 5. [SERVICE NAME] — [SHORT DESCRIPTION] Remove or replace services that my company does not offer. For each service, create clear, professional, customer-focused copy based only on the information I provided. Keep the existing CMS structure, service page template, design, layout, and components. Do not invent technical claims, guarantees, certifications, or services.

Rewrite my website for my company

Give Framer Agent your business details and let it adapt the website copy.

Rewrite the existing website copy for my plumbing company using the information below. Company: [COMPANY NAME] Location: [CITY, STATE] Service area: [SERVICE AREA] Years in business: [YEARS] Main services: [SERVICES] Main specialty: [SPECIALTY] Emergency service: [YES/NO] Phone: [PHONE NUMBER] Main selling points: [3–5 SELLING POINTS] Company story: [SHORT COMPANY STORY] Create clear, professional, trustworthy, conversion-focused copy for the existing website. Keep the existing page structure, section order, design, components, typography, colors, and spacing. Only use facts I provided. Do not invent reviews, awards, certifications, statistics, employees, years of experience, or other claims. Do not redesign the website.

More ways to customize

Once you’ve updated the basics, use these prompts for specific parts of your website.

Write my About page

Turn your real company story into concise About page copy.

Rewrite the About page for my plumbing company. Company: [COMPANY NAME] Founded: [YEAR] Location: [CITY, STATE] Founder: [NAME] Team size: [NUMBER] Company story: [YOUR STORY] What makes us different: [3–5 POINTS] Service area: [SERVICE AREA] Values: [VALUES] Create concise, trustworthy copy using only the information I provided. Keep the existing About page structure, layout, components, and design. Do not invent information.

Add my real team

Replace the demo team members with your actual people.

Replace the demo team members with the following real team members: [NAME] — [JOB TITLE] [NAME] — [JOB TITLE] [NAME] — [JOB TITLE] Remove demo team members that I have not provided. Keep the existing team section design and layout. Do not invent biographies, qualifications, certifications, or experience.

Add my customer reviews

Swap the demo testimonials for genuine customer reviews.

Replace the existing demo testimonials with these real customer reviews: "[REVIEW]" — [CUSTOMER NAME] "[REVIEW]" — [CUSTOMER NAME] "[REVIEW]" — [CUSTOMER NAME] Keep the existing testimonial design and layout. Do not create fake reviews. Do not substantially change the meaning of the reviews.

Localize my website

Make it clear which city and nearby areas you serve.

Localize the existing i7-Plumbing website for: City: [CITY] State/Region: [STATE/REGION] Nearby areas: [AREA 1, AREA 2, AREA 3] Service area: [SERVICE AREA] Update the website copy where appropriate so it naturally communicates that we serve these locations. Update relevant headings, descriptions, contact information, and SEO-related copy. Keep the writing natural and customer-focused. Do not keyword stuff. Do not claim that we serve locations I did not provide. Do not change the design or page structure.

Improve my homepage

Sharpen the homepage so visitors know what to do next.

Improve the copy on the existing homepage for my plumbing company. Company: [COMPANY NAME] Location: [CITY, STATE] Main service: [MAIN SERVICE] Main customer problem: [CUSTOMER PROBLEM] Main advantage: [WHY CUSTOMERS CHOOSE US] CTA: [DESIRED CTA] Phone: [PHONE] Make the copy clear, concise, trustworthy, and conversion-focused. Help visitors quickly understand: 1. What we do 2. Where we work 3. Why they should trust us 4. What they should do next Keep the existing sections, layout, components, typography, colors, and visual design. Do not invent claims.

Update my SEO

Write natural page titles and meta descriptions.

Update the SEO content for my plumbing website. Company: [COMPANY NAME] Location: [CITY, STATE] Service area: [SERVICE AREA] Main services: [SERVICES] Phone: [PHONE] Create concise, natural page titles and meta descriptions for the existing pages. Include relevant local information where appropriate. Do not keyword stuff. Do not invent claims. Do not redesign the website.

Find remaining demo content

Get a checklist of anything that still needs replacing — without changing the site.

Review the entire i7-Plumbing website before launch. Find any remaining demo or placeholder content, including: - Demo company names - Demo phone numbers - Demo email addresses - Demo addresses - Demo team members - Demo testimonials - Demo statistics - Demo services - Demo images - Placeholder text - Incorrect service areas - Incorrect business information Create a concise checklist of everything that still needs to be replaced. Do not modify the website. Do not invent information.

Always review AI-generated changes before publishing.

Check your phone number, email address, services, locations, reviews, statistics, certifications, and other business claims carefully.

Framer Agent should help you customize the template — it should not invent information about your company.

Prefer to edit it yourself?

Manual setup

If you’d rather make the changes yourself, follow this checklist.

Add your logo

Swap the demo logo in the navigation and the footer.

Set your brand colors and fonts

Update the global color and text styles once — every page follows.

Add your business information

Name, phone, email, address and hours across the site.

Add your plumbing services

Edit the Services CMS collection — one item per service.

Replace the demo images

Use real photos of your team, vans and work.

Update your About, Team and Testimonials

Your real story, real people and genuine reviews.

Add your blog content

Edit the Blog Posts CMS collection, or remove the demo posts.

Set up and test your contact form

Choose where enquiries go, then send a real test.

Update your SEO

Page titles, descriptions, social image and favicon.

Connect your domain and launch

Publish, connect your domain and do a final check.

1. Add your branding

Replace the demo logo and update your global colors and fonts.

Logo

Replace the demo logo with your company logo — it appears in the Navbar and the footer.

Colors

Update the global color styles (such as Background/Primary Blue and Accent/Accent) with your brand colors.

Fonts

Update the global typography styles (Heading 1–4, Body, Eyebrow) if needed.

Tip: Set your global styles first. This is faster than changing individual sections.

2. Add your business information

Company name

Phone number

Email address

Business address

Service area

Opening hours

Emergency availability

License/certification information, if applicable

Check these places:

Header

Hero

CTA buttons

Contact section

Contact page

Footer

The Navbar, Final CTA and Emergency CTA are reusable components — edit them once and the change appears on every page.

3. Add your plumbing services

Your services live in the Services CMS collection. Each item has a Title, Short Description, Image, Intro and Content, and gets its own service page automatically.

Open the CMS and select Services.

Edit an existing service or create a new one.

Add the service name (Title).

Add the description (Short Description, Intro and Content).

Add the appropriate image.

Review the service page.

Publish.

Only list services your company actually provides.

4. Replace the demo images

Swap demo photos for onse of your own. Start with the most visible ones:

Hero image

About image

Service images (Services CMS)

Team photos

Work/project photos

Blog images (Blog Posts CMS)

Tip: Use real photos of your company whenever possible. But you don't need to replace every image if the existing ones already fit your business.

5. Replace your company content

About

Tell your real company story.

Team

Add your actual team members and remove demo people. Each person is a Team Card on the About page.

Testimonials

Replace demo testimonials with genuine customer reviews.

Never publish fake reviews, fake team members, fake statistics, or claims that don’t apply to your business.

6. Set up your blog

Your blog uses the Blog Posts CMS collection (Title, Excerpt, Cover Image, Date and Content).

Open the CMS and select Blog Posts.

Remove, replace or adapt the demo posts.

Add your own articles.

Add featured images (Cover Image).

Review and publish.

Article ideas:

Plumbing emergency tips

Leak prevention

Water heater maintenance

Drain problems

Local plumbing advice

Important

7. Set up your contact form

Don’t skip this step. Your contact form needs to work before you launch.

How the form works in this template

Where it is

On the Contact page — the “Request a free quote” card.

Layer name

Contact Form

Fields

Full name, Email, Phone and “How can we help?” (submitted as Name, Email, Phone and Message).

Button

Submit Button component — it shows Loading, Success (green) and Error (red) states automatically.

Open the Contact page in Framer and find the “Request a free quote” form.

Select it: click the form card, or choose the Contact Form layer in the Layers panel. Select the whole form, not a single field.

In the right-hand panel, open the form’s Send To setting to choose where submissions are delivered.

Enter the email address that should receive customer enquiries — usually your main business inbox.

Framer saves your changes automatically. Click Publish so the live site uses the new form settings.

Open your published site and send a real test enquiry (see the checklist).

Test your form before launch

Submit a real test enquiry on your published site with:

Name

Phone

Message

Then verify:

The submission arrives

The correct email receives it

The customer’s information is included

The success state works

Spam protection works, if enabled

Never assume the form works just because the website is published. Send a real test submission.

Open the Contact page

8. Update your SEO

Set site-wide defaults in your Site Settings, then give important pages their own title and description in each page’s settings.

Page title

Meta description

Open Graph image

Favicon

Location/service area

Page-specific titles and descriptions

Example

Title

ABC Plumbing | Emergency Plumber in Austin, TX

Description

24/7 plumbing services in Austin, TX. Emergency plumbing, drain cleaning, water heater repair, and more.

Keep your SEO natural. Don’t stuff pages with repeated keywords.

9. Connect your domain

Once your content and forms are ready, connect your custom domain through your Framer site settings.

Then check:

HTTPS

Desktop

Mobile

Navigation

Phone links

Contact form

All important pages

Final check

Before you launch

Logo is correct

Company name is correct

Phone number is correct

Phone links work

Email address is correct

Services are correct

Service area is correct

Images have been replaced

Testimonials are genuine

Team members are real

Demo blog content has been replaced

Contact form has been tested

SEO titles and descriptions are updated

Favicon is set

Mobile version looks good

Desktop version looks good

Domain is connected

Ready to launch?

Publish your site and connect your custom domain when everything looks good.

Test your contact form

Back to the prompts