Come utilizzare ChatGPT per Shopify: programma funzionalità personalizzate e risparmia sulle app

utilizzando ChatGPT per Shopify è uno dei modi più pratici in cui i proprietari di negozi possono aggiungere funzionalità personalizzate, ridurre la dipendenza da app a pagamento e muoversi più velocemente senza uno sviluppatore dedicato. Big Red JellyIl nostro team Shopify utilizza regolarmente strumenti basati sull'intelligenza artificiale: ChatGPT per la generazione di codice, Rytr per i modelli di copywriting e le funzionalità di intelligenza artificiale di Canva per l'ideazione del design. Questa guida si concentra in particolare su come utilizziamo ChatGPT per sviluppare funzionalità per Shopify, sui suoi punti di forza, sui suoi limiti e su come ottenere i migliori risultati.

Ci si può fidare del codice che ChatGPT scrive per Shopify?

In generale, sì, con alcune riserve. ChatGPT ha elaborato una parte significativa della documentazione di Shopify ed è in grado di scrivere codice funzionale nel linguaggio di templating di Shopify, Liquid. Per la maggior parte delle funzionalità personalizzate standard, può svolgere il lavoro.

Detto questo, ci sono delle limitazioni. Il sistema operativo 2.0 di Shopify ha introdotto funzionalità e strutture successive ad alcuni dati di addestramento di ChatGPT, il che significa che gli output per le architetture dei temi più recenti potrebbero richiedere ulteriori correzioni. In base alla nostra esperienza:

• Tasso di successo pari a circa il 40% su codice grezzo, al primo tentativo, senza alcun feedback
• Tasso di successo superiore al 60% quando si itera — testando il codice, identificando cosa non funziona e chiedendo a ChatGPT di risolvere problemi specifici

In sintesi: non aspettatevi che il primo output di ChatGPT funzioni alla perfezione. Consideratelo un valido punto di partenza che necessita di test e iterazioni, non un prodotto finito.

Funzionalità Shopify reali che abbiamo creato con ChatGPT

Quando costruiamo Shopify store Per i nostri clienti, la priorità è offrire un design eccezionale e un'esperienza utente impeccabile. A volte, questo richiede funzionalità non integrate nativamente in Shopify. Ecco cosa abbiamo realizzato con successo utilizzando il codice Liquid generato da ChatGPT:

• Un modulo di invio personalizzato che aggiunge i dettagli specifici dell'ordine quando un cliente aggiunge un articolo al carrello.
• Un sistema di accesso che richiede agli utenti di autenticarsi prima di poter visualizzare i prezzi dei prodotti.
• Opzioni di upsell e pacchetti personalizzati visualizzati durante il checkout

Ognuna di queste funzionalità è tecnicamente realizzabile tramite l'App Store di Shopify, ma ognuna richiederebbe anche un abbonamento mensile ricorrente. ChatGPT ci ha permesso di creare versioni leggere e personalizzate senza costi ricorrenti.

ChatGPT vs. App Shopify: Pro e Contro

Entrambe le opzioni hanno casi d'uso legittimi. Ecco come valutare il compromesso:

Quando utilizzare ChatGPT per Shopify

• Costo: ChatGPT è gratuito. Le app di Shopify hanno prezzi che variano da gratuiti a centinaia di dollari al mese. Per una singola funzionalità leggera, ChatGPT elimina completamente i costi ricorrenti.
• Controllo del codice: Il codice sorgente è di tua proprietà. Non ci sono app di terze parti che aggiungono script al tuo negozio online e che potrebbero non essere rimossi automaticamente al momento della disinstallazione, una causa comune di rallentamento del caricamento delle pagine.
• Personalizzazione: Puoi personalizzare l'aspetto e il comportamento della funzionalità esattamente come desideri, non come ha deciso che dovrebbe funzionare uno sviluppatore di app.

Quando utilizzare un'app Shopify

• Facilità d'uso: Le app sono progettate per chi non ha competenze di programmazione. Se non hai familiarità con HTML, CSS o Liquid, implementare codice ChatGPT puro sarà difficile e soggetto a errori.
• Integrazione progettuale: Le app di qualità sono progettate per adattarsi automaticamente al tema e alla combinazione di colori del tuo negozio. ChatGPT, invece, ti fornisce codice grezzo e non stilizzato che dovrai personalizzare tu stesso.
• Assistenza: Le app sono dotate di team di supporto dedicati. ChatGPT no: se il codice non funziona, dovrai risolvere il problema da solo.
• Complessità: Per le funzionalità che richiedono aggiornamenti continui, integrazioni con più sistemi o manutenzione frequente, un'app ben supportata o uno sviluppatore professionista rappresentano la scelta più sicura a lungo termine.

Come usare ChatGPT per Shopify: scrivere prompt che funzionano davvero

La qualità del codice Shopify generato da ChatGPT è direttamente proporzionale alla specificità del prompt. Prompt vaghi producono codice vago. Ecco l'approccio che utilizziamo:

Passaggio 1: Sii il più specifico possibile nella tua richiesta

Includi quanto segue in ogni richiesta:

• Il tipo di pagina: Pagina del prodotto, pagina della collezione, pagina del carrello, homepage?
• Il comportamento esatto: Cosa dovrebbe accadere, quando dovrebbe attivarsi e che aspetto dovrebbe avere l'output?
• Quali elementi sono coinvolti? Sezioni specifiche, metadati, varianti di prodotto, attributi del carrello?
• Il contesto del tuo tema: Utilizzi un tema Dawn? Un tema personalizzato per OS 2.0? Un vecchio tema per Shopify 1.0?

Esempio di una richiesta debole: “Aggiungi un campo personalizzato alla pagina del mio prodotto.”

Esempio di un suggerimento efficace: "Sto usando il tema Dawn 2.0 di Shopify. Ho bisogno di un campo di testo nella pagina del prodotto che permetta ai clienti di inserire un messaggio personalizzato per l'incisione. Questo messaggio deve essere salvato come proprietà dell'articolo nel carrello e apparire nella conferma d'ordine. Scrivi il codice Liquid e JavaScript necessario per implementarlo."

Passaggio 2: Eseguire immediatamente il test in un ambiente di sviluppo.

Non applicare mai codice ChatGPT non testato direttamente al tuo negozio Shopify attivo. Utilizza sempre un tema di test/sviluppo per poter eseguire le prove senza influire sui clienti reali. Apri il tuo negozio in una scheda separata e testa la funzionalità immediatamente dopo aver incollato il codice.

Passaggio 3: Identifica i bug e segnalali a ChatGPT

Quando il codice non funziona come previsto, descrivi il problema in modo specifico: cosa fa la funzionalità, cosa dovrebbe fare e quali messaggi di errore visualizzi. Chiedi a ChatGPT di correggere il problema specifico anziché rigenerare tutto da zero. È proprio grazie a questo ciclo iterativo che il tasso di successo, superiore al 60%, è possibile ottenere risultati migliori.

Passaggio 4: Prova la sezione CustomLiquid nel Personalizzatore di Shopify

Se non sei sicuro di dove inserire il codice nei file del tuo tema, Liquido personalizzato La sezione nell'editor del tema di Shopify è un punto di ingresso a basso rischio. Consente di aggiungere codice Liquid a una pagina specifica senza modificare direttamente i file principali del tema, riducendo la possibilità di compromettere qualcosa di non correlato.

Risoluzione dei problemi relativi al codice Shopify generato da ChatGPT

ChatGPT genera spesso codice parzialmente corretto ma contenente bug specifici. Ecco la procedura di risoluzione dei problemi in quattro fasi che seguiamo:

1. Identifica il problema. Qual è il problema riscontrato nel codice? Non viene visualizzato affatto, viene visualizzato in modo errato o si comporta in modo anomalo in seguito all'interazione?
2. Isolare il problema. Riesci a identificare il blocco di codice specifico che causa il problema? Commenta alcune sezioni per circoscrivere il problema.
3. Posizionamento del test. A volte ChatGPT consiglia di inserire del codice in una sezione in cui non funzionerà correttamente. Prova a spostarlo in un file modello o in una sezione diversa per vedere se il comportamento cambia.
4. Utilizzare Liquido Personalizzato come soluzione di ripiego. Se le modifiche ai file del tema non funzionano, incolla il codice in una sezione Liquid personalizzata tramite il Personalizzatore di Shopify. In questo modo si evitano molti conflitti di posizionamento specifici del tema.

Quando è opportuno rivolgersi a uno sviluppatore Shopify professionista

ChatGPT per Shopify funziona bene per funzionalità leggere e autonome con un comportamento chiaro e descrivibile. In questi casi rappresenta un vero risparmio di tempo e denaro. Tuttavia, ci sono situazioni in cui la formazione professionale è la scelta giusta:

• Funzionalità che si integrano con sistemi di terze parti (ERP, CRM, API esterne)
• Personalizzazioni complesse del processo di pagamento che coinvolgono il livello di estensibilità del checkout di Shopify.
• Codice critico per le prestazioni, in cui l'impatto sulla velocità di caricamento delle pagine deve essere gestito con attenzione.
• Qualsiasi negozio che generi un fatturato significativo in cui gli errori di codice comportino un rischio finanziario reale

At Big Red JellyRealizziamo e gestiamo negozi Shopify per aziende di ogni dimensione. Che tu abbia bisogno di una funzionalità personalizzata codificata in modo pulito, di una creazione completa del negozio o di un servizio di manutenzione continua... manutenzione del sito webIl nostro team se ne occupa con la stessa attenzione al design e alle prestazioni. Parliamo del tuo negozio.

Scritto da Preston Vawdrey