Come creare URL personalizzati per “Aggiungi al carrello” di WooCommerce

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

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…

Nov 17 2022

Come aggiungere le icone Font Awesome al tema Divi

In questo post ti mostro come aggiungere icone Font Awesome al tuo sito WordPress con un plugin o integrando manualmente con Divi.
Ottimizzare le immagini per la SEO
Nov 15 2022

Come ottimizzare le immagini per la SEO in Divi

Scopri come ottimizzare le immagini del tuo sito Divi in ottica SEO in questa guida passo dopo passo!
Modulo Divi Blur
Nov 14 2022

Come spostare il titolo del modulo Divi Blur sopra l’immagine

Oggi ti mostrerò come spostare il titolo del modulo Divi Blurb sopra l’immagine grazie a un frammento di codice.
Icone Social Mobile Divi
Mag 11 2022

Mostrare le icone social nell’header Divi da mobile

In questo post scoprirai un semplice trucchetto per abilitare le icone social nell’header Divi da mobile.
Video Vimeo Modulo
Mag 08 2022

Come incorporare Vimeo nel modulo video di Divi

In questo articolo ti mostro come inserire correttamente un video Vimeo nel modulo video di Divi.
Protezione attacchi sito Wordpress
Apr 21 2022

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
Feb 18 2022

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.
Feb 15 2022

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.
Disabilitare IMG title
Feb 12 2022

Come ottimizzare gli attributi img alt e img title per la SEO

Ecco una breve guida sugli attributi img alt e img title e come disabilitarli in un sito WordPress.

Crea siti Web professionali con i layout Divi

Prova i nostri layout per il tema Divi, usato da web agency e professionisti di WordPress!

Membership

Sepa

10,00 €  per sempre!

Con l’aggiunta di nuovi layout, il prezzo
può essere soggetto a modifiche.

R Più di 50 Layout Divi
R Download illimitati
R DOCUMENTAZIONE
R Assistenza PER email

10,00 €  per sempre!

Con l’aggiunta di nuovi layout, il prezzo
può essere soggetto a modifiche.