Bouw uw eerste winkel, stap voor stap
Volg een kaarsenwinkel als voorbeeld, van aanmelden tot uw eerste voorbeeld, een gerichte wijziging en de controles vóór publicatie. Met schermafbeeldingen en korte opnamen.
De schermafbeeldingen en opnamen op deze pagina tonen de Engelse interface.
Bouw een webwinkel die u kunt bekijken, aanpassen en klaarmaken om te delen. Volg de stappen op volgorde of gebruik de inhoudsopgave om terug te gaan naar de stap die u nodig hebt.
Het voorbeeld is Quiet Mornings, een winkel voor handgemaakte kaarsen. U kunt ook uw eigen bedrijfsidee gebruiken. De schermafbeeldingen en opnamen zonder geluid tonen de Engelse interface; vragen en beschikbare bediening kunnen per winkel verschillen.
Navigatiepad: Runner AI → Gratis beginnen → aanmelden → uw werkruimte.
De korte route
- Open het winkelnaammenu → Winkel maken (of + Winkel in een lege werkruimte). Kies Nieuw maken als die optie verschijnt, of Shopify verbinden voor een bestaande Shopify-winkel.
- Beschrijf in het projectgesprek uw bedrijf, doelgroep, visuele stijl en benodigde pagina’s. Verstuur het verzoek en beantwoord de vragen van Runner.
- Open Webwinkel zodra de eerste versie klaar is en controleer het voorbeeld. Een gereed voorbeeld is nog niet openbaar.
- Selecteer Publiceren wanneer u wilt lanceren en los alle gereedheidsvereisten op voordat u bevestigt. Publicatie en een werkende checkout blijven afzonderlijke controles.
Voordat u begint
- Gebruik een e-mailadres of Google-account waartoe u toegang hebt.
- Kies een werkruimte met een beschikbare winkelplek en voldoende tegoed voor het verzoek. Los eventuele abonnements- of toegangsbeperkingen op voordat u nog een winkel maakt.
- Beschrijf in één zin wat u verkoopt en wie het koopt. Verfijn het ontwerp na het eerste voorbeeld.
U hoeft geen betaalprovider te verbinden om een webwinkel te bekijken. Voorbeeld, gepubliceerd en klaar om betalingen te ontvangen zijn afzonderlijke controlepunten.
1. Aanmelden
- Open Runner en selecteer Gratis beginnen. Als u al bent aangemeld, selecteert u Workspace openen.
- Selecteer Doorgaan met Google en kies uw account, of voer uw E-mail in, selecteer Doorgaan en voer de code uit de e-mail van Runner in.
- Beantwoord eventuele vragen over uw account. Runner opent uw werkruimte of keert terug naar de pagina waar u begon.
De Engelse annotaties wijzen de bedieningselementen aan. Selecteer de afbeelding om deze te vergroten.
Controleer: U kunt uw werkruimte openen zonder terug te keren naar aanmelden. Zie Aanmelden als een code of accountkeuze niet werkt.
2. Een winkel maken
- Selecteer de winkelnaam bovenaan de linkerzijbalk en vervolgens Winkel maken. Klap de zijbalk eerst uit als deze is ingeklapt. Gebruik in een lege werkruimte de daar getoonde actie Winkel maken of + Winkel.
- Kies Nieuw maken als het formulier een keuze biedt. Gebruik Shopify verbinden om een bestaande Shopify-winkel te behouden.
- Voer Quiet Mornings in bij Winkelnaam, of gebruik uw eigen naam.
- Selecteer Maken en wacht tot de nieuwe winkel wordt geopend. Selecteer Maken niet opnieuw terwijl de actie bezig is.
De Engelse annotaties wijzen de bedieningselementen aan. Selecteer de afbeelding om deze te vergroten.
Controleer: De zijbalk toont de naam van de nieuwe winkel. Een winkel maken bouwt of publiceert de webwinkel nog niet.
3. De eerste versie beschrijven
- Selecteer Webwinkel. Als er nog geen gebouwde versie is, toont Runner een invoerveld waarin u beschrijft hoe de webwinkel eruit moet zien. U kunt ook het gesprek van de nieuwe winkel gebruiken.
- Kopieer dit voorbeeld naar het invoerveld en pas de bedrijfsgegevens aan:
Build a store for Quiet Mornings, a handmade candle brand for people
who enjoy slow mornings. Use warm cream colors, forest-green accents,
and spacious product photography. Include a homepage, product pages,
About, and Contact. Start with three sample candles: Morning Light,
Cedar Cabin, and Lavender Dusk. Keep the store unpublished.- Selecteer de verzendpijl (Bericht verzenden). Als uw beginscherm Begin met bouwen toont, gebruikt u die actie.
- Runner opent het bouwgesprek en begint te werken. Blijf in deze winkel terwijl u het resultaat bekijkt.
Controleer: Uw verzoek verschijnt in het gesprek. Daaronder verschijnt een voortgangsindicator of een vervolgvraag. Voorbeeldproducten zijn om mee te oefenen; vervang de gegevens voordat u ze verkoopt.
4. Vragen beantwoorden en het werk volgen
- Lees elke vraag. Selecteer een antwoord of gebruik Anders… om zelf een antwoord te schrijven.
- Beantwoord de overige vragen. In dit voorbeeld kiezen we een kaarsenprijs en een richting voor de productfotografie.
- Wacht tot Runner doorgaat. Open Details wanneer u een mislukte of geblokkeerde stap wilt begrijpen.
De Engelse annotaties wijzen de bedieningselementen aan. Selecteer de afbeelding om deze te vergroten.
Bekijken: de vervolgvragen beantwoorden
De opname toont de prijskeuze, de overgang naar de fotografievraag en de keuze van een visuele richting. Beantwoord bevestigt de keuzes en Runner hervat het werk. Uw vragen hangen af van uw verzoek.
Controleer: Er wacht geen vraag meer op uw antwoord. Een voltooid bericht alleen is niet de laatste controle: open de webwinkel en bekijk wat daadwerkelijk wordt geladen.
5. Het voorbeeld bekijken en één wijziging maken
De Engelse annotaties wijzen de bedieningselementen aan. Selecteer de afbeelding om deze te vergroten.
- Open Webwinkel of selecteer Voorbeeld op de voltooide bouwkaart wanneer die optie wordt aangeboden.
- Wacht tot de winkel zelf verschijnt. Voorbeeld wordt voorbereid… betekent dat u het resultaat nog niet kunt beoordelen.
- Open de homepage, een product, About en Contact. Controleer teksten, afbeeldingen, prijzen en navigatie.
- Gebruik de apparaatkeuze om PC, Tablet en Telefoon te controleren. Let op afgekapte tekst, overlappende knoppen en horizontaal scrollen.
- Ga terug naar het gesprek en vraag om één specifieke wijziging:
Change the homepage headline to “Make room for a slower morning.”
Keep the colors, layout, and product information unchanged.- Wacht op de wijziging, open het huidige voorbeeld opnieuw en controleer of de nieuwe kop zichtbaar is. Controleer Telefoon opnieuw.
Controleer: U kunt de gevraagde wijziging in het voorbeeld aanwijzen. De winkel is nog niet gepubliceerd. Indien beschikbaar kunt u met Ontwerpmodus ook een element selecteren voor een gerichte bewerking.
De Engelse annotaties wijzen de bedieningselementen aan. Selecteer de afbeelding om deze te vergroten.
Bekijken: desktop- en telefoonindelingen controleren
De apparaatkeuze wisselt van PC naar Tablet, vervolgens naar Telefoon en terug naar PC. Alleen het voorbeeldkader verandert; deze actie publiceert of bewerkt uw winkel niet.
6. De publicatiecontroles bekijken
Publiceren kan een betaald abonnement of aanvullende toegang tot de werkruimte vereisen. Als Publiceren een upgrademelding opent, bekijk dan de huidige abonnementen of ga terug naar uw voorbeeld. Los deze toegangsvoorwaarde op voordat u de publicatiebevestiging verwacht.
De Engelse annotaties wijzen de bedieningselementen aan. Selecteer de afbeelding om deze te vergroten.
- Selecteer Publiceren in de werkbalk van Webwinkel. Dit start toegangs- en gereedheidscontroles; het bewijst niet dat de winkel live is.
- Lees Implementatie Bevestigen en wacht op de buildcontrole.
- Los de getoonde punten op. Oplossen met AI vraagt om een reparatie, Controle opnieuw proberen voert de controle opnieuw uit en Winkelbeheer openen brengt u naar de instellingen wanneer die optie wordt aangeboden.
- Als u oefent, selecteert u Annuleren. Wilt u deze versie openbaar maken, bekijk dan de waarschuwingen en selecteer Bevestigen alleen wanneer dit is ingeschakeld.
- Wacht na het bevestigen op een geslaagde publicatie, open de openbare URL en controleer de livepagina’s. Neem bij een mislukte publicatie niet aan dat uw wijzigingen live zijn.
In de schermafbeelding is de buildcontrole geslaagd, maar de instellingen vereisen nog aandacht. Ik begrijp het en wil publiceren met een onvolledige instelling, wanneer aangeboden, bevestigt dat u de genoemde onvoltooide instellingen erkent; het rondt dat werk niet af.
Bekijken: de controles verlaten zonder te publiceren
De opname toont het bekijken van het buildresultaat en de waarschuwing over instellingen, gevolgd door Annuleren om terug te keren naar Voorbeeld. De voorbeeldwinkel wordt niet gepubliceerd.
Controleer: Een werkend voorbeeld bewijst dat u de build kunt zien. Een geslaagde publicatie en een werkende openbare URL bewijzen dat bezoekers de winkel kunnen bereiken. De betaalverbinding en checkoutcontroles moeten nog worden afgerond voordat u bestellingen aanneemt.
Gebruik Voorbereiden op publicatie voor producten, verzending, beleid en andere instellingen. Ga verder met Publiceren en opnieuw publiceren en Livewinkel en checkout.
Als een stap niet wordt afgerond
| Wat u ziet | Uw volgende stap |
|---|---|
| Nog geen winkel | Open het winkelnaammenu of de aanmaakactie in de lege werkruimte. |
| Een winkelplek- of abonnementslimiet | Controleer het abonnement van de werkruimte of kies een werkruimte met plek. Herhaaldelijk Maken selecteren verwijdert de limiet niet. |
| Een vraag wacht op invoer | Beantwoord deze voordat u verwacht dat Runner doorgaat. |
| Het voorbeeld wordt voorbereid | Houd de huidige versie open. Gebruik Vernieuwen als dat wordt aangeboden wanneer de voorbereiding niet meer vordert. |
| Mislukte, gestopte of tegenstrijdige resultaten | Open Details, lees het resterende probleem en controleer het daadwerkelijke voorbeeld. Vraag Runner het specifieke probleem op te lossen in plaats van alleen op de succesmelding te vertrouwen. |
| Bevestigen is uitgeschakeld | Rond de build of actieve taak af en voldoe aan de genoemde vereisten. “Geen wijzigingen” vereist een nieuwe opgeslagen wijziging; het is geen waarschuwing die u kunt wegklikken. |
| Een livewinkel kan geen betalingen ontvangen | Rond de betaalverbinding en checkoutinstellingen af die in Apps of tijdens de publicatie worden getoond. |