How to Clone Website Pages in Hubspot Using HTML

Working in Hubspot, you may want to reuse the same layout or design across multiple pages without rebuilding everything from scratch. Cloning website pages with HTML lets you duplicate structure, styling, and content while keeping your workflow fast and consistent.

This guide walks through cloning pages directly in Hubspot, plus alternative HTML-based approaches that closely mirror the steps described in the original tutorial on the HubSpot blog source page.

Why Clone Website Pages in Hubspot

Before diving into step-by-step instructions, it helps to understand why cloning pages is such a powerful workflow in Hubspot.

Save time: Reuse existing layouts instead of designing from zero.
Maintain consistency: Keep headers, footers, and modules aligned across your site.
Reduce errors: Start from a working page that already renders correctly.
Improve scaling: Launch new campaigns or landing pages in minutes.

By cloning a page in Hubspot, you copy the overall structure and can then update only what is unique for the new page.

Preparing to Clone a Page in Hubspot

Before you clone a page, make sure your existing Hubspot page is ready and clean. This limits rework after cloning.

Check Your Hubspot Page Structure

Open the page you want to clone and review:

Page title and meta description
URL structure and language settings
Templates or themes used
Modules, forms, and CTAs

Any issues present now will be duplicated when you clone the Hubspot page.

Confirm Templates and Modules in Hubspot

If your page uses custom modules or theme fields, confirm they are configured correctly in Hubspot. Then, when you clone, those settings carry over automatically.

How to Clone a Website Page Inside Hubspot

The simplest way to duplicate content is to clone directly within the Hubspot interface. This method does not require manual HTML copying.

Step 1: Open Website Pages in Hubspot

Sign in to your Hubspot account.
In the main navigation, go to Marketing > Website > Website Pages (or Landing Pages, if that is what you use).
Filter or search for the page you want to clone.

Once you locate it, you are ready to use Hubspot’s built-in cloning tool.

Step 2: Clone the Page in Hubspot

Hover over the page name you want to duplicate.
Click the More dropdown (three dots) on the right.
Select Clone from the menu.

Hubspot will generate a copy of the page with the same template, modules, and content. The new page will usually append text like “(clone)” to the title.

Step 3: Update Core Settings on the Cloned Hubspot Page

Now edit the cloned page to make it unique:

Change the page title to match the new purpose.
Update the URL slug to a new, SEO-friendly address.
Set a new meta description.
Review language and access settings.

Keeping these details unique ensures each Hubspot page can be indexed correctly and tracked in analytics.

Cloning Hubspot Pages Using HTML

Sometimes you want finer control over the underlying code. In that case, you can clone a Hubspot page by working with HTML in your templates or modules.

Step 1: Access the HTML Source in Hubspot

Depending on your setup, use one of these paths:

For drag-and-drop pages, open the page editor and look for modules that allow editing Rich Text, then use the source or HTML option where available.
For coded templates, go to Marketing > Files and Templates > Design Tools in Hubspot, then open the relevant template or module.

This shows the HTML structure you want to reuse.

Step 2: Copy the HTML Structure

Within the design manager or source editor in Hubspot:

Select the HTML for the layout you want to duplicate. Focus on sections like headers, hero areas, feature blocks, and footers.
Copy the code snippet to your clipboard.

Avoid copying page-specific content such as unique IDs, tracking snippets, or dynamic tokens unless you know they should remain.

Step 3: Create a New Template or Module in Hubspot

In the design manager, click File > New file.
Choose HTML + HubL or an appropriate template type.
Paste the copied HTML into the new file.

Now you have a reusable layout that mirrors the original Hubspot page, without overwriting the first one.

Step 4: Build a New Page with the HTML Clone

Go to Website Pages in Hubspot.
Click Create, then select Website Page.
Choose the newly created template that contains your cloned HTML.
Fill in the new page title, slug, and content.

This method lets you scale a design system in Hubspot using HTML, while still benefiting from the CMS features.

Best Practices When Cloning Hubspot Pages

Cloning is powerful, but it can also create problems if not managed carefully. Follow these practices to keep your Hubspot site clean and optimized.

Update SEO Elements on Every Cloned Page

Each cloned Hubspot page should have unique SEO details:

Custom title tag and H1 heading
Distinct meta description
Clean, keyword-focused URL
Updated internal links and anchor text

Duplicating these fields without updates can lead to search engines viewing your Hubspot pages as thin or duplicate content.

Refresh On-Page Content in Hubspot

After cloning, revise key sections:

Hero headlines and subcopy
Images and alt text
Forms, CTAs, and offers
Testimonials or case studies

This keeps each Hubspot page valuable and relevant to its specific goal.

Check Analytics and Tracking After Cloning

Ensure your cloned Hubspot pages are tracked correctly:

Verify analytics codes are not duplicated or misconfigured.
Ensure event tracking, form submissions, and goals are mapped to the new page.
Align any UTM parameters used in campaigns.

When you maintain clean tracking, your cloned Hubspot pages can be measured and optimized over time.

Using Professional Help to Scale Hubspot Sites

As your website grows, you may want to build a full design system, automate cloning workflows, or improve SEO performance across all Hubspot pages. In those cases, partnering with specialists can accelerate results.

For technical optimization, templates, and growth-focused strategies, you can work with agencies like Consultevo, which support scalable CMS implementations and content frameworks.

Next Steps for Cloning in Hubspot

Cloning website pages in Hubspot gives you a quick, reliable way to reuse layouts, maintain brand consistency, and rapidly launch new content. Whether you use the built-in cloning feature or copy HTML into new templates, the key is to adjust each cloned page for SEO, design, and tracking.

Start by identifying a high-performing page in Hubspot, clone it using the methods above, then tailor your new version for a different audience, campaign, or keyword focus. Over time, this structured reuse will help you scale your site efficiently while keeping quality high.

Need Help With Hubspot?

If you want expert help building, automating, or scaling your Hubspot , work with ConsultEvo, a team who has a decade of Hubspot experience.

Scale Hubspot

“`

Clone Pages in Hubspot Fast