De gewone deelopties van ChatGPT volstaan als iemand alleen een prototype of presentatie hoeft te openen. Voor een offerte, investeerderspresentatie, klantprototype of rapport kunnen ze tekortschieten. Misschien wil je activiteit aan een beoogde ontvanger koppelen, vóór toegang een e-mailadres verzamelen, de toegang beperken tot goedgekeurde externe inboxen, de link laten verlopen of zien welke pagina's en onderdelen de aandacht vasthielden.
Daar komt een dienst voor het delen van HTML met tracking van pas. Vraag ChatGPT om één downloadbaar HTML-bestand, upload het naar de dienst en stuur iedere ontvanger een getrackte link.
HummingDeck is ons product. In deze handleiding gebruiken we het als deellaag nadat ChatGPT het downloadbare HTML-bestand heeft gemaakt.
Wat een getrackte HTML-link toevoegt
| Als je dit nodig hebt... | Dan moet de deellaag dit bieden |
|---|---|
| Betrokkenheid koppelen aan een beoogde ontvanger | Een aparte persoonlijke link voor iedere ontvanger |
| Een e-mailadres verzamelen voordat iemand kijkt | Een Email Capture-stap vóór toegang |
| Toegang beperken tot goedgekeurde externe inboxen | Een geverifieerde witte lijst met e-mailadressen |
| Toegang automatisch of op verzoek beëindigen | Een vervaldatum voor de link en handmatige intrekking |
| De pagina bijwerken zonder een nieuwe link te sturen | De HTML opnieuw uploaden met behoud van bestaande deellinks |
| Begrijpen wat de aandacht vasthield | Tijd per pagina of onderdeel, voltooiing en het betrokkenheidsverloop |
HummingDeck biedt deze functies voor geüploade HTML-bestanden. Persoonlijke links, basistracking van weergaven, bestandsvervanging en handmatige intrekking zijn beschikbaar in het Free-abonnement. Tijd per pagina of onderdeel en een vervaldatum voor links zijn beschikbaar vanaf Starter. Email Capture en Restricted Access zijn beschikbaar vanaf Pro. Vergelijk de HummingDeck-abonnementen.
Als je alleen een openbare URL nodig hebt, vergelijkt onze handleiding voor het hosten en delen van één HTML-bestand acht opties. Lees hier verder als je controle per ontvanger nodig hebt.
Deze werkwijze is bedoeld voor statische pagina's. Als de live ChatGPT Site afhankelijk is van inloggen, opgeslagen gegevens, betalingen of servercode, laat je die versie online staan en gebruik je HTML alleen als reviewversie.
Zet de ChatGPT-pagina om in één HTML-bestand
ChatGPT kan het resultaat tonen als een Site, een Canvas of HTML Preview, of een gegenereerd bestand. HummingDeck heeft het bestand nodig. Het kan geen URL van een ChatGPT Site of gedeelde Canvas-link importeren. Ga terug naar het gesprek waarin de pagina is gemaakt en vraag om een statische kopie:
Geef de nieuwste versie terug als één zelfstandig index.html-bestand dat ik kan downloaden.
Zorg dat de lay-out en interacties in de browser zonder server blijven werken.
Sluit externe afbeeldingen, lettertypen, pictogrammen, scripts en andere assets in of vervang ze, zodat het bestand offline werkt.
Verwijder of vervang alles waarvoor een API-sleutel, database, login of backend nodig is.
Geef index.html terug als downloadbaar bestand, niet alleen als codeblok.
Als het antwoord een gegenereerd .html-bestand met een downloadknop bevat, download je het en behoud je de extensie .html (documentatie over de bestandsworkflow). Als ChatGPT alleen een HTML Preview toont, vraag je om een downloadbaar .html-bestand of de volledige HTML-broncode. Gebruik de onderstaande stappen om handmatig op te slaan alleen wanneer de volledige broncode zichtbaar is.
Als ChatGPT alleen volledige HTML in een codeblok teruggeeft:
- Kopieer het volledige document, vanaf
<!doctype html>of<html>tot en met de afsluitende tag</html>. - Plak het in een editor voor platte tekst.
- Sla het met UTF-8-codering op als
index.html. - Controleer of de editor geen
.txtaan de bestandsnaam heeft toegevoegd.
Tijdens onze test op 7 augustus 2026 toonde ChatGPT Sites geen functie om HTML te exporteren. Daarom vroegen we in het oorspronkelijke gesprek om een gegenereerde index.html. Het bestand werkte offline en na upload naar HummingDeck.
Als ChatGPT een React- of Vite-project met package.json teruggeeft, heb je broncode gekregen die nog moet worden gebouwd en geïmplementeerd. Vraag alleen om één statische index.html als een reviewversie zonder de live backend volstaat.
Test de HTML voordat je die uploadt
Open het gedownloade bestand in je browser en gebruik het zoals de ontvanger dat zou doen.
- Open en controleer de hele pagina. Ruwe code betekent meestal dat het bestand
index.html.txtheet of onvolledige markup bevat. Bezoek iedere dia, sectie en resultatenpagina. - Test interacties en assets offline. Probeer de navigatie, tabbladen, rekenhulpen, formulieren, knoppen, afbeeldingen, pictogrammen en lettertypen zonder internetverbinding.
- Controleer de broncode op geheimen. Iedereen die HTML ontvangt, kan de code bekijken. Zet nooit een API-sleutel, wachtwoord of privétoken in het bestand.
Als de pagina offline niet werkt, ga je terug naar ChatGPT en vraag je om de ontbrekende afhankelijkheid in te sluiten of te vervangen.
Voeg tracking en toegangscontrole toe met HummingDeck
Zodra het bestand zelfstandig werkt, upload je precies dat bestand naar HummingDeck:
- Open HummingDecks pagina voor het delen van HTML en upload het
.html-bestand. - Test de geüploade versie opnieuw.
- Maak voor iedere ontvanger een persoonlijke link.
- Kies de gewenste toegangs- en vervalinstellingen en verstuur daarna de link.
Als ChatGPT een nieuwe versie maakt, kies je bij het document Vervangen en upload je het nieuwe .html-bestand. Eerder aangemaakte links verwijzen dan naar de nieuwe versie, zodat je ze niet opnieuw hoeft te versturen.
Tracking schrijft activiteit toe, maar bewijst geen identiteit
Email Capture registreert het adres dat een bezoeker invoert. Een persoonlijke link schrijft activiteit toe aan de beoogde ontvanger, maar de link kan worden doorgestuurd. Restricted Access verifieert dat de bezoeker toegang heeft tot een inbox op de witte lijst, niet diens juridische identiteit. Botfilters verminderen ruis van scanners, maar geen enkel filter detecteert iedere geautomatiseerde gebeurtenis.
Onze vergelijking van HTML-analyses legt het verschil uit tussen geaggregeerde websiteanalyse en links per ontvanger.
Veelvoorkomende exportproblemen oplossen
- ChatGPT gaf code terug in plaats van een bestand: vraag om exact die code als downloadbare
index.html. Als je nog steeds een codeblok krijgt, gebruik je de stappen om handmatig op te slaan en laat je de Markdown-afbakening weg. - Het bestand opent als tekst: hernoem
index.html.txtnaarindex.htmlen open het opnieuw in een browser. - Afbeeldingen of opmaak ontbreken: vraag ChatGPT om iedere externe resource in te sluiten of te vervangen en herhaal daarna de offlinetest.
- Knoppen werken niet: benoem het kapotte bedieningselement en vraag ChatGPT om het te herschrijven in JavaScript aan de browserzijde, zonder afhankelijkheid van een framework of server.
- De pagina vereist inloggen, opgeslagen gegevens, betalingen of servercode: laat de live versie op ChatGPT Sites staan. Een statische HTML-kopie kan dienen als duidelijk gemarkeerde reviewversie, maar kan de werkende app niet vervangen.
Veelgestelde vragen
Hoe exporteer ik een ChatGPT-website als HTML?
Vraag ChatGPT om de nieuwste pagina terug te geven als downloadbaar index.html-bestand. Als je alleen een HTML Preview ziet, vraag je om een downloadbaar bestand of de volledige HTML-broncode. Wanneer de volledige code zichtbaar is, kun je die naar een editor voor platte tekst kopiëren en opslaan als index.html.
Kan ik dit gebruiken met een ChatGPT Site, Canvas of gegenereerde HTML-pagina?
Deze werkwijze werkt wanneer ChatGPT een volledig .html-bestand levert. HummingDeck kan geen URL van een Site of gedeelde Canvas-link importeren. Een statische kopie kan inhoud en interacties aan de browserzijde behouden, maar geen gehoste functies zoals inloggen, opgeslagen gegevens, betalingen, databases of servercode. Laat de werkende app op ChatGPT Sites staan en deel de HTML als reviewversie.
Kan ik de pagina bijwerken zonder een nieuwe link te sturen?
Exporteer de bijgewerkte pagina als een nieuw .html-bestand en gebruik daarna Vervangen in HummingDeck. Bestaande deellinks openen de nieuwe versie, dus je hoeft ze niet opnieuw te maken of te versturen.
Heeft de ontvanger een ChatGPT- of HummingDeck-account nodig?
Voor een standaard HummingDeck-link is geen HummingDeck- of ChatGPT-account nodig. Restricted Access verifieert een inbox op de witte lijst, maar de ontvanger hoeft nog steeds geen HummingDeck-account te maken.
Bewijst een persoonlijke link wie de pagina heeft bekeken?
De activiteit wordt toegeschreven aan de link van de beoogde ontvanger. Restricted Access geeft meer zekerheid over de inbox die voor toegang is gebruikt, maar bewijst niet de juridische identiteit of wie het apparaat fysiek gebruikte.
Deel de ChatGPT-pagina met controle
ChatGPT heeft de ervaring gemaakt. Door die als HTML te exporteren, voeg je de controle over verspreiding toe die bij gewoon delen ontbreekt.
Gerelateerd:
- Eén HTML-bestand hosten: 8 tools vergeleken: kies een openbare host of een deellaag met tracking.
- Analyses toevoegen aan een HTML-pagina: vergelijk ingebouwde analyse met links per ontvanger.
- Claude Design buiten Anthropic delen: volg de aparte workflow voor een zelfstandige HTML-export uit Claude Design.
- Een Claude-project delen: kies tussen het delen van de werkruimte, een gesprek, een artefact of een geëxporteerd bestand.
- Een presentatie online delen: vergelijk links, bijlagen en presentatiehosting.
