AI Store Builder

De AI Store Builder van Runner AI is een geautomatiseerd end-to-end websitebouwsysteem waarmee u een verkoopklare e-commercewebsite kunt genereren vanuit een eenvoudige beschrijving.

In tegenstelling tot traditionele websitebouwers hoeft u niet:

• Code te schrijven
• Lay-outs te ontwerpen
• Complexe tools te leren
• Vanaf een leeg canvas te beginnen

Met slechts één prompt kan Runner AI genereren:

• Homepage (hero-sectie, productblokken, categoriestructuur)
• Productpagina's (als producten worden toegevoegd)
• Sitebreed kleurenpalet en typografie
• Conversiegericht copywriting
• Website-afbeeldingen en video's (optioneel)
• Volledige sitestructuur en designframework

Na generatie kunt u alles aanpassen met de visuele editor of de inhoud verder optimaliseren met prompts.

Wat U Zult Leren

• De AI-winkelbouw workflow
• Hoe prompts te schrijven en optimaliseren
• Gebruik van de Ontwerpmodus (visuele bewerking)
• Optimalisatie van tekst, afbeeldingen en lay-outs met AI
• Genereren van websitevideo's
• Toevoegen van nieuwe modules
• Bouwen van multi-page sitestructuren
• Herstellen van eerdere versies
• Veelgestelde vragen

1. Genereer Uw Eerste AI-Website

De kern van Runner AI is het vermogen om uw bedrijfsidee om te zetten in een complete website met behulp van prompts.

Stap-voor-Stap Overzicht

Stap 1: Winkel Aanmaken Ga naar: Dashboard → Winkel Aanmaken Na het invoeren van uw winkelnaam wordt u naar de winkelbouwer geleid.

Stap 2: Voer een Prompt In Beschrijf wat u wilt bouwen, bijvoorbeeld:

• "Ik wil een handgemaakte kaarsenwinkel met een zachte, schone, crèmekleurige esthetiek."
• "Maak een Black Friday elektronica-promotiesite met countdown-timer en kortingssecties."
• "Genereer een landingspagina om mijn AI-cursus te promoten."

Stap 3: Wacht op Generatie (duurt meestal seconden) Runner AI genereert automatisch:

• Paginastructuur
• Afbeeldingen (als AI-afbeeldingen zijn ingeschakeld)
• Teksten (titels, beschrijvingen)
• Aanbevolen modules
• Een samenhangend designsysteem

Stap 4: Bekijk en Bewerk Na generatie kunt u:

• Lay-outs aanpassen
• Afbeeldingen vervangen
• Teksten verfijnen
• Modules toevoegen
• Nieuwe pagina's maken

2. Prompt-Optimalisatie

De kwaliteit van uw prompt beïnvloedt direct de kwaliteit van de gegenereerde website.

Sleutelelementen van een Effectieve Prompt

Een goed gestructureerde prompt bevat doorgaans:

Bedrijfstype

• "Dierenbenodigdhedenwinkel"
• "Yogakledingmerk"

Ontwerpstijl

• "Minimaal, schoon, crèmetinten"
• "Donker, premium, futuristisch"

Doelgroep

• "Voor Amerikaanse vrouwelijke consumenten"
• "Ontworpen voor professionele fotografen"

Functionele Vereisten

• "Countdown-module opnemen"
• "Hoogwaardige afbeeldingengalerijen weergeven"

Prompt-Verbetering (Ingebouwde Ondersteuning)

Als u begint met een eenvoudig idee, zoals:

"Ik wil een website voor dierenbenodigdheden bouwen"

Zal Runner AI uw prompt automatisch verbeteren door uit te breiden:

• Sitestructuur
• Ontwerprichting
• Modulevereisten
• Teksttoon
• Gebruikersscenario's

Druk op Tab om de verbeterde prompt te accepteren en door te gaan.

Aanbevolen Prompt-Voorbeelden

Winteruitverkoop (Maak een moderne, mobile-first winterkleding-uitverkoop e-commercewebsite...)

Woondecoratie Boetiek (Maak een Woondecoratie Boetiek met chic, minimalistisch ontwerp...)

Shopify Thema Remix (Remix het Shopify impulse thema https://themes.shopify.com/themes/impulse/presets/impulse...)

Persoonlijke Merkwebsite (Maak een moderne, responsieve, oprichter-geleide e-commercewebsite...)

(De hierboven getoonde prompts zijn officieel aanbevolen voorbeelden.)

3. Ontwerpmodus (Visuele Bewerking)

De Ontwerpmodus stelt u in staat uw website visueel aan te passen, zonder code.

Tekstbewerking

U kunt:

• Tekst handmatig bewerken
• Lettertype, grootte en gewicht aanpassen
• Kleur, uitlijning en positie wijzigen
• AI Herschrijven gebruiken om teksten met verschillende tonen te regenereren

AI-bewerkingsfuncties verbruiken credits.

Afbeeldingsbewerking

U heeft twee opties:

Uw eigen afbeeldingen uploaden Ideaal voor verkopers met bestaande merkassets.

Genereren of vervangen met AI-afbeeldingen Ideaal als u geen visuele materialen heeft.

Voorbeeld prompt:

"Genereer een warme lifestyle hero-afbeelding met een zachte beige achtergrond en natuurlijk zonlicht."

Runner AI vervangt automatisch de geselecteerde afbeelding.

4. Videogeneratie

Videogeneratie is een geavanceerde functie ontworpen om betrokkenheid en SEO te verbeteren.

Hoe een Video te Genereren

Voer een prompt in zoals:

generate a branding video for my hero section that showcases modern jewelry with gold accents and slow-motion product shots

Runner AI zal:

• De video genereren
• Deze in de hero-sectie invoegen
• Autoplay, mute en loop configureren

Aanpasbare Opties

• Miniatuurafbeelding
• Afspeelgedrag (autoplay, mute, loop)
• Visuele stijl (realistisch, cinematisch, merkgericht)

Beschikbaarheid en Kosten

• Beschikbaar op Runner Plan en hoger
• Elke video verbruikt 10 credits

5. Nieuwe Modules Toevoegen

Modules bepalen de rijkdom van de pagina en SEO-prestaties.

Beschikbare modules:

• Productcategoriesecties
• FAQ
• Getuigenissen
• Tekstblokken
• Afbeelding + tekstsecties
• Marketing-popups (kortingen, countdown)
• E-mailabonnementsblokken
• Feature-highlights
• Merkverhaal / Over ons-sectie

Gebruikssituaties:

• Productlanceringspagina's
• Campagne-landingspagina's
• Merk-storytelling-pagina's
• SEO-contentpagina's (bijv. "Winter Outfit Gids")

Modules kunnen onbeperkt en zonder code worden toegevoegd.

6. Multi-Page Sitestructuur Bouwen

Een complete website omvat doorgaans meer dan alleen de homepage.

U kunt creëren:

Productdetailpagina's

Bevatten:

• Productafbeeldingen
• Beschrijving
• Specificaties
• Klantbeoordelingen
• Aanbevolen producten
• FAQ

Blogpagina's

Gebruikt voor SEO en contentmarketing, bijvoorbeeld:

• "Hoe Kiest U de Juiste Yogakleding"
• "Waarom Natuurlijke Kaarsen Veiliger Zijn"

Over Ons-pagina

Bouwt merkgeloofwaardigheid en vertrouwen op.

Contactpagina

Biedt klantenservice-e-mail en sociale links.

Runner AI kan automatisch volledige inhoud voor elke pagina genereren.

7. Versiegeschiedenis en Rollback

Alle AI-gegenereerde wijzigingen en handmatige bewerkingen worden automatisch als versies opgeslagen.

U kunt:

• Alle versies bekijken
• Eerdere staten voorvertonen
• Elke versie met één klik herstellen

Ideaal voor:

• Het testen van verschillende ontwerpen
• Fouten corrigeren
• Ongewenste wijzigingen ongedaan maken

8. FAQ

V1: Kan ik de gegenereerde website volledig aanpassen? Ja. Bijna alle lay-outs, afbeeldingen en teksten zijn bewerkbaar.

V2: Waarom is videogeneratie een betaalde functie? Videogeneratie is resource-intensief en daarom geclassificeerd als geavanceerde functie.

V3: Wie bezit de rechten op AI-gegenereerde afbeeldingen? U krijgt volledige commerciële gebruiksrechten.

V4: Kan ik prompts in andere talen dan Engels gebruiken? Ja, hoewel Engelse prompts momenteel de beste resultaten opleveren.