Automatisch themablokken genereren in de themabewerker

Met Shopify Magic kun je kunstmatige intelligentie (AI) gebruiken om een nieuw themablok te genereren in je themabewerker op basis van de gegevens die je opgeeft.

Aandachtspunten voor het genereren van themablokken

Neem de volgende aandachtspunten voor het genereren van themablokken door:

• Door AI gegenereerde code is niet altijd perfect. Het kan soms fouten, onverwachte resultaten of code opleveren die niet volledig voldoet aan de best practices voor toegankelijkheid of prestaties. Je bent zelf verantwoordelijk voor het beoordelen, testen en waarborgen dat het gegenereerde blok aan je normen voldoet en correct functioneert.
• Bekijk in het voorbeeld van de themabewerker hoe het blok eruitziet in de desktop- en mobiele weergave.
• Als je blok aanpassingsinstellingen bevat, test deze dan nadat je het blok hebt toegevoegd om er zeker van te zijn dat ze naar verwachting werken.
• Nadat je een themablok hebt gegenereerd, wordt het nieuwe Liquid-bestand voor het blok toegevoegd aan de map blocks in de code van je thema.
  • Themablokken zijn samengesteld uit Liquid, de templatetaal van Shopify. Themablokbestanden bevatten ook HTML, CSS, JSON en JavaScript. Nadat je een themablok hebt gegenereerd, wordt het nieuwe Liquid-bestand voor het blok toegevoegd aan de map blocks in de code van je thema.

    

  • Als je een gegenereerd themablok wilt bewerken door de code aan te passen, kun je je themacode bewerken. Bewerk je themacode alleen als je bekend bent met HTML en CSS, en een basiskennis van Liquid hebt.
  • Het door Shopify Magic gegenereerde Liquid-bestand is opzichzelfstaand. Je kunt je thema nog steeds bijwerken wanneer nieuwe versies in de themastore worden gepubliceerd.

Geschiktheidsvereisten voor het genereren van themablokken

Neem de volgende vereisten voor het genereren van themablokken door.

Abonnementsvereisten

Je winkel moet een van de volgende abonnementen hebben:

• Gratis proefperiode
• Basic
• Growth
• Advanced
• Plus

Deze functie is niet beschikbaar voor het Starter-abonnement, dat gebruikmaakt van het Spotlight-thema en het toevoegen van aangepaste themasecties of -blokken niet ondersteunt.

Themacompatibiliteit

De functie voor het genereren van themablokken is beschikbaar voor alle thema's in de Shopify Theme Store. Als je een compatibel thema van een externe partij gebruikt, moet je het thema eerst kopen voordat je themablokken kunt genereren, omdat de gratis proefversie deze functie niet ondersteunt.

Deze functie is niet beschikbaar voor vintage thema's. Meer informatie over functies voor verschillende versies van de thema-architectuur.

Vereisten voor gebruikerstoestemmingen

De volgende gebruikers kunnen blokken in thema's genereren:

• De winkeleigenaar en organisatie-eigenaar.
• Gebruikers met de rollen Beheerder of Organisatiebeheerder.
• Gebruikers met een Winkelrol met de toestemming Code bewerken.

Tips voor het schrijven van effectieve prompts voor themablokken

De kwaliteit van het gegenereerde blok hangt vaak af van de kwaliteit van je prompt. Volg deze best practices:

• Wees specifiek en beschrijvend: Prompts moeten uit minimaal vijf woorden bestaan. Langere prompts met meer details leveren waarschijnlijk nauwkeurigere resultaten op. Voer bijvoorbeeld in plaats van afbeeldingen en tekst toevoegen het volgende in: Maak een blok met een afbeelding aan de linkerkant en een kop, alineatekst en een knop 'Nu shoppen' aan de rechterkant. Stapelen op mobiel.
• Vermeld contentelementen: Maak een lijst van de soorten content die nodig zijn voor het blok, zoals koppen, alinea's, afbeeldingen, knoppen, formulieren en pictogrammen.
• Stel een lay-out voor: Beschrijf de opstelling van de elementen in het blok, zoals naast elkaar, een grid, gecentreerd of afwisselende rijen.
• Neem aanpassingsinstellingen op: Als je wilt dat het blok specifieke bewerkbare instellingen heeft in de themabewerker, zoals de optie om de afbeelding, tekst of knoplink te wijzigen, 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 Voeg een instelling toe om de animatiesnelheid te regelen in.
• Itereer met vervolginstructies: Als het eerste resultaat niet helemaal naar wens is, pas je je prompt aan met meer details of een andere formulering en genereer je het blok opnieuw.

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

• Een testimonialblok met een klantfoto, een citaattekst, de klantnaam en een 5-sterrenbeoordeling.
• Functieblok naast elkaar: linkerkant heeft een pictogram en kop, rechterkant heeft een beschrijvende tekst.
• Banner over de volledige breedte met een achtergrondafbeelding, een grote gecentreerde koptekst, daaronder een kleinere subkoptekst en een call-to-actionknop.

Een themablok genereren

Nadat je een blok hebt gegenereerd en besluit het te behouden, 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 Onlinewinkel > Thema's.

2. Zoek het thema dat je wilt bewerken en klik op Thema bewerken.

3. Pas je homepage aan, of tik op de vervolgkeuzelijst Homepage en selecteer de template waaraan je een sectie wilt 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 verwerkt je aanvraag en maakt de code aan.

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

10. Als je tevreden bent met het gegenereerde blok, klik je op Behouden. Zo niet, dan kun je het blok verwerpen of vervolginstructies geven.

Een gegenereerd themablok uit je thema verwijderen

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

Stappen:

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

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

3. Pas je homepage aan, of tik op de vervolgkeuzelijst Homepage en selecteer de template waaraan je een sectie wilt 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 je 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 blocks om deze uit te klappen en zoek vervolgens het blokbestand dat je bekijkt. Het bestand heeft dezelfde naam als het blok dat open 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.