How to share an AI-made web page as a link (no coding)

What you need

• A computer (saving the file is hard to do from a phone alone)
• A free Claude account or a free ChatGPT account
• A free Netlify account if you use Method 2 (you can sign up with a Google account)

What you get

A web address anyone can open, ready to paste into WhatsApp, Instagram, or any chat. Use it for anything you make with the other recipes on this site (invitations, games, quizzes, menus).

Step by step

1. 1

   Choose which method to use

   If your page has no personal photos or sign-up form (a game, a personality quiz, a simple intro), Method 1 is all you need. If it is an invitation with your own photos, or a form that has to collect responses, go with Method 2.

2. 2

   Method 1. Build it in Claude

   Go to claude.ai and sign in. Type what you want to make in the chat box and send it (you can copy and paste the prompt from any recipe). A result panel opens separately on the right side of the screen.

   You know it worked whenIf the game or page actually runs in the panel on the right, it works.

   TipIf you already built it in ChatGPT, you can copy the code, paste it into Claude, and say "Show this code as it is."

3. 3

   Method 1. Press Publish and copy the link

   Click the "Publish" button at the top right of the result panel. When the public link is created, click the copy button and paste it into WhatsApp or any chat.

   You know it worked whenThe person who receives it can open the link right away without signing up for Claude.

   TipIf you build it with a work account (Team or Enterprise), only people at your company may be able to open it. Use a personal account.

4. 4

   Method 2. Save the code as a file

   In the chat where you made the page, send the prompt below to get it packaged as a single file. Then click the "Copy" button at the top right of the code box in the answer. Open Notepad on Windows or TextEdit on a Mac and paste it in. Make a new folder on your desktop and save the file inside it as "index.html".

   Prompt to pasteCopy prompt

   I want to send the page you just made to friends as a link.
   Please put it together so it opens as a single file.
   I will add the photos myself, so load them by names like photo1.jpg and photo2.jpg.
   Make the link preview show a title and description when it is sent in a messaging app.

   Make it yours

   • If you have no photos, you can delete the third line.

   You know it worked whenIf the page opens in your browser when you double-click the saved file, it works.

   TipIn Windows Notepad, set "Save as type" to "All files" and "Encoding" to "UTF-8" when you save. Otherwise the name becomes index.html.txt or special characters break. On a Mac TextEdit, choose Format > Make Plain Text before you save.

5. 5

   Method 2. Put the photos in the same folder

   Put the photos for the page in the same folder and rename them photo1.jpg, photo2.jpg, and so on. The names must match exactly what you used in the prompt.

   You know it worked whenIf the photos show when you open index.html again, it works.

6. 6

   Method 2. Drag the folder onto Netlify Drop

   In your browser, go to app.netlify.com/drop. Drag the whole folder from your desktop into the dotted box in the middle of the screen. Drop the entire folder, not just one file.

   You know it worked whenAfter a few seconds, an address ending in ".netlify.app" appears on the screen.

7. 7

   Method 2. Sign up for free and make it public

   The address you just got is locked at first, so other people cannot open it. Follow the on-screen prompts to sign up for free (a Google account works) and the lock is removed. In the site settings, "Change site name" lets you replace the first part of the address with a name you like.

   You know it worked whenIf the address opens without a password on mobile data (with Wi-Fi off), it works.

8. 8

   Check the link preview and send it

   First send the address to yourself in a chat app such as WhatsApp (a chat with yourself or a test chat). Check that the title and description show up in the link preview, then send it to your friends.

   TipIf the preview shows old content, the messaging app has cached it. Add ?v=2 to the end of the address and send it again to make it reload.

If you get stuck

Try next

• If you want your own domain (for example alexkim-wedding.com), connect it in the Domain menu of your Netlify site settings. A domain usually costs about $10 to $20 a year.

Features used here

More recipes