Een ontwerp bepaalt hoe de aanbevelingen op een pagina verschijnen.
U kunt een Recommendations -ontwerp maken met behulp van een standaardontwerp of door een aangepast ontwerp te maken. In het scherm Recommendations > Designs worden zowel de standaardontwerpkaarten als alle ontwerpen weergegeven die in uw account zijn gemaakt.
Houd rekening met de volgende informatie wanneer u met ontwerpen werkt:
U kunt een ontwerp met aanbevelingen maken door een standaardontwerp te gebruiken of u kunt een aangepast ontwerp maken.
U kunt een standaardontwerp niet bewerken of verwijderen.
U kunt een aangepast ontwerp bewerken, kopiëren of verwijderen.
Als u een ontwerp wilt maken dat is gebaseerd op een standaardontwerp, moet u eerst het ontwerp kopiëren en vervolgens de kopie bewerken.
Deze illustratie toont het standaard 1 x 4 ontwerp:
In deze afbeelding ziet u een aangepast ontwerp:
U kunt een ontwerp tijdens het activiteit-creatie proces van binnen Visual Experience Composer (VEC) of van de ontwerpbibliotheek buiten de activiteitenverwezenlijking tot stand brengen. In de volgende secties wordt aangenomen dat u ontwerpen maakt vanuit de bibliotheek, maar dat de stappen op elkaar lijken.
Ontwerpen maken
U kunt een ontwerp tot stand brengen dat op een standaardontwerp wordt gebaseerd of u kunt een douaneontwerp tot stand brengen.
Een ontwerp maken op basis van een standaardontwerp
Klik op Recommendations > Designs om de Designs -bibliotheek weer te geven.
Plaats de muis boven de kaart voor het ontwerp dat u wilt maken en klik vervolgens op het pictogram Copy .
Het dialoogvenster Create Design wordt weergegeven.
Voeg in het deelvenster Information een Content Name en een optionele voorvertoning toe die u op de ontwerpkaart wilt weergeven.
Wanneer u een standaardontwerp gebruikt, worden de ontwerpnaam en de optie Kopiëren weergegeven in het veld Content Name . U kunt de naam bewerken. U kunt ook een afbeelding selecteren die u op de ontwerpkaart wilt weergeven.
(Voorwaardelijk) Bewerk het ontwerp Code naar wens.
Een ontwerp kan HTML of niet-HTML zijn. Standaard worden HTML-ontwerpen voorzien van een tag <div> , zodat muisklik kan worden gevolgd in een webomgeving. Niet-HTML-ontwerpen zijn bedoeld voor omgevingen die geen webomgeving zijn en waar het bijhouden van klikken niet mogelijk is. Sleep de schakeloptie HTML Design naar de uitstand om niet-HTML code te gebruiken.
note note
NOTE
Het maximumaantal entiteiten waarnaar in een ontwerp kan worden verwezen, hard-gecodeerd of via lussen, is 99.
Klik op Save.
Een aangepast ontwerp maken
Klik op Recommendations > Designs om de Designs -bibliotheek weer te geven.
Klik op Create Design.
Als u het nieuwe aangepaste ontwerp wilt baseren op een bestaand ontwerp, plaatst u de muis boven het gewenste ontwerp en klikt u op het pictogram Copy . U kunt de kopie vervolgens bewerken om een nieuw aangepast ontwerp te maken.
Voeg een Content Name en een optionele voorvertoningsafbeelding toe.
(Voorwaardelijk) Bewerk het ontwerp Code naar wens.
Raadpleeg de informatie in stap 4 voor meer informatie.
Klik op Save.
Een ontwerp bewerken, kopiëren of verwijderen
U kunt een standaardontwerp niet bewerken of kopiëren. U kunt alleen standaardontwerpen kopiëren.
Houd de muisaanwijzer boven het gewenste ontwerp in de Design -bibliotheek en klik vervolgens op het juiste pictogram: bewerken, kopiëren of verwijderen.
U kunt een bestaand ontwerp kopiëren om een dubbel ontwerp tot stand te brengen dat u dan kunt wijzigen. Met dit proces kunt u een vergelijkbaar ontwerp maken met minder moeite.
Houd er rekening mee dat ontwerpen beschikbaar zijn voor de gehele account. Overweeg het gebruik in andere accounts voordat u een ontwerp verwijdert. Verwijderde ontwerpen kunnen niet worden hersteld.
In het volgende voorbeeld ziet u hoe JSON-reacties kunnen worden geretourneerd wanneer een activiteit wordt geconfigureerd via de formuliereditor.
Maak een ontwerp vanuit de ontwerpbibliotheek of vanuit de formuliergebaseerde workflow. Als u een ontwerp probeert te maken in de Visual Experience Composer (VEC)-workflow, kunt u alleen een HTML-ontwerp maken dat in een <div> is opgenomen om te klikken op bijhouden.
Zorg ervoor dat de optie "HTML-ontwerp" is uitgeschakeld:
De volgende code is een voorbeeld van wat u in uw ontwerp kunt plakken:
code language-javascript
#*
* "Return a simple list of recommended entity ids"
*#
{
"notes":{
"purpose": "Return a simple list of recommended entity ids",
"use-case": "Use this approach if you prefer to do a real-time lookup of entity attribute details (such as inventory, price, rating) from another system (such as a CMS, PIM or ecommerce platform)",
"version": "01"
},
"recommendedItems": {
"key": "$key.id",
"slot-01": "$entity1.id",
"slot-02": "$entity2.id",
"slot-03": "$entity3.id",
"slot-04": "$entity4.id",
"slot-05": "$entity5.id",
"slot-06": "$entity6.id",
"slot-07": "$entity7.id",
"slot-08": "$entity8.id",
"slot-09": "$entity9.id",
"slot-10": "$entity10.id"
}
}
Stel een op formulieren gebaseerde Recommendations activiteit in die dit ontwerp gebruikt.
Navigeer naar de pagina Activities .
Klik op Create Activity > Recommendations .
Selecteer onder Choose Experience Composer de optie Form en klik vervolgens op Next .
Voer onder locatie de tekst in: "Sample_Recs_Response"
Klik onder Default Content op de pijl-omlaag en klik vervolgens op Add Recommendation .
Kies een paginatype. Hiermee bepaalt u de eerste filtering van het volgende scherm.
Selecteer een Criteria-kaart en klik op Next .
Selecteer het ontwerp dat u in de vorige stap hebt gemaakt en klik op Next .
Voltooi het installatieproces.
Klik op de pijl-rechts naast Inactive en selecteer vervolgens Activate .
Nadat uw activiteit opstelling en geactiveerd is, kunt u opstelling een steekproefverzoek om de schone reactie JSON terug te krijgen.
Vanaf het moment dat u uw activiteit opslaat, moet Target een model maken ter ondersteuning van de geselecteerde configuratie met criteria. Afhankelijk van een aantal factoren kan dit proces enige tijd duren. De resultaten worden weergegeven zodra het model is opgebouwd.
U kunt ook aanvullende informatie in de reactie verzenden. Het volgende codedossier is een complexer voorbeeld dat veel meer dan entiteitsidentiteitskaart met hun bijbehorende groeven (orde) terugkeert. In dit ontwerpvoorbeeld worden ook de activiteitsgegevens, de gegevens van het doelprofiel (indien van toepassing) en andere entity.attributes die aan de geretourneerde items zijn gekoppeld, geretourneerd.
