LogoCloneWebsite Docs
LogoCloneWebsite Docs
Homepage

Getting Started

WelcomeQuick Start

Usage Guide

Chrome Extension GuideExport webpages to FigmaWebsite Project Features RetiredBest Practices for Perfect Clones

Developer

API Reference

Other

FAQChangelogTechnical Support

Quick Start

Start using CloneWebsite in under 3 minutes

Start Cloning Your First Webpage

CloneWebsite offers the simplest webpage capture experience. Here are the steps to quickly get started.

1. Install the Chrome Extension

The most recommended way to use it is through the Chrome Extension, which bypasses many CORS and cross-origin restrictions:

  1. Download the latest extension installation package Download here
  2. Unzip the downloaded .zip file
  3. Open chrome://extensions/ in your Chrome browser
  4. Turn on Developer mode in the top right corner
  5. Click Load unpacked and select the directory you just unzipped

2. Clone a Webpage

Once the extension is installed:

  1. Open the webpage you want to clone in Chrome (e.g., https://example.com)
  2. Wait for the webpage to fully load, especially images and dynamic content
  3. Click the CloneWebsite icon 🧩 in the browser toolbar
  4. In the pop-up panel, click the Start Clone button
  5. Wait for the progress bar to complete (this may take a few seconds to a few minutes, depending on the size of the page)

3. View the Result

After cloning is complete:

  1. The browser will automatically download a .zip file containing the domain name (e.g., example-com-clone.zip)
  2. Unzip this file
  3. You will see the following directory structure:
πŸ“ example-com-clone/
 β”œβ”€β”€ πŸ“„ index.html        # Complete page containing all inline styles
 └── πŸ“ assets/           # All extracted external resources
      β”œβ”€β”€ πŸ–ΌοΈ images/
      β”œβ”€β”€ πŸ“ fonts/
      └── πŸ“œ css/
  1. Double-click index.html, and the page will be perfectly reproduced in your browser, and it's completely offline!

Advanced Features

Local Projects

Save captures in the browser extension and open them in the lightweight local Workbench.

Clone Options

Learn how to configure filter rules, image extraction, and DOM cleanup for the best results.

Welcome

CloneWebsite Pixel-Perfect Webpage Cloner

Chrome Extension Guide

How to capture webpages using the CloneWebsite Chrome Extension

Table of Contents

Start Cloning Your First Webpage
1. Install the Chrome Extension
2. Clone a Webpage
3. View the Result
Advanced Features