Yesterday a small Chrome extension called Copy4Chat showed up on r/ChatGPTPromptGenius, and it fixes something that has annoyed me for ages. You copy a webpage into ChatGPT or Claude, and everything useful turns to mush. The form values vanish. The selected options vanish. What was a tidy booking widget becomes a pile of loose words.
What’s new
Copy4Chat is a free Chrome extension from u/cyzium. It turns the part of a page you select into structured, readable text. It keeps form values, selected options, labels, and the layout hierarchy. It works with ChatGPT, Claude, Gemini, or any other AI chat.
The twist
The output is a text drawing of the page. The author’s demo uses the United Airlines homepage, and the paste comes out as boxes inside boxes. Tabs like Flight, Packages, and Hotel sit in their own frame. The “From” field shows San Jose SJC already filled in. The dates show Dec 11 and Dec 13, each tagged as required. The traveler count reads 1 Adult. The “Flexible dates” checkbox shows as unchecked and “Include Basic economy” shows as checked.
That means the AI sees the page as you see it: what is filled in, what is picked, what is still empty. You don’t need a screenshot, and you don’t need to give your AI assistant access to your browser. The author also says everything runs locally in your browser, with no AI processing and no external servers.
Mini-workflow
- 🧭 Install Copy4Chat from the Chrome Web Store (link below).
- 🖱️ Select the part of the page you care about, then right-click and use the extension. This is the step that replaces the screenshot.
- 📋 Paste into ChatGPT, Claude, Gemini, or whatever chat you use.
- 💬 Ask your question about the page. Something like: “Which required fields are still empty on this form?” or “What would you change on this page to make booking simpler?”
Pro tips
- Select only the section you need. A tighter selection gives the AI less noise to read through.
- The extension captures form values, so look at what is typed into the fields before you paste. If a field holds something personal, clear it first.
- Ask questions about state, not just text. Which box is ticked, what is selected, what is missing. That is where this beats a plain copy and paste.
One commenter on the thread was surprised anyone avoids screenshots. Fair point. Screenshots still work. But text is easier to quote back, edit, and reuse across chats, and this gives you the structure in text form.
Call to action
🏴☠ Try it on a page you fight with every week, like a booking form, a dashboard, or a settings screen, and see what your AI makes of it.
Chrome Web Store: https://chromewebstore.google.com/detail/copy4chat/jfcmdbgodjiacadofiacehfmnnonfjec
GitHub: https://github.com/hyunwookshin/copy4chat
If it saves you a screenshot or two, tell me what page you used it on! ⚓
Frequently Asked Questions
Q: Why not just take a screenshot of the page?
Screenshots make the model read small text off an image, and it can misread labels or miss details hidden in a form. Copied text keeps the exact labels and selected values in plain words, so the AI has less to guess.
Q: Does it keep dropdown selections and form values?
Yes, and that’s the part most people care about, since it’s usually what turns to garbage when you paste plain text. Select the whole form, labels included, not just the input boxes, so each value stays tied to its name.
Q: What do the box-drawing characters do?
They show nesting, so a tab group sits visibly inside its heading and a field sits inside its section. One reader said that makes the page structure easy to scan at a glance. If you tidy the text before pasting, keep the indentation so the hierarchy survives.
Copy a webpage into ChatGPT without losing its layout
by u/cyzium in ChatGPTPromptGenius