🖼️Immagini Post

In questa pagina sono descritte le NUOVE IMMAGINI implementate sul BOT a partire da Febbraio 2024.

Oltre al testo è presente un altro componente fondamentale all'interno del Post: l'immagine.

La possibilità di personalizzarne al meglio il layout con cornici, sfondi, loghi ed altri elementi è quello che rende un canale davvero unico. Ed è per questo che è stata sviluppata un'intera sezione dedicata alla configurazione delle Immagini da utilizzare all'interno dei Post.

Le possibilità di personalizzazione sono infinite, tra le quali troverai:

  • Possibilità di creare utilizzando il BOT template da associare ai Post (singoli e multipli)

  • Possibilità di modificare a piacimento il layout dei singoli prodotti all'interno dei Post Multipli (posizionamento dei prodotti, cornice, loghi, ecc...)

  • Possibilità di utilizzare più di una foto del prodotto all'interno del template (collage di immagini)

  • Possibilità di inserire fino a 4 immagini personalizzate (ad esempio un logo) all'interno del singolo template

  • Possibilità di inserire fino a 10 testi personalizzati (anche emoji) all'interno del singolo template

  • Risoluzione, template e immagine di sfondo completamente personalizzabili

  • Possibilità di definire per ogni singolo template il comportamento di Terminazione Offerta (sfondo in bianco e nero, nascondere i prezzi, visualizzare testi personalizzati, ecc)

  • Tanto altro!

Le configurazioni relative alle nuove Immagini Post si trovano nel BOT all'interno della sezione: Impostazioni -> Stili -> Immagini Post

ATTIVAZIONE DELLE NUOVE IMMAGINI POST 1️ Una volta terminata la configurazione del primo profilo delle Nuove Immagini abilitare la spunta a "Usa Nuove Immagini".

2️ Dopodiché recarsi nella sezione "Immagini Post" all'interno del Profilo Testuale (Impostazioni - Stili - Formati Testuali) e selezionare dalla lista il profilo immagini appena creato. 3️ In caso di problemi è sufficiente disattivare la spunta a "Usa Nuove Immagini" per disattivare temporaneamente le nuove immagini post.

📸 Profili delle Immagini

Come per i formati testuali le immagini sono organizzare in Profili, ovvero una raccolta di Template Immagine da utilizzare all'interno dei Post. Ogni Profilo può essere associato ad un Profilo dei formati testuali, rendendo disponibili le sue immagini quando questo è attivo e in fase di utilizzo.

Per iniziare creiamo un nuovo Profilo.

All'interno di un Profilo Immagini si trovano le seguenti opzioni:

  • Rinomina Profilo: permette di modificare il nome associato al profilo (utile per riconoscerlo)

  • Post Singoli: contiene i template delle immagini applicate alle diverse tipologie di Post Singoli pubblicabili (Post normale, senza prezzo, coupon...)

    • Aggiuntive: contiene i template delle immagini aggiuntivi, ovvero associabili ai singoli Formati Testuali, in modo che vengano utilizzati quando i rispettivi formati testuali sono utilizzati

  • Post Multipli: contiene i template delle immagini applicate ai Post Multipli, sia per i singoli prodotti all'interno del Post, sia per le disposizioni di questi e le eventuali cornici da utilizzare (vedere la sezione "Post Multipli" nella guida

  • Duplica Profilo: permette di duplicare il profilo corrente in uno nuovo

  • Elimina Profilo: permette di eliminare il profilo, scollegandolo automaticamente da eventuali Formati Testuali che lo utilizzano

📙 Post Singoli

All'interno della sezione "Post Singoli" sono contenuti i template per le immagini utilizzati nei Post Singoli (1 prodotto).

In particolare le tipologie configurabili sono:

  • Base: Post Normale con prezzo precedente. ⚠️ Utilizzato automaticamente per TUTTI i Post se non ci sono altre tipologie di template configurate.

    • Base No Prezzo: Post Normale senza prezzo precedente, utilizzato per tutti i Post senza prezzo precedente se non ci sono altre tipologie configurate.

  • Coupon Codice: Post che contiene un Coupon codice e ha prezzo precedente

    • Coupon Codice No Prezzo: Post che contiene un Coupon codice e non ha un prezzo precedente

  • Grafico Base: Post Amazon con grafico prezzi Keepa e che ha un prezzo precedente

    • Grafico Base No Prezzo: Post Amazon con grafico prezzi Keepa senza prezzo precedente

  • Grafico Coupon Codice: Post Amazon con grafico prezzi Keepa che contiene un Coupon codice e ha prezzo precedente

    • Grafico Coupon Codice No Prezzo: Post Amazon con grafico prezzi Keepa che contiene un Coupon codice e non ha prezzo precedente

Le eventuali varianti "No Prezzo" sono opzionali: se il prodotto non dispone di un prezzo precedente e la rispettiva variante non fosse configurata, il BOT andrà ad utilizzare il template disponibile nascondendo gli elementi che rappresentano i prezzi precedenti (% di sconto, ecc).

La tipologie da utilizzare è la Base (+ eventuale Base No Prezzo). Le altre tipologie servono solo nel caso in cui si vogliano differenziare i template immagini tra le varie tipologie di Post (ad esempio utilizzare un template diverso per i Coupon Codice). Se si vuole un solo template immagine per tutti i Post è sufficiente configurare il template Base.

Di default alla creazione del profilo viene creato automaticamente un template "Base" per i Post Singoli che possiamo andare a modificare selezionandolo dalla tastiera. Questo aprirà l'editor del template, descritto nella sezione successiva.

A fianco dei template "Post Singoli" e "Post Multipli" (non aggiuntivi) è presente un pulsante / ⏸️ : se il pulsante è il template verrà utilizzato, altrimenti il BOT non utilizzerà il template corrispondente.

🖼 Editor del Template

Ogni qualvolta che si modifica un template immagine verrà aperto l'editor del template.

Le opzioni disponibili variano sulla base del template che si sta andando a modificare (ad es. per i template di tipo "Grafico" verrà visualizzata anche la voce per l'inserimento del Grafico Prezzi Keepa).

Il funzionamento dell'editor resta però analogo ed è strutturato nel seguente modo:

  • In alto viene visualizzata l'immagine del template (inizialmente bianca)

  • Nel testo vengono visualizzate delle info relativamente al template in modifica o la sezione in cui ci si trova

  • Nella tastiera sono presenti le opzioni per modificare il template

Le possibili personalizzazioni all'interno del template sono:

🖼 Sfondo / Cornice / Dimensione

In questa sezione è possibile modificare gli elementi alla base del nostro template, ovvero Risoluzione, Sfondo ed eventuale Cornice.

Le opzioni presenti sono:

  • Cornici Predefinite: permette di selezionare una cornice da una lista di cornici predefinite all'interno del BOT

  • Cornice Personalizzata: permette di caricare una cornice personalizzata (in formato PNG e con sfondo trasparente) da utilizzare come sfondo del template. Nota: il caricamento della cornice andrà a modificare automaticamente la risoluzione del template sulla base di quella dell'immagine caricata! Nota: se si utilizzava una cornice personalizzata nelle vecchie "Immagini Avanzate", è possibile scaricarla tramite il pulsante "Esporta Cornice" all'interno del vecchio editor dell'immagine.

  • Risoluzione: permette di modificare la risoluzione del template (nel caso in cui una cornice personalizzata non sia stata caricata)

  • Colore Sfondo: permette di definire un colore di sfondo diverso dal bianco da utilizzare Nota: le immagini dei prodotti hanno sfondo bianco, pertanto questo verrà visualizzato al di sopra del colore sfondo selezionato.

Di default la cornice viene disegnata di fronte a tutti gli elementi esclusi i testi. E' possibile modificare questo comportamento nella sezione "Ordinamento Elementi" che si analizzerà in seguito.

📦 Foto Prodotto

In questa sezione si vanno ad aggiungere all'interno del template le immagini (foto) del prodotto.

La "Foto Prodotto 1" corrisponde all'immagine principale del prodotto, mentre quelle dalla seconda in poi sono le foto secondarie (fino a 6 foto per singolo prodotto). ⚠️ NOTA: Nel caso in cui un prodotto non avesse sufficienti immagini per coprire quelle inserite nel template, il BOT lascerà quelle mancanti vuote. E' possibile però specificare dei template da utilizzare in questi casi, vedere la sezione "Template di Riserva".

Una volta aggiunta una Foto Prodotto è possibile posizionarla nel template a proprio piacimento selezionando il rispettivo pulsante con l'icona ↔️.

Per muovere il prodotto all'interno dell'editor è sufficiente trascinarlo ed ingrandirlo / ruotarlo a proprio piacimento. Per un posizionamento più preciso è possibile utilizzare i pulsanti "Centra X" e "Centra Y", oltre che inserire manualmente le coordinate / dimensioni dell'elemento.

💰 Prezzi

In questa sezione si vanno ad aggiungere i prezzi del prodotto all'interno del template.

Nella tastiera sono visualizzati tutti i possibili elementi che si possono inserire nel template, in particolare:

  • Scontato: inserisce il prezzo scontato (in offerta) del prodotto

    • Decimali (Scontato): inserisce separatamente la parte decimale del prezzo scontato (utile se si vuole visualizzare i decimali non in linea al prezzo)

  • Precedente: inserisce il prezzo precedente (non scontato) del prodotto. Visualizzato solo nel caso in cui il prodotto disponga di un prezzo precedente.

    • Decimali (Precedente): inserisce separatamente la parte decimale del prezzo scontato

  • % Sconto: inserisce la percentuale di sconto dell'offerta. Visualizzato solo nel caso in cui il prodotto disponga del prezzo precedente.

  • Val Sconto: inserisce il valore di sconto in valuta dell'offerta. Visualizzato solo nel caso in cui il prodotto disponga del prezzo precedente.

  • Valuta: inserisce separatamente la Valuta del prezzo del prodotto.

  • Nascondi se prezzo a zero: se attiva tutti gli elementi relativi ai prezzi verranno nascosti nei casi in cui il prodotto abbia prezzo 0 (gratis).

Anche in questo caso una volta aggiunto un elemento (Icona ) è possibile spostarlo e posizionarlo tramite l'icona ↔️. Quello che andremo a definire questa volta è il Perimetro dell'area che il testo può andare ad occupare. La dimensione del testo verrà quindi automaticamente scalata per far sì che questo, indipendentemente dalla sua lunghezza, non oltrepassi mai i bordi che sono stati definiti.

Tramite l'icona ✏️ è possibile invece modificare altri elementi del testo, in particolare:

  • Colore del testo ed eventuale Colore di sfondo

  • Allineamento del testo all'interno del perimetro definito (sinistra, centro o destra)

  • Font utilizzato e stile (normale, grassetto...)

  • Eventuale bordo da visualizzare sul testo con spessore e colore

  • Copia / Incolla Stile: selezionando il pulsante di "Copia" si andranno a copiare le impostazioni di colore, allineamento, font e bordo del testo attuale. Sarà poi possibile incollare queste impostazioni in un altro elemento testuale tramite il pulsante "Incolla".

  • Altri elementi che dipendono dalla tipologia di testo modificato:

    • Visualizzazione Valuta: destra, sinistra o nascosta

    • Visualizzazione Decimali: visualizza o meno i decimali sui prezzi

    • Contenuto Testo: imposta il testo da visualizzare (testi fissi, testi terminazione...)

📸 Immagini Fisse

Le immagini fisse sono elementi caricati dall'utente all'interno del template, come ad esempio loghi o banner. Per caricare un'immagine fissa è sufficiente selezionare il pulsante ed inviare come file un'immagine in formato .png oppure .jpg. Similmente alle Foto Prodotto sarà poi possibile spostare e posizionare l'immagine all'interno del template con l'utilizzo del pulsante ↔️.

💬 Testi Fissi

In questa sezione è possibile configurare fino a 10 Testi da visualizzare all'interno del template. I testi possono anche essere composti da Emoji. Le opzioni disponibili sono le stesse viste precedentemente (font, stile, colore, allineamento...)

📉 Grafico Prezzi

Questa sezione è visualizzata solamente nei template di tipologia "Grafico" e permette la configurazione del Grafico Prezzi Keepa ed il suo posizionamento all'interno del template.

💣 Altri Elementi

In questa sezione sono contenuti gli elementi aggiuntivi del template, in particolare:

  • Logo Minimo Storico: permette di inserire un logo da visualizzare nel caso in cui il prodotto sia un Minimo Storico. Il logo può essere selezionato da una serie di loghi predefiniti o caricato in formato .png.

  • Logo Coupon Casella: permette di inserire un logo da visualizzare nel caso in cui il prodotto contenga un Coupon Casella. Il logo può essere selezionato da una serie di loghi predefiniti o caricato in formato .png.

  • Logo Coupon: permette di inserire un logo da visualizzare nel caso in cui il prodotto contenga un Coupon Codice. Il logo può essere selezionato da una serie di loghi predefiniti o caricato in formato .png.

  • Terminazione Offerta: forse la sezione più importante, permette di configurare il comportamento del template quando l'offerta viene terminata (vedere sezione "Terminazione Offerta" della guida).

  • Codice Coupon: visualizzato nei template Coupon Codice, permette di visualizzare il testo del codice coupon all'interno del template.

↕️ Ordinamento Elementi

In questa sezione è possibile ordinare per livelli gli elementi che vengono disegnati all'interno del template. Gli elementi vengono disegnati in ordine a partire dall'ultimi della lista fino ad arrivare al primo in alto.

In generale l'ordinamento consigliato per una migliore resa è il seguente (partendo dal basso verso l'alto):

  • Foto Prodotto: queste vanno disegnate per prime in quanto hanno uno sfondo bianco (non trasparente)

  • Eventuale cornice

  • Testi: solitamente si vuole che i testi si trovino sopra la cornice

🗂 Crea una copia

Utilizzare questa funzione per creare una copia del template in uno nuovo.

🧱 Copia Elementi

Utilizzare questa funzione per copiare i singoli elementi di un template (ad esempio immagini, cornice, testi). Una volta selezionati gli elementi che si vogliono copiare sarà possibile navigare in un altro tempalte ed utilizzare il pulsante "Incolla Elementi" per importare gli elementi copiati.

🗑 Elimina Template

Utilizzare questa opzione per eliminare il template.

In questa sezione abbiamo analizzato brevemente tutte le opzioni disponibili all'interno dell'Editor del template.

Nelle sezioni successive si analizzeranno gli aspetti relativi alla Terminazione delle offerte ed i Post Multipli.

🧨 Terminazione Offerta

All'interno di ogni singolo template è possibile configurare diverse modalità di terminazione offerta sull'immagine dal Altri Elementi -> Terminazione Offerta.

Le opzioni disponibili sono:

  • Utilizza Impostazioni BOT: quando attiva verranno utilizzare le impostazioni di generazione dell'immagine specificate nella sezione Impostazioni -> Varie -> Scadenza Offerte -> Modifica Immagine Post. Disattivandola sarà possibile specificare manualmente per il template gli elementi da visualizzare alla scadenza, sbloccando le impostazioni successive:

  • Immagine in Bianco e Nero: trasforma l'immagine in bianco e nero alla scadenza;

  • Nascondi Prezzi: nasconde i prezzi dall'immagine;

  • Nascondi Simbolo Valuta: nasconde l'eventuale simbolo valuta aggiunto nella sezione "Prezzi" del template;

  • Nascondi Logo Minimo Storico: nasconde l'eventuale Logo Minimo Storico (se presente);

  • Nascondi Logo Coupon Casella: nasconde l'eventuale Logo Coupon Casella (se presente);

  • Nascondi Logo Coupon: nasconde l'eventuale Logo Coupon (se presente);

  • Nascondi Grafico Prezzi: nasconde l'eventuale Grafico Prezzi Keepa (per i template di tipologia Grafico Prezzo);

Oltre alle opzioni selezionabili sono presenti degli elementi testuali che è possibile aggiungere, in particolare:

  • Termina "x" Testo: è possibile inserire fino a 6 testi di terminazione da posizionare all'interno del template (ad esempio la scritta "TERMINATA", oppure delle Emoji). Questi testi verranno visualizzati quando l'offerta termina.

  • Orario Terminazione: testo contenente l'orario di terminazione dell'offerta. Può a sua volta essere personalizzato (visualizzare o meno i secondi, ecc)

  • Data Terminazione: testo contenente la data di terminazione dell'offerta. Può a sua volta essere personalizzato (visualizzare o meno l'anno, ecc)

Mano a mano che si modificano le opzioni, queste verranno applicate all'anteprima mostrata in alto. Gli elementi e le impostazioni della terminazione offerta vengono visualizzati solamente all'interno della sezione "Terminazione Offerta" dell'editor.

📚 Post Multipli

I Post Multipli sono composti da due tipologie di template immagini:

  • 📦 Immagini per i Prodotti: come per i Post Singoli, anche i singoli prodotti all'interno del Post Multiplo possono avere la loro immagine (con ad esempio il prezzo visualizzato, oppure un collage delle foto del singolo prodotto, ecc). Il funzionamento di queste immagini è analogo a quelle dei Post Singoli, avremo quindi:

    • Sezione "Prodotti": utilizzata per configurare i template predefiniti delle immagini dei singoli prodotti all'interno del Post Multiplo (ad esempio "Base", "Base No Prezzo", ecc)

    • Sezione "Aggiuntive": utilizzata per creare template aggiuntivi per le immagini dei singoli prodotti all'interno del Post Multiplo, associabili poi ai Formati Testuali utilizzati per i prodotti dei multipli.

  • 🖼 Disposizione / Cornici: questa sezione è invece utilizzata per configurare il layout "di contorno" dei Post Multipli. E' possibile infatti per ogni possibile configurazione (1 prodotto, 2 prodotti, 3 prodotti, 4 prodotti, 5 prodotti, 6 prodotti, 7 prodotti, 8 prodotti, 9 prodotti e 10 prodotti) andare ad impostare una cornice da utilizzare, definire la dimensione e il posizionamento degli elementi, inserire un logo in una posizione a piacere, e tanto altro.

La creazione delle cornici personalizzate è facoltativa, nel caso in cui queste non vengano definite il BOT andrà ad utilizzare la metodologia classica di creazione, configurabile tramite la sezione "Posizionamento di Default", che va semplicemente ad inserire i prodotti in base alla disposizione impostata, senza elementi aggiuntivi.

🧨📚 Terminazione Offerte nei Post Multipli

Nel caso in cui NON vengano configurati template per i singoli prodotti all'interno dei Post Multipli, oppure che la configurazione relativa alla Terminazione all'interno di questi template non venga modificata, allora la terminazione offerte continuerà a comportarsi a seconda delle impostazioni presenti in: Impostazioni -> Varie -> Scadenza Offerte -> Modifica Immagine Post.

Nel caso in cui si voglia invece gestire la Terminazione Offerte sui singoli prodotti dei Post Multipli come avviene per i Post Singoli, è necessario procedere come segue:

  • Aprire il Profilo delle Immagini Post che si sta modificando e selezionare "Post Multipli"

  • Selezionare "Prodotti"

  • Creare un nuovo template di tipologia "Base"

  • Modificare il template ed aggiungere nella sezione "Foto Prodotto" l'immagine del prodotto

  • Spostare la foto prodotto ingrandendola fino ad occupare l'intero layout

  • Aprire ora la sezione Altri Elementi -> Terminazione Offerta del template e modificare le impostazioni di terminazione a proprio piacimento

Questo template che si sta modificando verrà utilizzato per il singolo prodotto all'interno dei Post Multipli, per questo motivo inseriamo solo l'immagine del prodotto senza altri elementi (cornice, logo, ecc). In questo modo riusciamo a gestire le impostazioni di Terminazione Offerta del singolo prodotto. Se inserissimo una cornice in questo template, questa verrebbe visualizzata per ogni singolo prodotto all'interno del post (solitamente non è ciò che si vuole).

🔋 Template di Riserva

All'interno della sezione "Foto Prodotto" di un template è possibile selezionare fino a 6 immagini da visualizzare. Ma cosa accade quando il prodotto non dispone fisicamente di sufficienti immagini per coprire quelle che abbiamo selezionato? Esempio: abbiamo inserito 4 Foto Prodotto nel template di tipologia "Base" (immagine seguente), ma il prodotto che stiamo pubblicando ha solo 2 immagini.

Semplicemente il BOT lascerà le immagini rimanenti (la 3 e la 4 nell'esempio sopra) vuote, con questo risultato:

Questo ovviamente non è ideale, ed è qui che entrano in gioco i "Template di Riserva", ovvero una serie di Template Immagini aggiuntivi da utilizzare per tutte le possibili varianti di Foto Prodotto che ci interessano (1 foto, 2 foto, 3 foto...).

Per iniziare è necessario prima di tutto creare una serie di Template Aggiuntivi per coprire i casi di utilizzo (ad esempio iniziamo con un template apposito per due foto prodotto). E' possibile copiare il template attuale (per avere già un buon punto di partenza e non dover riconfigurare tutto) in questo modo:

  • Entriamo nell'Editor del template di partenza (in questo caso "Post Singoli -> Base")

  • Selezioniamo il pulsante "Crea una copia" e poi "Copia come Aggiuntivo"

  • Diamo un nome al nostro nuovo template, ad esempio "template 2 immagini"

  • Ci troveremo ora nell'editor del template copiato, andiamo nella sezione "Foto Prodotto" e rimuoviamo le foto prodotto in eccesso (lasciandone solamente due)

In alternativa è possibile creare il template aggiuntivo partendo da zero (consigliato solo nei casi il nuovo template sia molto diverso rispetto all'attuale), dalla sezione "Aggiuntive" (di fianco "Post Singoli") -> "Aggiungi Template".

Una volta creato il template con due foto prodotto torniamo all'interno dell'editor del nostro template originario (nell'esempio "Post Singoli" -> "Base", quello con 4 foto prodotto).

All'interno del template andiamo nella sezione "Foto Prodotto" e selezioniamo il pulsante "Template di Riserva".

Questo pulsante è visualizzato solamente per i template che hanno più di una foto prodotto impostata.

Verrà visualizzato un menu simile al seguente:

Nella tastiera del menu sono visualizzate le varianti per cui è possibile configurare un template di riserva da utilizzare quando il prodotto ha quel numero specifico di immagini. Quando una selezione è su "Questo template" significa che il BOT continuerà ad utilizzare il template attuale.

Nel menu sono visualizzate solamente le varianti con meno Foto Prodotto rispetto a quelle configurate all'interno del template attuale.

Selezioniamo il pulsante ➕ 2 foto poi, dalla lista che appare, il template che abbiamo creato precedentemente (nel nostro esempio: "template 2 immagini").

Fatto! Il template selezionato verrà ora utilizzato per i prodotti che dispongono solamente di 2 foto.

Possiamo quindi procedere alla configurazione di altre varianti di template di riserva.

Lo stesso concetto è applicabile a Template Aggiuntivi associati ai singoli formati testuali, oppure ai Template Prodotti dei Post Multipli!

🖌 Collegamento con i Formati Testuali

Una volta creato il nostro Profilo per le Immagini Post, questo per essere utilizzato deve essere collegato ad uno (o più) Profili nei Formati Testuali.

A questo punto possiamo abilitare la spunta a "Usa Nuove Immagini" in Impostazioni -> Stili -> Immagini Post se non lo abbiamo ancora fatto, altrimenti le opzioni descritte successivamente non verranno visualizzate.

Nel BOT navighiamo nella sezione Impostazioni -> Stili -> Formati Testuali e selezioniamo il Profilo attualmente attivo.

Nella tastiera sarà visualizzata l'opzione 🎆 Immagini Post, selezioniamola.

Selezioniamo dalla lista il profilo testuale che abbiamo creato: questo verrà applicato a tutti i post di nuova creazione quando il profilo dei Formati Testuali è attivo.

Per rimuovere il Profilo delle immagini appena collegato è sufficiente rientrare nella sezione "Immagini Post" del Profilo Testuale e selezionare l'opzione "Rimuovi Profilo Immagini".

🎨 Associazione di un singolo Formato Testuale ad un Template Immagine

Gli utenti più esigenti potranno spingersi oltre e collegare singoli template immagine (i Template Aggiuntivi descritti all'inizio di questa guida) con singoli formati testuali.

E' sufficiente selezionare il Formato Testuale che si vuole collegare (ad esempio "Formati Base -> Offerta Normale"), aprire la sezione "Altre Impostazioni", e selezionare le rispettive "Img. Prezzo" e "Img. No Prezzo" disponibili nel profilo immagini connesso al profilo dei formati testuali.

Nella sezione "Img. No Prezzo" vengono visualizzati anche i Template Immagini che contengono prezzi precedenti. Se selezionati, il prezzo precedente (e gli eventuali sconti) verranno nascosti dall'immagine.

Last updated