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. 

Ti potrebbe anche interessare…

Mostra/Nascondi Commenti (0 commenti)
L

0 commenti

Invia un commento

Stai cercando un esperto per il tuo sito Divi?

Negozio dei Layout

I layout Divi sono nati per donare un look pulito e professionale e farti risparmiare tempo nella creazione del tuo sito Web.

Travel Blogger Child Tema
Panificio Divi Child Tema
Carrozziere Divi Child Tema