Centro assistenza
Come creare un "Vibe Block" con i prodotti del catalogo
Con Vibe Block puoi creare un blocco prodotto personalizzato e collegarlo al Catalogo prodotti. Descrivi il design che ti serve in un prompt, quindi visualizza i nomi dei prodotti, i prezzi, le immagini e i pulsanti "Acquista" nel blocco generato.
Collega il catalogo prodotti e aggiungi prodotti
Vai su "Impostazioni del sito" e, nella sezione "Servizi integrati", fai clic su "Connetti" per abilitare il Catalogo prodotti.
Aggiungi i prodotti al Catalogo prodotti manualmente oppure utilizza la funzione di importazione.
Aggiungi un Vibe Block alla pagina
Vai alla pagina in cui desideri visualizzare i prodotti. Aggiungi un Vibe Block dalla Libreria dei blocchi.
Inserisci un comando che descriva il design del blocco della scheda prodotto e specifica che il blocco debba essere collegato al Catalogo prodotti del progetto. Attendi che il blocco venga generato.
Inoltre, assicurati di specificare nel prompt di inviare il prodotto al carrello.
Esempio di prompt:
Crea un blocco con le schede dei prodotti e collegalo al "Catalogo prodotti" del progetto. Ogni scheda deve mostrare il nome e il prezzo del prodotto. Visualizza tre schede per riga. Aggiungi un pulsante "Mostra altro" nella parte inferiore del blocco. Quando viene cliccato, deve caricare altri prodotti dal "Catalogo prodotti".
Crea un blocco con le schede dei prodotti e collegalo al "Catalogo prodotti" del progetto. Ogni scheda deve mostrare il nome e il prezzo del prodotto. Visualizza tre schede per riga. Aggiungi un pulsante "Mostra altro" nella parte inferiore del blocco. Quando viene cliccato, deve caricare altri prodotti dal "Catalogo prodotti".
Una volta generato il Vibe Block, apparirà il pulsante “Impostazioni catalogo”. Cliccaci sopra e seleziona la categoria del catalogo prodotti che desideri visualizzare sulla pagina.
Aggiungi alla pagina il carrello ST100 con un blocco del modulo d'ordine.
Pubblica la pagina e aprila per provare il blocco. Aggiungi un prodotto al carrello.
Verifica che tutto funzioni correttamente, quindi completa il pagamento. I dati del prodotto verranno inviati ai servizi di acquisizione dati collegati come in precedenza.
È possibile includere nel prompt anche la descrizione dettagliata del pop-up del prodotto. È possibile farlo dopo che il contenuto del blocco principale è stato generato: descrivere come dovrebbe apparire il pop-up e quali informazioni dovrebbe visualizzare.
Ad esempio, il pop-up dettagliato nell'immagine qui sotto mostra tutte le informazioni disponibili sul prodotto provenienti dal Catalogo prodotti, i controlli sulla quantità del prodotto e un pulsante “Aggiungi al carrello”. È possibile scrivere un proprio prompt per rimuovere i pulsanti o modificare le informazioni visualizzate nel pop-up.
Ad esempio, il pop-up dettagliato nell'immagine qui sotto mostra tutte le informazioni disponibili sul prodotto provenienti dal Catalogo prodotti, i controlli sulla quantità del prodotto e un pulsante “Aggiungi al carrello”. È possibile scrivere un proprio prompt per rimuovere i pulsanti o modificare le informazioni visualizzate nel pop-up.
È possibile aggiungere i prodotti al carrello anche dalla finestra a comparsa con i dettagli.
Se un prodotto non è stato aggiunto al carrello o alcuni dati sono stati inseriti in modo errato — ad esempio, lo SKU — descrivi il problema in un nuovo prompt nell'editor di Vibe Block e chiedi all'IA di risolverlo.
