Demanar pressupostES
  1. Inici
  2. Guies
  3. App o codi a mida a Shopify
ShopifyActualitzat 7 min de lectura

App o codi a mida a Shopify, i quan n'hi ha prou amb el natiu

Una funció nova a Shopify es pot resoldre amb configuració nativa, una app pública o codi propi. Aquest mètode compara les opcions pel cost total i pel manteniment que exigeixen després.

Portada de la guia: App o codi a mida a Shopify, i quan n'hi ha prou amb el natiu
Il·lustració editorial de la guia.

En resum

  • Descriu el requisit en termes de negoci abans de buscar cap eina.
  • Prova primer el que és natiu (metacamps, seccions, regles de l'administrador), que depèn del teu pla.
  • Una app costa la quota més la feina que fa el teu equip per esquivar-ne els límits.
  • Una app pròpia es justifica quan necessites lògica de servidor, API o regles que només existeixen al teu negoci.

Quan una botiga necessita una funció nova, el primer dubte sol ser si triar app o codi a mida a Shopify. Sovint s'oblida una tercera opció, la funcionalitat nativa, que moltes vegades resol el problema sense instal·lar res. Aquí tens un mètode per decidir entre les tres segons el cost total, el risc i el manteniment, en lloc de quedar-te amb el primer que apareix a la botiga d'aplicacions.

Com decidir entre natiu, app o codi
  1. Requisit escritquè ha de passar, quan no i quines dades fa servir
  2. Funcionalitat nativaesgota la configuració, els metacamps i les regles de Shopify
  3. App públicanecessitats comunes amb un desenvolupador que la manté
  4. Codi al temacanvis de presentació amb Liquid i JavaScript
  5. App pròpialògica de servidor, webhooks i sistemes interns

Escriu el requisit abans de buscar eines

El més habitual és buscar una aplicació i provar la primera que surt. De vegades és la millor solució. Altres vegades afegeix una quota mensual, un script més a l'aparador i una dependència nova que ningú no revisarà d'aquí a un any.

Abans de triar, escriu el requisit en termes de negoci:

  • Què ha de passar i per a qui: client, equip o magatzem.
  • En quins casos no ha de passar.
  • Quines dades necessita i d'on surten.
  • Què passa si falla: es perd una venda, una comanda o només un detall visual?
  • Qui el mantindrà quan canviï el tema o el catàleg.

Imagina una botiga que vol mostrar un avís d'enviament gratuït a partir d'un cert import a la cistella. Escrit així, és un canvi de presentació. Si el llindar depèn del país, del tipus de client i de si hi ha productes voluminosos, l'avís necessita dades que s'han de treure d'algun lloc, i la solució canvia. Amb el requisit ben descrit, bona part de la decisió ja està presa.

Què resol la funcionalitat nativa de Shopify

Shopify resol moltes tasques amb configuració: metacamps i metaobjectes per a dades addicionals, col·leccions automàtiques, descomptes, mercats, regles d'enviament i seccions del tema, segons el teu pla. Si la necessitat és estàndard, convé esgotar aquestes opcions abans de plantejar programació pròpia.

El que és natiu no afegeix quotes ni dependències externes, i el manté Shopify, així que evoluciona amb la plataforma. A més, l'equip el pot gestionar des de l'administrador.

El límit apareix quan forçar la configuració obliga a fer feina manual cada dia o trucs difícils d'explicar. Si per mantenir una regla cal recordar cinc passos cada vegada que es dona d'alta un producte, probablement el natiu s'ha quedat curt.

Quan té sentit una app pública

Una app pública compensa quan resol un problema comú i el desenvolupador la continua actualitzant i hi dona suport. Ressenyes de productes, programes de fidelització o subscripcions són necessitats que comparteixen moltes botigues, i desenvolupar-les des de zero rarament surt a compte.

Abans d'instal·lar, revisa:

  • Permisos: quines dades sol·licita i si són proporcionals al que fa.
  • Impacte a l'aparador: si carrega scripts a totes les pàgines i quant pesen.
  • Facturació: quota fixa, per comanda o per volum, i com escala si creixes.
  • Sortida: què passa amb les teves dades i amb el codi del tema si la desinstal·les.
  • Manteniment: freqüència d'actualitzacions i qualitat del suport.

El cost d'una app és la quota més les hores que el teu equip dedica a esquivar-ne les limitacions.

Els problemes solen venir de l'acumulació. Diverses aplicacions amb funcions que se solapen i scripts que competeixen entre ells són una font habitual de lentitud i d'errors difícils de rastrejar.

Quan desenvolupar al tema amb Liquid i JavaScript

Els canvis de presentació encaixen bé al tema: selectors de variants, avisos contextuals, components de fitxa, guies de talles o interaccions a la cistella. Amb seccions i blocs ben dissenyats, l'equip els pot configurar des de l'editor sense tocar codi.

Hi ha límits clars:

  • No posis processos de backend ni dades sensibles al JavaScript del navegador.
  • No confiïs en el frontend per validar preus, descomptes o estoc, perquè el client el pot manipular.
  • No lliguis regles crítiques a un bloc que desapareixerà en canviar de plantilla.

Convé guardar les dades en metacamps i deixar al tema només la presentació, de manera que continuïn allà si un dia canvies de tema. Si necessites aquest tipus de feina, a funcionalitats a mida a Shopify expliquem com ho enfoquem.

Quan construir una app pròpia

Una app personalitzada té sentit quan necessites lògica de servidor: fer servir API amb autenticació, processar webhooks, integrar un sistema intern, administrar regles complexes o guardar dades que no encaixen en metacamps. Segons el pla i el cas, Shopify també ofereix mecanismes per ampliar el checkout o els descomptes amb lògica pròpia.

Imagina una botiga B2B que calcula els preus segons acords negociats amb cada client i guardats al seu ERP. Cap app pública no coneix aquests acords, així que el desenvolupament propi és l'única manera que la botiga apliqui el que ha pactat amb cada client.

El pressupost d'una app pròpia va força més enllà de la interfície:

  • Seguretat i gestió de credencials.
  • Registre d'errors i alertes.
  • Desplegament, allotjament i entorns de proves.
  • Adaptació a les noves versions de l'API.
  • Documentació perquè no depengui d'una sola persona.

Si aquest és el teu cas, consulta com plantegem el desenvolupament d'apps Shopify a mida.

Exemple: gravar un nom en un producte

Imagina una botiga de regals que vol permetre gravar un nom en certs productes. L'anàlisi podria anar així:

  • Natiu: un camp de text a la fitxa desat com a propietat de la línia de la comanda. Serveix si el gravat és gratuït i el text no necessita validacions especials.
  • App pública: té sentit si a més vols previsualització, opcions amb sobrecost i diversos tipus de personalització, i alguna app ho cobreix sense carregar massa l'aparador.
  • Codi al tema: encaixa si només necessites validar la longitud i els caràcters permesos i mostrar el camp a les variants adequades.
  • App pròpia: només es justifica si el text ha de viatjar a una màquina de gravat o a un sistema de producció amb el seu propi flux d'estats.

Segons el detall amb què es descrigui, la mateixa necessitat porta a quatre solucions diferents. Per això convé tenir el requisit per escrit abans de demanar cap pressupost.

App o codi a mida a Shopify: criteris per comparar

Compara les opcions amb els mateixos criteris:

  • Cost inicial: baix en el natiu i en l'app pública, més alt en el desenvolupament.
  • Cost recurrent: quotes d'app davant del manteniment del codi propi.
  • Risc de dependència: d'un proveïdor extern o de qui va escriure el codi.
  • Encaix amb el procés: quanta feina manual queda al voltant.
  • Rendiment: scripts afegits a l'aparador.
  • Facilitat de canvi: quant costarà modificar-ho d'aquí a un any.

Aplicats a les tres vies que demanen alguna cosa més que configuració, aquests criteris queden així:

CriteriApp de la botiga de ShopifyCodi al temaApp a mida
Per a què encaixaNecessitats comunes: ressenyes, fidelització, subscripcionsCanvis de presentació a la fitxa, la cistella o les col·leccionsLògica de servidor, webhooks i integració amb sistemes interns
Cost inicialBaix: instal·lar i configurarModerat, segons el canviEl més alt: desenvolupament, allotjament i proves
Cost recurrentQuota de l'app, que pot créixer amb el volumRevisió quan canvies o actualitzes el temaManteniment, allotjament i canvis de versió de l'API
DependènciaDel proveïdor de l'appDe qui va escriure el codiDe qui va escriure el codi i de la seva documentació
RendimentPot carregar scripts a totes les pàginesEl controles tu al temaNomés carrega a l'aparador el que tu decideixis
LímitLa lògica és la que decideix el proveïdorNo serveix per validar preus, estoc ni dades sensiblesExigeix cuidar la seguretat i les credencials

Guanya l'opció que resol la feina amb menys complexitat total. Pot anar des de deu línies al tema fins a una app pròpia, passant per un producte que manté un tercer.

Senyals que la solució triada no encaixa

  • Pagues diverses apps que fan coses semblants.
  • L'equip repeteix tasques manuals per compensar el que l'app no fa.
  • Cada canvi de tema trenca alguna funcionalitat.
  • Ningú no sap quin script carrega què a l'aparador.
  • Una personalització depèn d'un desenvolupador que ja no hi és.

Si se'n compleixen diverses, revisar el que hi ha abans d'afegir res més sol estalviar diners. Un bon punt de partida és un manteniment Shopify que revisi apps, scripts i personalitzacions, o un projecte de desenvolupament Shopify que endreci el que ja existeix abans de construir-hi a sobre.

Preguntes freqüents

Preguntes freqüents

Si la teva pregunta no és aquí, escriu-nos a info@whatmkt.com.

És millor una app de Shopify o un desenvolupament a mida?

Si la necessitat és comuna i hi ha una app mantinguda que la cobreix, l'app sol ser més ràpida i barata. Quan la regla és pròpia del teu negoci, depèn de dades internes o l'app obliga a fer molta feina manual, el desenvolupament a mida acaba sortint més rendible.

Les apps alenteixen una botiga Shopify?

Les que carreguen scripts a l'aparador ho poden fer, i es nota més quan se n'acumulen diverses. Altres no toquen el frontend, així que revisa què carrega cadascuna. Quan en desinstal·lis una, comprova que no quedi codi residual al tema.

Què implica mantenir una app pròpia de Shopify?

Allotjament, seguretat, registre d'errors i adaptació a les versions de l'API que Shopify publica periòdicament. L'esforç depèn de la complexitat de l'app, i el pressupost hauria d'incloure aquest manteniment a més del desenvolupament inicial.

Què es pot personalitzar a Shopify sense instal·lar apps?

Força coses: metacamps i metaobjectes per a dades addicionals, seccions i blocs del tema, col·leccions automàtiques, descomptes i regles d'enviament, segons el teu pla. Moltes personalitzacions visuals es resolen al tema amb Liquid i JavaScript sense afegir quotes.

El pas següent

T'ajudem a aplicar-ho a la teva botiga

Explica'ns què passa a la teva botiga i t'enviarem com ho abordaríem, l'abast i el pressupost. Si n'hi ha prou de configurar alguna cosa, t'ho direm.

Demanar valoració
O directament: info@whatmkt.comTelèfon: 643 369 869
Demanar pressupost TRUCAR