---
title: Introducing Whop Blueprints
slug: whop-blueprints
excerpt: "You can build and host a website on Whop for free, at your own .whop.site address. Learn how to in this guide."
customExcerpt: "You can build and host a website on Whop for free, at your own .whop.site address. Learn how to in this guide."
featureImage: "https://storage.ghost.io/c/12/7b/127b828b-bdc2-4972-9cf2-de857df9c324/content/images/2026/08/blueprints.png"
status: published
publishedAt: "2026-08-31T20:42:50.000Z"
updatedAt: "2026-08-31T20:43:22.000Z"
createdAt: "2026-08-25T06:00:13.045Z"
tags:
  - { name: Whop, slug: whop }
authors:
  - { name: East, slug: east }
  - { name: Colin McDermott, slug: colin }
---

# Introducing Whop Blueprints

You can host your website on Whop with a `.whop.site` URL and start charging your customers from day one. No matter how you build, you don't just get static landing pages. Whop sets up the products and their prices too.

There are four ways to do so: you can get Whop to do it for you, grab a blueprint you like and take it live, move an external website, or build it yourself and publish via the Whop CLI.

Getting a business up and running used to mean building layers upon layers like a builder, hosting, payments rails, domain, and more.

In this guide, we're going to look at how Whop makes that much easier, using the four setup paths we mentioned.

> 

## Method 1: Make Whop build it for you

This is the easiest method you can follow to get your website up and running. After creating a Whop for yourself at [whop.com/new](https://whop.com/new), you'll now see the "Websites" option on the left navigation bar.

Clicking on it shows you the "New website" button and the blueprints you can grab, we'll take a look at them in the next section.

Clicking the "New website" button shows you four options: use a blueprint, create your own, clone an existing site, or add the pixel to an existing site. Let's select "Create your own."

![The Websites tab of a business dashboard at Whop.com](https://storage.ghost.io/c/12/7b/127b828b-bdc2-4972-9cf2-de857df9c324/content/images/2026/08/CreateYourOwnWebsite.webp)

This will take you to a chat where you can describe the business you want to have, and Whop will start building the website, just like that.

![Whop Website builder](https://storage.ghost.io/c/12/7b/127b828b-bdc2-4972-9cf2-de857df9c324/content/images/2026/08/whop-ai-chat.webp)

By the end, you're going to have your own website with a unique URL that's ready to take payments.

Whop creates the products you describes and their prices as it builds your blueprint. Then, connects them to checkout so the site can start selling the moment it's up and running.

![A Whop Website example](https://storage.ghost.io/c/12/7b/127b828b-bdc2-4972-9cf2-de857df9c324/content/images/2026/08/finished-site.webp)

That fourth option is worth knowing about even though we're not using it here. "Add the pixel to an existing site" doesn't build you anything.

It leaves your current site exactly where it is and just installs Whop's tracking pixel on it, so its visitors and sales show up in your Whop dashboard. It's the option to pick if you're not ready to move your site yet.

## Method 2: Grab a blueprint

In the "Websites" page, we saw the blueprints section. There, you can find blueprints Whop has verified, plus community blueprints from other sellers that Whop has picked out to show.

A blueprint isn't a page design or a theme. Every one of them is a business that's already running, so taking one live copies the products, their pricing, and the website that sells them, already wired together so it can take payments straight away.

When you click on a blueprint, you're going to see a preview of it, a step-by-step guide on using it, and which Whop elements the blueprint uses.

![A Whop Website blueprint details page](https://storage.ghost.io/c/12/7b/127b828b-bdc2-4972-9cf2-de857df9c324/content/images/2026/08/blueprint-detail-page.webp)

The button at the top right of a blueprint's page opens a deploy dialog. You pick which business to deploy into, either one you already have or a new one, and choose the address your site will live at. Once you confirm, Whop builds your copy of the business.

After your website is live, you can visit the Websites page of your business at whop.com and edit it using the Edit button on the top right of the site preview. This will spin up the Whop chat, where you can instruct the AI to make any changes you want.

## Method 3: Move an existing website

If you already run a website somewhere else, you don't have to build it from scratch again.

Instead, click on the "New website" button on the Websites page of your business at [whop.com](https://whop.com/) and select "Clone an existing site." This will prompt you to enter the URL of the site you want to move over.

After you input the URL and click the "Clone site on Whop" button, you'll be taken to the Whop chat where you can watch Whop rebuild the site.

Whop also reads the original site and recreates the products it sells, connected to your checkout.

![Flow of cloning a website with Whop Websites](https://storage.ghost.io/c/12/7b/127b828b-bdc2-4972-9cf2-de857df9c324/content/images/2026/08/CloneWebsite.webp)

## Method 4: Build it yourself, push with the Whop CLI

If you want to build the website yourself or use an AI agent of your choosing, then run development tests locally, and follow a traditional web development roadmap, that's perfectly fine for Whop Websites.

If you don't have the Whop CLI yet, you can get it by running a single command on your terminal (or ask your agent to download it for you):

<div class="ucb-box">
  <div class="ucb-header">
    <span class="ucb-title">Terminal</span>
    <button class="ucb-copy" onclick="
      const code = this.closest('.ucb-box').querySelector('code').innerText;
      navigator.clipboard.writeText(code);
      const originalText = this.innerText;
      this.innerText = 'Copied!';
      setTimeout(() => this.innerText = originalText, 2000);
    ">Copy</button>
  </div>
  <div class="ucb-content">
    <pre class="ucb-pre"><code class="language-bash">curl -fsSL https://whop.com/install.sh | sh</code></pre>
  </div>
</div>

After your development ends and when you're ready to publish, you can simply ask any AI agent to use the Whop CLI to push the website to production.

### Publishing it yourself, without an agent

You don't need an AI agent for any of this. The same four commands take you from an empty folder to a live site.

<div class="ucb-box">
  <div class="ucb-header">
    <span class="ucb-title">Terminal</span>
    <button class="ucb-copy" onclick="
      const code = this.closest('.ucb-box').querySelector('code').innerText;
      navigator.clipboard.writeText(code);
      const originalText = this.innerText;
      this.innerText = 'Copied!';
      setTimeout(() => this.innerText = originalText, 2000);
    ">Copy</button>
  </div>
  <div class="ucb-content">
    <pre class="ucb-pre"><code class="language-bash">whop
whop apps init --app_type website --name &quot;My Site&quot; --route my-site
cd my-site
whop apps dev
whop apps deploy</code></pre>
  </div>
</div>

`--app_type website` is the flag that matters. It decides whether you are making a website that visitors browse at your own address, or an app that other businesses install into their whop, and you cannot switch a site from one to the other afterwards.

The scaffold is a normal Vite project, so you can bring the framework you like. The only rule is where the build lands: static files in `dist/client`, server code in `dist/server`.

Once you're live, three more commands cover almost everything else:

<div class="ucb-box">
  <div class="ucb-header">
    <span class="ucb-title">Terminal</span>
    <button class="ucb-copy" onclick="
      const code = this.closest('.ucb-box').querySelector('code').innerText;
      navigator.clipboard.writeText(code);
      const originalText = this.innerText;
      this.innerText = 'Copied!';
      setTimeout(() => this.innerText = originalText, 2000);
    ">Copy</button>
  </div>
  <div class="ucb-content">
    <pre class="ucb-pre"><code class="language-bash">whop apps deploy --preview
whop apps builds promote apbu_xxxxxxxx
whop apps logs app_xxxxxxxx --level error</code></pre>
  </div>
</div>

Every deploy is saved as a build, and exactly one of them is live at a time. That means rolling back is just promoting an older build.

## See your traffic, ads, and revenue in the same place

Since Whop Websites come with the pixel built in, you can see the data from the get-go.

The visitor count, page views, and the revenue attributed to your website can be seen on the Analytics page of your business.

![Video thumbnail](https://storage.ghost.io/c/12/7b/127b828b-bdc2-4972-9cf2-de857df9c324/content/media/2026/08/analytics-dashboard_thumb.jpg)
[Watch video](https://storage.ghost.io/c/12/7b/127b828b-bdc2-4972-9cf2-de857df9c324/content/media/2026/08/analytics-dashboard.mp4)

This matters the most when you start publishing ads. Running ads on a brand-new website means installing pixels, verifying the domain, integrating payments, and waiting for confirmation.

With Whop Websites, however, everything is built from the start and you can see your stats side by side, on the same page.

## Blueprint creators earn 10%

Blueprints aren't only for the people deploying them. If you publish one and another business deploys it, you earn 10% of Whop's profit on the sales that business's site makes, attributed automatically.

That cut comes from Whop's share rather than the seller's, so deploying somebody else's blueprint doesn't change your own pricing or what you take home.

## Make your own website today

Now that you know how easy it is to get yourself a website and literally start a business in a day, why don't you give it a try?

Go to [whop.com/blueprints](https://whop.com/blueprints/), grab a blueprint (or create one from scratch), make it yours, publish your website, and have a fully-functioning business ready to go.

**[See blueprints](https://whop.com/blueprints/)**

If you want to learn more about what you can do with Whop, check out our other [tutorials](https://whop.com/blog/t/tutorials/) and the [Whop developer docs](https://docs.whop.com/).

**[Go to Whop developer docs](https://docs.whop.com/)**