How it works

Drop a page. Get a link.

Everything you need to know — no technical knowledge required. Most things take a single click.

01 Publish a page

There are two ways to get content onto yapp.page. Both end with a shareable URL within a couple of seconds.

Drop a file

From yapp.page, drag a .html, .zip, or .pdf file into the drop area — or click to browse. Click Publish. You get back a shareable link.

Paste code

On the homepage Upload card, click or paste code →. Paste any HTML you've been given by ChatGPT, Claude, or anywhere else. Click Publish.

i
Multi-file site? Zip the folder. Make sure the entry file is named index.html at the root of the ZIP.

02 Multi-file & images

Need images, CSS, or JS alongside your HTML? Three paths — pick whichever fits your tools.

Drop multiple files at once

From yapp.page, select your index.html plus any images / CSS / JS files and drag them into the drop zone together. yapp.page bundles them into a ZIP in your browser, preserves the layout, and serves the page. Relative paths in your HTML (<img src="logo.png">) work as written.

Drop a whole folder

Drag a folder (e.g. my-site/ containing index.html and an images/ subfolder) directly into the drop zone. The folder structure is preserved — <img src="images/hero.jpg"> in your HTML resolves correctly.

i
Where does the index go? The bundle must contain a file named index.html. It can be at the root or inside a single wrapper folder — both work.

Single image (no HTML needed)

Drop a single .jpg, .png, .gif, .webp, .svg, or .avif — yapp.page generates a clean viewer page automatically, just like for PDFs. Useful for quickly sharing a screenshot or photo with a download button.

Use with AI (Claude)

Ask Claude to publish a page with images. It will call publish_page with an assets array containing each image alongside the HTML. Example prompt: "publish a portfolio page with this photo on yapp" — Claude bundles it for you.

i
Already have a ZIP? The classic path still works — drop the .zip file as a single upload. Whatever's inside the ZIP becomes your page.

03 Custom URL

By default you get a random link like dz0XAmqH.yapp.page. You can choose a memorable name instead.

1

Select your file or paste code

The More options drawer becomes visible.

2

Fill in "Link name"

Type something like german-quiz, my-cv, or portfolio-2026. A green check means it's available.

3

Publish

Your URL is german-quiz.yapp.page instead of a random ID.

i
Rename later: My pages → Manage → enter a new slug → Save URL slug. The old URL stops working immediately.

Rules

3–30 characters, lowercase letters, numbers, and hyphens only. Examples: my-site, quiz, john-cv-2026.

04 Password protection

Lock a page so only people with the password can view it. Useful for client previews or unfinished work.

In the More options drawer, type any password into the Password field. Share the link, share the password — that's it. Once someone enters the correct password they can view the page for 7 days without re-entering it.

!
Passwords can't be changed after publishing. To change one, re-publish the page with a new password (or replace the file in Manage).

05 Expiry

Choose how long the page stays online. When it expires, the link stops working and the page is deleted automatically.

  • 7 days — for quick demos or one-off shares.
  • 30 days — the default; good for most uses.
  • 90 days — for longer-term sharing.
  • Forever — stays online until you delete it.
i
Change expiry later: My pages → Manage → pick a new expiry → Save expiry. You can extend or shorten at any time.

06 Edit after publishing

You can change a published page without re-uploading. Two ways.

Edit the code in your browser

Click Edit from the success card or from My pages. A code editor opens with your page's HTML. Press ⌘S to save — the live page updates instantly.

Replace the whole file

Got a new version? In Manage, drop a new file in Replace file. The URL stays the same; only the content changes.

07 Form messages

If your page has a contact form, yapp.page captures submissions for you — no backend, no email setup.

Automatic

Any <form> on your page is intercepted automatically. The visitor sees a "Thank you" page; you see the message in My pages → Messages. Up to 200 messages per page are stored.

Manual (advanced)

If you want full control of where the form posts (e.g. from a different domain), add an action:

<form method="post" action="/form/YOUR-PAGE-ID"> <input name="name"> <input type="email" name="email"> <button>Send</button> </form>

The full endpoint is available in Manage → Form capture.

08 Host a PDF

Upload a PDF and get a clean shareable link with a built-in viewer — useful for CVs, menus, brochures.

Drag a .pdf file into the drop area on the home page. That's it. Visitors get a clean reader; you get a URL like my-cv.yapp.page.

09 Manage your pages

Open My pages to see everything you've published.

Each row has four actions:

  • Stats — daily views and referrers.
  • Edit — open the code editor (⌘S saves).
  • Messages — see form submissions, if your page has a form.
  • Manage — rename URL, change expiry, replace file, get edit code.
i
Admin view: the Admin badge in the top-right shows when your session has the ADMIN_PASSWORD set. Admins can see every page on the server and toggle filters for demos / anonymous uploads.

10 Sharing

Share a link on WhatsApp, Telegram, Twitter, or Slack and a preview card appears with your page's own title and description — not yapp.page branding.

Where the preview comes from

Title: your page's <title> tag. Description: a <meta name="description"> tag, or the first paragraph if there isn't one.

QR code

Every page gets a QR automatically. Find it on the success card or in My pages.

!
WhatsApp shows the wrong preview? WhatsApp aggressively caches link previews. Share the link in a new chat (not the same conversation) to force a fresh fetch.