Utilizzo in Creatività

Funzionalità del componente di raccomandazione prodotti all'interno dell'Editor Creativo di Fanplayr.

Esempi

Esempio del componente raccomandazioni.

L'icona del componente raccomandazioni.

Concetti

Concetti di alto livello relativi a questo componente:

• Visualizza un elenco di prodotti in una griglia
  Il numero di prodotti visualizzati si basa sullo spazio disponibile e sulla dimensione del modello di prodotto definito.
• Modello di prodotto
  Lo stile degli elementi nell'elenco è controllato dal modello di prodotto. Ciò consente agli utenti di progettare la dimensione complessiva di un prodotto, così come la sua immagine, il testo e la chiamata all'azione.
• Navigazione dell'elenco
  Le frecce di navigazione sinistra e destra appariranno se ci sono più prodotti da mostrare.
• Clic sui prodotti
  Quando un utente clicca su un prodotto, il suo browser viene indirizzato alla pagina del prodotto corrispondente. Questa azione viene anche tracciata in Insights.
• La presentazione del widget dipende da questo componente
  Quando un componente di raccomandazioni viene utilizzato in un widget, il widget attenderà che le raccomandazioni di prodotto vengano restituite dal servizio prima di visualizzare il widget.

La struttura del componente e il layout della griglia del modello di prodotto.

La struttura e il layout del modello di prodotto

Proprietà generali

Queste proprietà controllano quale modello di IA di raccomandazione viene utilizzato e quanti prodotti vengono richiesti al servizio di raccomandazione.

Tipo di raccomandazione

• Tipo: Modello IA di Raccomandazione

Il modello IA di raccomandazione da utilizzare:

• Modelli generali:

  • Acquistati Frequentemente Insieme
  • Altri Che Potrebbero Piacerti
  • Raccomandati Per Te
  • Visualizzati Di Recente

• Modelli di classificazione prodotti:

  • Classificati per Visualizzazioni
  • Classificati per Carrelli
  • Classificati per Acquisti
  • Classificati per Entrate

Nota: Solo i modelli abilitati sul tuo account e che hanno completato l'addestramento saranno disponibili per la selezione.

Prodotti minimi

• Tipo: Intero

Il numero minimo di prodotti richiesti. Questo può essere utilizzato per garantire che sia disponibile un numero minimo di prodotti da renderizzare dal modello IA di raccomandazione. Se il servizio di raccomandazione non è in grado di restituire abbastanza prodotti, il widget non verrà visualizzato.

INFO

Per i modelli IA diversi da Visualizzati Di Recente, raccomandiamo di utilizzare un minimo di 5 o più prodotti per garantire che ci sia abbastanza contenuto coinvolgente per gli utenti.

Prodotti massimi

• Tipo: Intero

Il numero massimo di prodotti da richiedere al servizio.

Questo valore è solo un numero suggerito di prodotti che il servizio deve interrogare e non vi è alcuna garanzia che questo numero massimo di prodotti verrà restituito. Suggeriamo di mantenere il numero massimo al di sotto di 30 per ridurre i tempi di risposta delle query.

Numero di giorni

• Tipo: Intero
• Si applica a: Solo raccomandazioni di classificazione prodotti

Il numero di giorni di cronologia da utilizzare quando si interrogano i prodotti più classificati, a partire da oggi. I valori validi sono tra 1 e 30, dove "1" interrogherà i dati delle ultime 24 ore e "2" interrogherà i dati delle ultime 48 ore ecc.

Prezzo iniziale

• Tipo: Intero
• Si applica a: Solo raccomandazioni di classificazione prodotti

Limita i risultati ai soli prodotti il cui prezzo è maggiore o uguale al prezzo iniziale. Lasciare vuoto per nessun limite.

Prezzo finale

• Tipo: Intero
• Si applica a: Solo raccomandazioni di classificazione prodotti

Limita i risultati ai soli prodotti il cui prezzo è inferiore o uguale al prezzo finale. Lasciare vuoto per nessun limite.

Categoria

• Tipo: Testo
• Si applica a: Solo raccomandazioni di classificazione prodotti

Limita i risultati ai soli prodotti con il nome della categoria specificata. Questo può anche essere configurato per utilizzare la categoria della pagina corrente.

Proprietà del prodotto

Queste proprietà si riferiscono alle dimensioni complessive di un prodotto.

Larghezza

• Tipo: Dimensione (pixel)

La larghezza di un singolo prodotto.

Il componente utilizzerà la sua larghezza complessiva e la larghezza del prodotto per determinare quanti prodotti possono essere resi visibili contemporaneamente. Eventuali prodotti rimanenti saranno nascosti e all'utente verranno mostrati i pulsanti freccia per navigare nell'elenco.

Ad esempio, se il componente è largo 800px e la larghezza del prodotto è 150px, allora possono essere visualizzati fino a 5 prodotti contemporaneamente.

Altezza

• Tipo: Dimensione (pixel)

L'altezza di un singolo prodotto.

Il componente utilizzerà la sua altezza complessiva e l'altezza del prodotto per determinare quante righe di prodotti possono essere visualizzate.

Ad esempio, se il componente è alto 500px e l'altezza del prodotto è 200px, allora possono essere visualizzate fino a 2 righe di prodotti, se necessario.

Intervallo

• Tipo: Dimensione (pixel)

La quantità minima di spazio da lasciare attorno a ciascun prodotto. Questo è utilizzato per aggiungere separazione tra prodotti adiacenti nell'elenco o nelle righe.

Bordo

• Tipo: Bordo

Stile standard del bordo.

Raggio del bordo

• Tipo: Raggio del bordo

Stile standard del raggio del bordo.

Sfondo

• Tipo: Colore

Il colore di sfondo del prodotto.

Spaziatura orizzontale

• Tipo: Dimensione (pixel)

Aggiunge spaziatura orizzontale ai bordi del componente, utilizzata per spingere la griglia dei prodotti verso il centro.

Proprietà dell'immagine

Altezza

• Tipo: Dimensione (pixel)

L'altezza dell'immagine.

L'immagine occuperà sempre l'intera larghezza del prodotto, ma l'altezza dell'immagine è regolabile.

Sfondo

• Tipo: Colore

Il colore di sfondo da utilizzare per le parti trasparenti dell'immagine del prodotto.

Dimensione dello sfondo

• Tipo: Dimensione dello sfondo

Stile standard della dimensione dello sfondo. Controlla se l'immagine viene ridimensionata per occupare tutto lo spazio disponibile (potenzialmente tagliando parte dell'immagine) o ridotta per garantire che tutta l'immagine sia visibile.

Proprietà della descrizione

Testo

• Tipo: Testo formattato

Elemento di testo che consente ampie opzioni di personalizzazione. Supporta le seguenti variabili che possono essere aggiunte utilizzando l'azione Inserisci Variabile :

• {{ productRec.name }} - Il nome del prodotto corrente.
• {{ productRec.price }} - Il prezzo del prodotto corrente, incluso il simbolo della valuta.
• {{ productRec.url }} - L'URL del prodotto corrente.
• {{ productRec.rank }} - La posizione attuale del prodotto. Es. 1, 2, 3.

Loading embed...

Dimostrazione di come aggiungere variabili di prodotto al componente.

Dimostrazione di come aggiungere variabili di prodotto al componente.

Margine

• Tipo: Margine

Spaziatura da aggiungere all'esterno dell'area di testo. Questo aggiunge spazio tra l'immagine e il pulsante.

Proprietà del pulsante

Mostra

• Tipo: Booleano

Se mostrare o nascondere il pulsante di chiamata all'azione.

Margine

• Tipo: Margine

Spaziatura da aggiungere all'esterno del pulsante. Questo aggiunge spazio dal testo del prodotto sopra il pulsante.

Spaziatura interna

• Tipo: Spaziatura interna

Spaziatura da aggiungere all'interno del pulsante.

Bordo

• Tipo: Bordo

Stile standard del bordo.

Raggio del bordo

• Tipo: Raggio del bordo

Stile standard del raggio del bordo.

Testo

• Tipo: Testo formattato

Testo del pulsante. Supporta le stesse variabili del Testo della Descrizione.

Colore del testo

• Tipo: Colore

Colore del testo del pulsante.

Sfondo

• Tipo: Colore

Colore di sfondo del pulsante.

Proprietà dei pulsanti di navigazione

Questi pulsanti appaiono sui lati sinistro e destro del componente quando ci sono più prodotti da mostrare di quanti possano essere visualizzati.

La struttura del pulsante di navigazione (mostrato il pulsante destro).

Bordo

• Tipo: Bordo

Stile standard del bordo.

Raggio del bordo

• Tipo: Raggio del bordo

Stile standard del raggio del bordo. (Suggerimento: Imposta il raggio al 50% per rendere il pulsante un cerchio)

Spaziatura interna

• Tipo: Spaziatura interna

Spaziatura da aggiungere all'interno del pulsante.

Offset orizzontale

• Tipo: Dimensione (pixel)

Spaziatura orizzontale da aggiungere tra il pulsante di navigazione e il bordo del componente.

Sfondo

• Tipo: Colore

Colore di sfondo del pulsante.

Dimensione della freccia

• Tipo: Dimensione (pixel)

La dimensione complessiva della freccia.

Spessore della freccia

• Tipo: Dimensione (pixel)

Lo spessore della freccia.

Colore della freccia

• Tipo: Colore

Il colore della freccia.