Introduzione

Ecco come creare link / pulsanti HTML Aggiungi al carrello di WooCommerce personalizzati e fare in modo che aggiungano uno o più prodotti al carrello e reindirizzino a pagine del sito web specifiche.

Questo tutorial spiega come ottenerlo per prodotti semplici ma anche per tipi variabili e raggruppati.

Consiglio vivamente di leggere tutti i commenti del post nel caso non fossi sicuro di qualcosa – molte persone hanno posto le stesse domande più e più volte, ad esempio ” è possibile aggiungere più di 1 prodotto al carrello? “(A cui la risposta è” no “, a meno che non crei un prodotto raggruppato).

Con questa guida è molto più facile posizionare i pulsanti Aggiungi al carrello su pagine di destinazione personalizzate, tabelle dei prezzi, articoli del blog e così via.

Url personalizzati per woocommerce

1) Prodotti semplici: aggiungi all’URL del carrello

I più facili di tutti, i prodotti semplici sono super facili da aggiungere al carrello tramite un URL personalizzato. Trova semplicemente l’ID del prodotto passando con il mouse sul titolo del prodotto in WooCommerce> Prodotti (vedi immagine sotto), quindi utilizza i seguenti collegamenti.

Attributi Pagina ID Prodotto

Con questa opzione puoi nascondere l’intestazione (header) e il piè di pagina di quella pagina (footer).

URL: aggiungi un semplice prodotto al carrello

href = “https://tuodominio.com/?add-to-cart=25”

Ora, assicurati di cambiare il nome di dominio nel link e il pulsante funzionerà immediatamente. 1 prodotto con ID = 25 verrà aggiunto al carrello.

URL: aggiungi un prodotto semplice al carrello con quantità = 3

href = “https://tuodominio.com/?add-to-cart=25&quantity=3”

1 prodotto con ID = 25 e quantità = 3 verrà aggiunto al carrello. Nota: non puoi aggiungere 2 prodotti diversi al carrello con un URL.

URL: aggiungi un semplice prodotto al carrello e reindirizza al carrello in seguito

href = “https://tuodominio.com/cart/?add-to-cart=25”

Ricorda, se hai modificato l’URL del carrello, assicurati di cambiare “/ cart /” in “/ basket /”, ad esempio. Perché funzioni devi anche spuntare l’opzione “Abilita i pulsanti di aggiunta al carrello AJAX sugli archivi” in WooCommerce -> Impostazioni -> Prodotti -> Generale.

URL: aggiungi un semplice prodotto al carrello e reindirizza al checkout

href = “https://tuodominio.com/checkout/?add-to-cart=25”

Ricorda, affinché funzioni devi selezionare l’opzione “Abilita i pulsanti di aggiunta al carrello AJAX sugli archivi” in WooCommerce -> Impostazioni -> Prodotti -> Generale e disabilita anche “Reindirizza alla pagina del carrello dopo l’aggiunta riuscita” :

Reindirizza al checkout woocommerce

URL: aggiungi un semplice prodotto al carrello e reindirizza a qualsiasi pagina in seguito

href = “https://tuodominio.com/your_custom_page/?add-to-cart=25”

Ricorda, affinché funzioni devi selezionare l’opzione “Abilita i pulsanti di aggiunta al carrello AJAX negli archivi” in WooCommerce -> Impostazioni -> Prodotti -> Generale e disabilita anche “Reindirizza alla pagina del carrello dopo l’aggiunta riuscita”.

2) Prodotti variabili: aggiungi all’URL del carrello

Qui le cose erano inizialmente complicate, ma ora è molto più semplice! Tutto ciò di cui hai bisogno è l’ID variante. Ecco dove puoi trovarlo:

Reindirizza al checkout

Una volta ottenuto l’ID della variazione, puoi utilizzare quanto segue.

URL: aggiungi un prodotto variabile al carrello

href = “https://tuodominio.com/?add-to-cart=88”

Stiamo aggiungendo qui solo l’ID variazione (88) come da screenshot sopra. Facile 🙂

URL: aggiungi un prodotto variabile al carrello (con quantità = 3)

href = “https://tuodominio.com/?add-to-cart=88&quantity=3”

Puoi anche reindirizzare a Carrello, Checkout e un’altra pagina nello stesso modo in cui abbiamo visto per i prodotti semplici:

URL: aggiungi un prodotto variabile al carrello e reindirizza al carrello

href = “https://tuodominio.com/cart/?add-to-cart=88”

URL: aggiungi un prodotto variabile al carrello e reindirizza alla cassa

href = “https://tuodominio.com/checkout/?add-to-cart=88”

URL: aggiungi un prodotto variabile al carrello e reindirizza a qualsiasi pagina

href = “https://tuodominio.com/any-page-url/?add-to-cart=88”

3) Prodotti raggruppati: aggiungi all’URL del carrello

Recentemente ho lavorato con prodotti raggruppati e il mio compito era aggiungerlo al carrello tramite un URL personalizzato. Un prodotto raggruppato è una combinazione di due o più sottoprodotti e ognuno può essere aggiunto con una quantità personalizzata al carrello.

Grouped prodotto woocommerce

Quindi, ecco i link personalizzati.

URL: aggiungi un prodotto raggruppato al carrello

Avrai bisogno dell’ID del prodotto raggruppato, che può essere trovato nel solito modo, e anche degli ID del sottoprodotto. Quindi, usa qualcosa come: href=”https://tuodominio.com/?add-to-cart=3111&quantity[1803”=5&quantity[1903”=2″

In questo caso, stiamo aggiungendo l’ID prodotto raggruppato = 3111 e in particolare stiamo aggiungendo 5x ID prodotto = 1803 e 2x ID prodotto = 2. Nota: se vuoi aggiungere “zero” per uno dei sottoprodotti, devi comunque specificare che ie & quantity [1903] = 0.

Per oggi è tutto! Se hai dubbi o domande lascia un commento nella sezione qua sotto. 

Mostra/Nascondi Commenti (0 commenti)
L

0 commenti

Invia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Ti potrebbe anche interessare…

Persona in procinto di accendere un laptop

Come scrivere articoli per il tuo blog di WordPress

In questo articolo vi raccontiamo come scrivere articoli efficaci per i blog di WordPress e perchè è importante farlo.
Persona che guarda un computer fisso alla scrivania

Come ottimizzare la homepage del tuo sito web

Se sei alla ricerca del metodo più efficace per ottimizzare pagine, in questo post ti spiego come è possibile farlo.
Laptop con pagina sul backend di WordPress

Come installare un plugin su WordPress

Installare un plugin su Wordpress è qualcosa che si deve assolutamente sapere per integrare nuove funzionalità al tuo sito Web.
Mano che legge telefono smartphone con Google

Come indicizzare il tuo sito su Google

In questo articolo troverai tutte le indicazioni necessarie per riuscire a indicizzare il tuo sito su Google al meglio.
Persona che lavora a un sito wordpress

Come ricevere più commenti nel tuo blog

In questo articolo vedremo come è possibile ricevere più commenti nel tuo blog e aumentare le interazioni social.
Schermata backend di WordPress

Come aggiornare i plugin di WordPress

Aggiornare plugin è un’attività essenziale affinché Wordpress funzioni al meglio. In questo articolo ti mostro come aggiornare i plugin del tuo sito.
Divi page builder

Cosa sono i Page Builder per WordPress

Oggi vediamo cosa sono i page builder per Wordpress e perché possono rappresentare uno strumento utile ed efficace.
Protezione attacchi sito Wordpress Illustrazione

Verificare la presenza di malware nel tuo sito WordPress

In questo post conoscerai alcuni strumenti per verificare se il tuo sito è affetto da malware e come mantenerlo protetto da attacchi hacker.
Sosituire Icona Hamburger Divi

Come sostituire l’icona hamburger per mobile nel tema Divi

In questa breve guida imparerai a sostituire l’icona hamburger standard di Divi per dispositivi mobili come cellulari e tablet.
Wocoomerce Shopping Wordpress

Come disabilitare l’uso di una password forte in WooCommerce

È importante disabilitare l’uso di password complesse in WooCommerce per non indurre gli utenti ad abbandonare la fase di checkout.

Layout Divi

Scopri un’ampia collezione di layout Divi in continuo aggiornamento.

Membership

Benvenuto nel club segreto dei web designer! Uno spazio riservato a chi ha scoperto i vantaggi dei layout Divi per creare siti web moderni e professionali.

N 90+ Layout Divi
N Licenza Lifetime
N Download illimitati
N Documentazione
N SUPPORTO VIA EMAIL

0,00 €

Possibilità di utilizzare tutti i layout Divi per sempre, senza limitazioni.

Divi Logo

Tema Divi

Il più potente e accessibile dei temi WordPress è disponibile anche in italiano!

Divi Builder