Wix Headless: Een website maken met Claude Design

Ja, je hebt een Wix-account nodig om Claude Design met Wix te gebruiken. Als je je ontwerp naar Wix stuurt, wordt het als nieuwe website in je account opgeslagen. Daar beheer je je inhoud, voeg je Wix Business Solutions toe en koppel je je domein. Meld je gratis aan.

Ja, zodra je website live staat, kun je via je Wix-dashboard een eigen domein koppelen. Dat kan een domein zijn dat je al hebt, of een nieuw domein dat je via Wix koopt.

Staat je ontwerp live? Kopieer dan de prompt op het Wix-dashboard en plak deze in je AI-codeagent. Je agent downloadt je project en koppelt de Wix Business Solutions die je website nodig heeft.

Zodra alles gekoppeld is, beheer je je bedrijf vanaf het Wix-dashboard.

Als je je ontwerp naar Wix stuurt, wordt je website direct gepubliceerd en staat deze live. Wil je je website verder bewerken en de wijzigingen live zetten? Welke stappen je dan volgt, hangt ervan af of een AI-codeagent of de Wix CLI je website heeft gepubliceerd sinds je deze voor het eerst vanuit Claude Design naar Wix stuurde.

• Als alleen Claude Design je website heeft gepubliceerd: Klik in Claude Design op Delen, ga naar het Verzenden naar-tabblad en klik opnieuw op Verzenden naar Wix. Je bestaande live website wordt bijgewerkt met het nieuwste ontwerp, op dezelfde URL.

• Als een AI-codeagent of de Wix CLI je website heeft gepubliceerd: Exporteer het ontwerp vanuit Claude Design en laat je AI-codeagent de wijzigingen in je project doorvoeren.

  1. (In Claude Design) Klik op Delen en selecteer het Exporteren-tabblad.

  2. Selecteer Zelfstandige HTML en klik op Download.

  3. Voeg het gedownloade bestand toe aan je AI Coding Agent en vraag de agent om je bestaande project bij te werken met het nieuwe ontwerp.

  4. Vraag je agent om "npx wix preview" uit te voeren en je de voorbeeldlink te geven.
     Tip: Controleer het resultaat voordat je de website publiceert.

  5. Publiceer de website. Je kunt je agent vragen om de website te publiceren, of zelf "npx wix release" uitvoeren.

Let op:

Heb je je website gekoppeld aan Wix Business Solutions (bijvoorbeeld: Wix Stores of Wix Bookings)? Pas je website dan verder aan met een AI Coding Agent (bijvoorbeeld: Claude Code, Cursor of Codex). Vertel de Agent welke wijzigingen je wilt. De Agent voert ze dan door in je project.

Lees meer over het synchroniseren van ontwerpwijzigingen vanuit Claude Design.

Ja, je kunt ontwerpwijzigingen aanbrengen in Claude Design en die met een geëxporteerd bestand via je AI Coding Agent op je website doorvoeren. Lees hoe je ontwerpwijzigingen vanuit Claude Design synchroniseert.

1. Ontwerp de nieuwe pagina in Claude Design.

2. Klik op Delen en selecteer het Exporteren-tabblad.

3. Selecteer Zelfstandige HTML en klik op Download.

4. Voeg het gedownloade bestand toe aan je AI Coding Agent en vraag de agent om de pagina aan je bestaande project toe te voegen.

5. Vraag je agent om de website opnieuw te publiceren, of voer zelf "npx wix release" uit.

Let op: Als je in Claude Design op Verzenden naar Wix klikt, wordt er maar één pagina geïmplementeerd.

Lees meer over werken met Claude Design.

Je kunt de publicatie van je website (oftewel je front-end) ongedaan maken via het Wix-dashboard. Wil je je website later weer toegankelijk maken voor bezoekers? Dan kun je deze altijd opnieuw publiceren.

1. Ga naar Instellingen op het dashboard van je website.

2. Klik op Website-instellingen.

3. Klik bovenaan de pagina op Publiceren ongedaan maken.

4. Klik in de pop-up op Publiceren ongedaan maken om te bevestigen.

Belangrijk: Als je de publicatie van je website ongedaan maakt, worden je domein en je Premiumpakket niet opgezegd. Lees hoe je je domein of pakket opzegt.