Documentazione plugin

Estro Shop

Estro Shop è un potente plugin che permette di trasformare un sito web vetrina in una piattaforma di pickup e delivery ed è pensato specificatamente per la food industry.


Requisiti di funzionamento

Ci sono alcuni requisiti che il sito web deve rispettare per poter utilizzare il plugin.

  • CMS WordPress (almeno V5)
  • tema YOOtheme (almeno V3)

Supporto browser

Il seguente elenco mostra le versioni del browser su cui è stato testato Estro Shop. “Più recente” significa che funziona perfettamente su tutte le versioni recenti di quel browser. Con molti browser che si muovono verso una strategia di rilascio progressivo, negli ultimi anni è diventato un po’ complicato fissare il supporto del browser a una versione specifica. Per farla breve, Estro Shop funzionerà praticamente su qualsiasi browser moderno.

Più recente

Più recente

Più recente

Più recente

Più recente

Per iniziare

Attivazione del plugin

Dal backend del sito, cliccare su Plugins nel menu di sinistra. Verificare che Estro ShopEstro Shop Custom CakeEstro Shop Delivery ed Estro Shop Pick Up compaiano nella lista di plugin.

Se sotto al nome di ognuno di questi plugin compare la voce Deactivate significa che i plugin sono già attivi.

PER INIZIARE

Attivazione modalità coming soon

In attesa di inserire tutte le informazioni necessarie per poter far usare agli utenti del sito le funzionalità di Custom Cake, Delivery e Pickup, è necessario oscurare temporaneamente le pagine che mostreranno tali funzionalità.

Per mettere in manutenzione pagine specifiche del sito, nel backend del sito, cliccare sulla voce CMP Settings nel menu di sinistra.

Cliccare quindi sulla tab Advanced ed attivare la voce Page Whitelist. Dall’input sulla destra sarà possibile scegliere quali pagine oscurare. Cliccare su Save all changes una volta selezionate tutte le pagine del caso.

Per completare l’operazione è necessario tornare alla schermata iniziale (cliccando sulla voce CMP Basic Setup) e assicurarsi che il CMP Status sia settato su Enabled.

Se si abilitasse il CMP Status senza aver selezionato alcuna pagina in Advanced > Page Whitelist, l’intero sito verrebbe oscurato.

Per disattivare la modalità coming soon e rendere di nuovo tutto visibile, basterà riportare il pulsante del CMP Status su Disabled.

Setup

Impostazioni generali

Dal backend del sito, cliccare sulla voce Estro Shop dal menu di sinistra.


General settings

Le informazioni richieste in General settings sono le prime da compilare e sono obbligatorie per il corretto funzionamento di Estro Shop. Al termine delle modifiche. è necessario cliccare sul pulsante Save changes. Di seguito il significato di ogni campo.

General settings

Organization name

è il nome dell’azienda e compare nella mail di recap dell’ordine.

Main email

è la mail alla quale arriva una copia di tutti gli ordini (se non viene impostata le mail arrivano all’Admin del sito). Si trova anche a piè di pagina nella mail di recap.

Currency Symbol

è il simbolo della valuta che compare accanto al prezzo dei prodotti.

Currency Code

è il paese al quale corrisponde la valuta (es: dollaro statunitense, dollaro australiano, ecc).

Main phone

è il numero al quale gli utenti possono chiamare per mettersi in contatto con lo store.

Google Maps Api key

è un codice necessario per stabilire correttamente la distanza di spedizione dal negozio al consumatore. Il servizio è di Google ma viene offerto da Estro.

Timezone

specifica in quale fuso orario si trova lo store ed è necessaria per impostare correttamente gli orari dei servizi.

Date format

serve per impostare tutte le date nel formato americano o europeo.

Select language

permette di impostare una lingua a scelta tra italiano, inglese, spagnolo e portoghese.

Delivery Page

Permette di scegliere su quale pagina del sito far visualizzare al plugin la funzionalità di delivery.

Delivery Page (private)

Permette di scegliere su quale pagina del sito far visualizzare al plugin la funzionalità di delivery da far utilizzare esclusivamente agli amministratori del sito.

Pick up Page

Permette di scegliere su quale pagina del sito far visualizzare al plugin la funzionalità di pick up.

Pick up Page (private)

Permette di scegliere su quale pagina del sito far visualizzare al plugin la funzionalità di pick up da far utilizzare esclusivamente agli amministratori del sito.

Custom Cakes Page

Permette di scegliere su quale pagina del sito far visualizzare al plugin la funzionalità di custom cakes.

Custom cakes Page (private)

Permette di scegliere su quale pagina del sito far visualizzare al plugin la funzionalità di custom cakes da far utilizzare esclusivamente agli amministratori del sito.

Privacy, cookie, terms

perché il sito web rispetti la normativa GDPR è necessario essere in possesso di una privacy e cookie policy, nonché di un documento di termini e condizioni. In questi tre campi è necessario inserire il link di tali pagine.


Debug mode

La modalità di debug consente di testare le funzionalità del plugin fino al checkout. Per testare il processo di acquisto con metodo di pagamento PayPal bisogna cliccare la tab Debug mode e selezionare la checkbox Enable PayPal Sandbox.

Abilitare la PayPal Sandbox solo quando è attiva la modalità coming soon.

La checkbox Disable delivery service permette di disabilitare il servizio di delivery.

Al termine delle modifiche cliccare su Save Changes.


Appearance

La tab Appearance consente di personalizzare l’aspetto delle pagine di Delivery, Pick up e Custom Cakes.

Si possono selezionare il logo dell’azienda e scegliere una dimensione in pixel (Logo width) e selezionare i tre colori principali del brand.

Al termine delle modifiche cliccare su Save Changes.

Store

Aggiungere uno store

Nel backend del sito, cliccare sulla voce Stores, nel menu a sinistra. In questa pagina è possibile creare uno store cliccando sul pulsante Add new e associare i servizi di delivery, pick up e custom cakes. Ma è anche possibile creare più di uno store e personalizzare i servizi secondo gli orari e le abitudini di ciascuno.

Step 1

Assegnare un titolo

Il nome è un campo obbligatorio e apparirà nel corpo delle email che verranno inviate agli utenti che completano un ordine, oltre che nella pagina di Pick up.


Step 2

Store Details

Nella sezione Store Details andranno inseriti i recapiti dello store, l’importo per il minimo d’ordine, l’indirizzo dello store e la posizione in coordinate (le quali possono essere recuperate su Google Maps).


Step 3

Store Payment Methods

Nella sezione Store Payment Methods è possibile stabilire quali metodi di pagamento attivare selezionando le checkbox corrispondenti. Per attivare correttamente PayPal, Stripe o Clover, occorre seguire i passaggi successivi.

Attivare Stripe

Per recuperare la chiave pubblica e la chiave privata di Stripe consultare questa guida.
Per usare le chiavi di Stripe bisogna essere registrati e l’account deve avere i privilegi di amministratore. Una volta copiate le chiavi, tornare sulla pagina dello Store, attivare la spunta di Credit card online (Stripe)
e incollare la chiave pubblica nella riga Stripe Publishable API Key e la chiave privata nella riga Stripe Secret API Key.
Compilati questi campi clicca su Update (in alto a destra) per salvare le modifiche

Attivare PayPal

Per recuperare le API di PayPal seguire questa guida.
Una volta recuperate le API, tornare sulla pagina dello Store (Store Payments Methods), attivare la spunta di PayPal Checkout e incollare il Client ID nella riga Paypal API Client ID e la chiave segreta nella riga Paypal API Secret.
Compilati questi campi clicca su Update (in alto a destra) per salvare le modifiche

Attivare Clover

  • 1) Creare un Account
  • 2) Creare un Business
  • 3) Creare e-commerce API token dalla UI Admin di Clover. Entra nella Dashboard Business e crea il token
copia la chiave Public token e recati all’interno dello Store (nel backend di WordPress)
incolla l’ API Key in Clover API Key
e spunta la voce Credit card online Clover

NOTA BENE!

Credit card
online
(Clover)
e Credit card
online
(Stripe)
non devono essere
selezionati entrambi
Clicca su Estro Shop, Debug mode e verifica che la voce Enable Clover Sandbox non sia selezionato

4. Custom Cakes Details

In quest’area si può specificare il numero minimo di giorni di avviso dell’ordine per ogni giorno della settimana.
Email recipient CC: si possono mettere in copia gli indirizzi che devono ricevere gli ordini (separare gli indirizzi con la virgola).

5. Delivery Details

Maximum order time e Daily Order notice: per ogni giorno della settimana è possibile specificare gli orari di attività e l’ora massima in cui si possono accettare ordini di delivery.
Hourly order notice: il minimo numero di ore di preavviso per un ordine.
Delivery not active for this day: abilitare se non si vuole fare servizio delivery in uno specifico giorno della settimana.
Specify the distance: espressa in metri è indispensabile per poter calcolare se è disponibile il servizio delivery per un cliente. Delivery costs: è il prezzo base che viene aggiunto in carrello.
Enable free delivery: da abilitare in caso si voglia effettuare la consegna gratuita.
Minimum spend for free delivery: specificare il minimo ordine per abilitare la consegna gratuita.

6. Pick Up Details

Maximum order time e Daily Order notice: per ogni giorno della settimana è possibile specificare gli orari di attività e l’ora massima in cui si possono accettare ordini di delivery.
Hourly order notice: il minimo numero di ore di preavviso per un ordine.
Pick up not active for this day: abilitare se non si vuole fare servizio Pick Up in uno specifico giorno della settimana

Una volta terminate le modifiche, cliccare su Publish in alto a destra

05.

Crea una Categoria Prodotto

Dalla Dashboard di sinistra cliccare su Products
dopodichè, sotto alla voce Products si aprirà un menù a tendina. Cliccare su Product categories.
Nome: importante perché sarà visibile nella selezione del prodotto
Slug: lo auto compilerà WordPress
Menu dropdown: serve a selezionare un parent di una categoria, ma può non essere specificato
Descrizione: breve descrizione della categoria che appare nella card rappresentativa della categoria
Immagine: importante perché apparirà nella card rappresentativa della categoria
Hidden category: da abilitare se si crea una categoria che non si vuole mostrare nello store
Custom cake category: da abilitare se si sta creando una categoria che deve apparire nel plugin delle torte
Card color: è possibile assegnare un colore alla card
Infine cliccare su Add product category

06.

Crea un Prodotto

Nella Dashboard sulla sinistra cliccare su Products
e Add new per inserire un nuovo prodotto nello Store
Inserire il nome, la descrizione, il prezzo e scegliere lo/gli Store che vendono il prodotto.
(Per evitare bug non utilizzare caratteri speciali, punti e numeri)
Titolo: importante perché appare nella scheda del prodotto (obbligatorio).
Descrizione: breve descrizione del prodotto che appare subito sotto al titolo (facoltativo).
Base price: è il prezzo del prodotto (obbligatorio).
Stores: importante perché deve specificare in quali negozi apparirà il prodotto (obbligatorio).
Inserire gli eventuali attributi del prodotto
Product attributes: serve ad aggiungere eventuali personalizzazione del prodotto, se ne possono creare a oltranza.
Attribute name: è il nome che appare sopra alla lista degli attributi.
Attribute values: qui si aggiungono le varie personalizzazioni e un eventuale aumento di prezzo (se richiesto).
Maximum selectable items: limite massimo di personalizzazioni che un consumatore può scegliere dalla lista.
Infine inserire gli eventuali componenti aggiuntivi
Addon name: è il nome che appare sopra alla lista dei componenti aggiuntivi.
Addon values: qui si aggiungono le varie personalizzazioni e un eventuale aumento di prezzo (se necessario).

NOTA BENE!

Prima di pubblicare
il prodotto,

scegliere la categoria
di appartenenza

in alto a destra
e inserisci l’immagine del prodotto nella Featured image

07.

Disattiva la modalità Coming Soon

Una volta completati i settaggi del plugin, si potrà disattivare la modalità coming soon.

Dalla Dashboard di sinistra cliccare su CMP Settings e deselezionare dalla Page Whitelist le pagine presenti sotto la voce CMP Whitelist – set CMP landing page to specific page(s) only.
o seleziona direttamente la voce Disabled.
Completata l’operazione, cliccare su SAVE ALL CHANGES
oppure nella Dashboard in alto a destra, alla voce Coming Soon Mode selezionare OFF.
Prodotti

Ordinamento personalizzato

Per poter visualizzare i prodotti sul sito secondo un ordine prestabilito, è necessario installare due nuovi plugin. 

Dal backend del sito, cliccare sulla voce Plugins nel menu di sinistra e poi sul pulsante Add new. Sulla destra comparirà una barra di ricerca con la quale è necessario cercare il nome del plugin Post Types Order. Una volta trovato, cliccare su Install now e, finita l’installazione, sul pulsante Activate.

Ripetere l’operazione per installare anche il plugin Category Order and Taxonomy Terms Order.

Post Types Order

Il plugin consente di riordinare gli elementi presenti sia tra i Products che tra i Flavors. Basterà selezionare la voce Flavors o Products dal backend del sito e poi cliccare su Re-Order. Comparirà una lista con tutti i flavors o products già creati che, per riordinare, bisognerà trascinare con il mouse nella posizione desiderata.

Una volta terminate le modifiche, cliccare sul pulsante Update in fondo alla pagina.


Category Order and Taxonomy Terms Order

Il plugin consente di riordinare le categorie create sia per i Products che per i Flavors. Basterà selezionare la voce Flavors o Products dal backend del sito e poi cliccare su Re-Order. Comparirà una lista con tutti i flavors o products già creati che, per riordinare, bisognerà trascinare con il mouse nella posizione desiderata.

Una volta terminate le modifiche, cliccare sul pulsante Update in fondo alla pagina.