Vendere su Weebly con Ecwid

È possibile inserire facilmente il proprio negozio online di Ecwid in un sito web Weebly. Puoi aggiungere l'intero negozio, le pagine delle categorie o i pulsanti Acquista in modo che i clienti possano effettuare un ordine senza lasciare il sito. La vetrina del negozio eredita i colori e i font del sito per integrarsi perfettamente in esso.

In questo articolo:

Aggiungere il catalogo di Ecwid a un sito Weebly
Aggiungere la ricerca, il carrello d'acquisto e il menu delle categorie a un sito Weebly
Mostrare i prodotti di una specifica categoria su un sito Weebly
Mettere un prodotto in evidenza su una pagina Weebly

Aggiungere il catalogo di Ecwid

È possibile aggiungere il proprio negozio Ecwid a un sito web Weebly con l'aiuto dell'app o del codice. In entrambi i casi, il negozio funzionerà bene. L'unica differenza è che l'app è disponibile solo con i piani a pagamento di Weebly. Invece non ci sono restrizioni per il piano di abbonamento Ecwid. Se si utilizza il piano Free di Weebly, è possibile inserire il negozio Ecwid tramite il codice di incorporamento.

Per aggiungere il proprio negozio Ecwid a un sito web Weebly:

Per utilizzare l'app, bisogna avere un account Weebly a pagamento. Se si utilizza il piano Free di Weebly, per aggiungere il negozio occorre usare un codice.

Effettuare l'accesso al proprio editor di Weebly.
Aprire l'app Ecwid seguendo il link https://www.weebly.com/app-center/ecwid-online-store oppure andare su Apps → e cercare Ecwid.
Fare clic sul pulsante Add (Aggiungi).
Nel popup che apparirà, selezionare il sito web nel quale si desidera inserire il negozio, quindi premere Connect (Connetti).
Apparirà un nuovo popup, nel quale sarà necessario ricontrollare che il sito sia stato selezionato correttamente e premere Connect (Connetti).
Nella pagina successiva, accedere al proprio account esistente o crearne uno nuovo.
Aprire la pagina nella quale si desidera inserire il negozio Ecwid.
Dall'elenco delle app installate nel menu a sinistra dell'editor di Weebly, trascinare e rilasciare l'icona di Ecwid nella pagina di destinazione.
Pubblicare le modifiche.

Innanzitutto, bisogna ottenere il codice del negozio. Dal pannello di controllo di Ecwid, andare a Tutti i canali di vendita → Sito web. Scorrere verso il basso fino alla sezione "Aggiungi il tuo negozio a un altro sito Web" e fare clic su Seleziona piattaforma → Altre piattaforme e sitebuilder.
Premere il pulsante Copia codice negli Appunti.
Adesso, è necessario incollare il codice nel sito Weebly. Effettuare l'accesso al proprio editor di Weebly.
Aprire la pagina nella quale si desidera inserire il negozio.
Dal menu Build (Costruisci) a sinistra, trascinare l'elemento Embed code (Codice di incorporamento) e rilasciarlo nella pagina.
Fare clic sul nuovo campo, quindi su Edit Custom HTML (Modifica HTML personalizzato).
Incollare il codice copiato in precedenza al passo 3.
Salvare e pubblicare le modifiche.

Il negozio Ecwid apparirà nella pagina indicata e i clienti potranno fare ordini.

Aggiungere la ricerca e il carrello della spesa

Quando i prodotti sono visualizzati sul sito, i clienti possono già effettuare ordini. Per aiutare i clienti a esplorare il negozio e a trovare più rapidamente i prodotti desiderati, è possibile aggiungere al sito degli elementi aggiuntivi, come la barra di ricerca e il carrello d'acquisto.

Per aggiungere la barra di ricerca e il carrello d'acquisto a un sito web Weebly:

Effettuare l'accesso al proprio editor di Weebly e aprire la pagina del negozio.
Nella sezione "Installed apps" ("App installate") del menu a sinistra, trovare i blocchi Ecwid Product Search (Ricerca prodotti Ecwid) e Ecwid Shopping Cart (Carrello d'acquisto Ecwid):
Scegliere dove si desidera inserire la barra di ricerca e l'icona del carrello d'acquisto e trascinare i blocchi nella posizione desiderata sulla pagina.
Fare clic sul blocco del carrello d'acquisto appena aggiunto per configurare il tipo di icona, il bordo, il layout e la posizione:
Salvare e pubblicare le modifiche.

Copiare il codice dell'elemento da aggiungere al sito web. Dal pannello di controllo di Ecwid, andare a Sito web. Scorrere verso il basso fino alla sezione "Aggiungi il tuo negozio a un altro sito Web" e fare clic su Seleziona piattaforma → Altre piattaforme e sitebuilder.
Nella sezione "Estensioni del negozio", premere il pulsante Aggiungi accanto all'elemento che si vuole aggiungere al sito. Il codice verrà copiato negli Appunti.
Effettuare l'accesso al proprio editor di Weebly e aprire la pagina del negozio.
Dal menu Build (Costruisci) a sinistra, trascinare l'elemento Embed code (Codice di incorporamento) e rilasciarlo nella posizione desiderata sulla pagina.
Fare clic sul nuovo campo, quindi su Edit Custom HTML (Modifica HTML personalizzato).
Incollare il codice copiato in precedenza al passo 2.
Per aggiungere la barra di ricerca, il menu e il carrello d'acquisto, ripetere i passaggi per ciascun elemento.

È possibile scegliere l'aspetto dell'icona del carrello aggiunta tramite codice. Ad esempio, può essere una semplice icona oppure un'icona che mostra il numero di articoli nel carrello. Per ulteriori informazioni al riguardo, consultare l'articolo Personalizzare lo stile dell'icona del carrello d'acquisto.

Impostare la categoria predefinita del negozio

Quando arrivano dei nuovi prodotti oppure quando alcuni prodotti sono in offerta e si desidera metterli in evidenza, è possibile raggrupparli nella stessa categoria e mostrarli nella home page del negozio. Per farlo, bisogna impostare questa categoria come categoria predefinita del negozio che verrà mostrata ai clienti non appena entrano nel sito.

Per aggiungere una categoria di prodotti a un sito web Weebly:

Effettuare l'accesso al proprio editor di Weebly.
Aprire la pagina del negozio o aggiungere il negozio al sito seguendo le istruzioni sopra riportate, qualora non fosse stato fatto prima.
Fare clic sul blocco del negozio e specificare l'ID della categoria predefinita (in inglese):
Pubblicare le modifiche.

Ottenere il codice di incorporamento della categoria descritta nell'articolo La prima categoria visualizzata ai visitatori.
Effettuare l'accesso al proprio editor di Weebly e aprire la pagina del negozio nella quale inserire la categoria.
Dal menu Build (Costruisci) a sinistra, trascinare l'elemento Embed code (Codice di incorporamento) e rilasciarlo nella posizione desiderata sulla pagina.
Fare clic sul nuovo campo, quindi su Edit Custom HTML (Modifica HTML personalizzato).
Incollare il codice copiato al passo 1.
Pubblicare le modifiche.

Mettere un prodotto in evidenza su una pagina

Supponiamo che si abbia una pagina separata sul proprio sito, dedicata a un determinato prodotto, e che si desideri dare ai clienti la possibilità di acquistare questo prodotto senza chiudere la pagina, direttamente mentre leggono l'articolo. Ciò può essere fatto con l'aiuto del pulsante Acquista di Ecwid.

Per mostrare un prodotto su una pagina, bisogna inserire il codice del pulsante Acquista nella pagina di destinazione con l'aiuto dell'elemento Embed code (Codice di incorporamento) di Weebly. Consultare le istruzioni dettagliate su come vendere con i pulsanti Acquista.