Automatisch themablokken genereren in de themabewerker

Via Shopify Magic kun je Artificial Intelligence (AI) gebruiken om een nieuw themablok te genereren in je themabewerker op basis van details die je opgeeft.

Overwegingen voor het genereren van themablokken

Let op

Hulp bij het aanpassen of oplossen van problemen met de code voor blokken gegenereerd door Shopify Magic wordt niet ondersteund door Shopify Support en externe thema-ontwikkelaars. Als een AI-gegenereerd blok problemen veroorzaakt met je thema, dan moet je het misschien verwijderen.

Je kunt een Shopify-partner inhuren als je hulp nodig hebt met je door kunstmatige intelligentie gegenereerde themablokken.

Houd rekening met de volgende overwegingen bij het genereren van themablokken:

• Door AI gegenereerde code is niet altijd perfect. Het kan soms fouten opleveren, onverwachte resultaten of code die niet volledig voldoet aan de best practices voor toegankelijkheid of prestaties. Jij bent verantwoordelijk voor het controleren, testen en garanderen dat het gegenereerde blok voldoet aan jouw standaarden en correct functioneert.
• Bekijk een voorbeeld van hoe het blok eruitziet op zowel desktop- als mobiele weergaven in de voorbeeldweergave van de themabewerker.
• Als je blok aangepaste instellingen bevat, test deze dan nadat je het blok hebt toegevoegd om er zeker van te zijn dat ze werken zoals verwacht.
• Nadat je een themablok hebt gegenereerd, wordt het nieuwe liquid-bestand voor het blok toegevoegd aan de map blokken in de code van je thema. - Themablokken zijn gemaakt met Liquid, de templatetaal van Shopify. Themablokken bevatten ook HTML, CSS, JSON en JavaScript. Nadat je een themablok hebt gegenereerd, wordt het nieuwe vloeibare bestand voor het blok toegevoegd aan de map blokken in de code van je thema.

  

  - Als je een gegenereerd themablok wilt bewerken door de code te bewerken, kun je je themacode bewerken. Bewerk de code van je thema alleen als je HTML en CSS kent en een basiskennis hebt van Liquid. - Het door Shopify Magic gegenereerde liquid-bestand is een op zichzelf staand bestand. Je kunt je thema nog steeds updaten wanneer er nieuwe versies in de themawinkel worden gepubliceerd.

Vereisten voor het genereren van themablokken

Controleer de volgende vereisten voor het genereren van themablokken.

Vereisten voor abonnement

Je winkel moet een van de volgende abonnementen hebben:

• Gratis proefversie
• Basis
• Growth
• Advanced
• Plus

Deze functie is niet beschikbaar op het Starter-abonnement, dat het Spotlight-thema gebruikt en het toevoegen van aangepaste themadelen of blokken niet ondersteunt.

Taalvereisten

De voorkeurstaal van je account moet zijn ingesteld op Engels.

Themacompatibiliteit

De functie voor het genereren van themablokken is alleen beschikbaar voor thema's die door Shopify zijn gebouwd, zoals de gratis thema's uit de Shopify Theme Store. Je thema moet secties ondersteunen die het themablokken accepteren. Je kunt alleen blokken genereren voor secties waarin themablokken zijn toegestaan.

Meer informatie over verschillende blokbronnen.

Tips voor het schrijven van effectieve prompts

De kwaliteit van het gegenereerde blok hangt vaak af van de kwaliteit van je prompt. Bekijk de volgende best practices voor schrijfopdrachten.

Wees specifiek en beschrijvend

Prompts moeten minimaal vijf woorden lang zijn. Langere vragen met meer details leveren waarschijnlijk nauwkeurigere resultaten op.

Bijvoorbeeld, in plaats van afbeeldingen en tekst toe te voegen, voer je Maak een blok met een afbeelding aan de linkerkant en een koptekst, paragraaftekst en een knop ‘Nu winkelen’ aan de rechterkant. Stapel op mobiel.

Vermeld contentelementen

Maak een lijst van de inhoudstypes die nodig zijn voor het blok, zoals koppen, paragrafen, afbeeldingen, knoppen, formulieren en pictogrammen.

Opmaak voorstellen

Beschrijf de plaatsing van elementen in het blok, zoals naast elkaar, grid, gecentreerd of afwisselende rijen.

Aanpassingsinstellingen opnemen

Als je wilt dat het blok specifieke bewerkbare instellingen heeft in de themabewerker (zoals het wijzigen van de afbeelding, tekst of knoplink), neem deze dan op in je prompt.

Om bijvoorbeeld een instelling op te nemen om de animatiesnelheid te regelen in een blok met een video, voer je Een instelling opnemen om de animatiesnelheid te regelen in.

Iterate met vervolginstructies

Als het eerste resultaat niet helemaal goed is, pas dan je vraag aan met meer details of een andere formulering en genereer dan opnieuw.

Voorbeeldprompts

Bekijk de volgende voorbeelden van prompts die de best practices volgen:

• Een testimonialblok met een klantfoto, citeertekst, klantnaam en een 5-sterwaardering.
• Side-by-side functieblok: de linkerkant heeft een pictogram en een kop, de rechterkant heeft beschrijvende tekst.
• Banner over de hele breedte met een achtergrondafbeelding, gecentreerde grote koptekst, kleinere subkoptekst eronder en een knop om op te roepen tot actie.

Genereer een Themablok

Nadat je een blok hebt gegenereerd en besloten hebt om het te houden, wordt het nieuwe blok toegevoegd aan de blokkiezer. Je kunt het blok toevoegen aan compatibele secties die themablokken accepteren.

Stappen:

1. Ga in het Shopify-beheercentrum naar webshop > Thema's.

2. Zoek het thema dat je wil bewerken en klik op Aanpassen.

3. Pas je homepage aan of tik op de vervolgkeuzelijst Homepage en selecteer de template waaraan je een sectie wil toevoegen.

4. Klik op de sectie waarvoor je een blok wilt genereren.

5. Klik op Blok toevoegen.

6. Klik op Genereren.

7. Voer een beschrijving in van het blok dat je wilt genereren.

8. Klik op Genereren. Shopify Magic zal je aanvraag verwerken en de code aanmaken.

9. Bekijk een voorbeeld van het gegenereerde blok rechtstreeks in de themabewerker. Als er aanpassingsinstellingen zijn gegenereerd, dan kun je je blok aanpassen.

10. Als je tevreden bent met het gegenereerde blok, klik je op Behouden. Als dat niet lukt, kunt u de blokkade herroepen of vervolginstructies geven.

Een gegenereerd themablok uit je thema verwijderen

Let op

Nadat je een bestand hebt verwijderd, kunt je het niet meer herstellen. Het verwijderen van essentiële bestanden uit de code van je thema kan ervoor zorgen dat je thema kapot gaat. Zorg ervoor dat je het juiste bestand verwijdert.

Nadat je een themablok hebt gegenereerd, wordt het nieuwe liquid-bestand voor het blok toegevoegd aan de map blokken in de code van je thema. Als een gegenereerd themablok problemen veroorzaakt in je winkel, kun je het verwijderen door het vloeistofbestand uit je themacode te verwijderen.

Stappen:

1. Ga in het Shopify-beheercentrum naar webshop > Thema's.

2. Klik op Aanpassen naast het thema dat je wilt bewerken.

3. Pas je homepage aan of tik op de vervolgkeuzelijst Homepage en selecteer de template waaraan je een sectie wil toevoegen.

4. Klik op een sectie die het blok bevat dat je wilt verwijderen. Als je eerder alle instanties van het blok hebt verwijderd, klik dan op Blok toevoegen om het blok opnieuw toe te voegen vanuit de blokkiezer.

5. Klik in de instellingen van het blok op > Code bewerken.

6. Klik in het zijbalkmenu op de map blokken om deze uit te vouwen en zoek vervolgens het blokbestand dat je momenteel bekijkt. Het bestand komt overeen met de naam van het blok dat momenteel geopend is en eindigt op .liquid.

   

7. Klik in het zijbalkmenu op het pictogram naast het blokbestand.

8. Klik in het dialoogvenster op Bestand verwijderen om te bevestigen.