For Shopify-butikker
Diamond painting-forhåndsvisning for Shopify: vis bildet på lerret før betaling
En Shopify-butikk som selger personlige diamond paintings, bør vise kunden en forhåndsvisning før bestillingen. Det krever tre ting: bildet som er lastet opp, tilgjengelige lerretsvarianter og en pålitelig måte å lagre valgt størrelse i handlekurven på.
Dette gjør forhåndsvisningswidgeten for butikken din
En kunde laster opp et bilde på produktsiden og ser det umiddelbart som et diamond painting-mønster, før betaling. Forhåndsvisningen svarer på spørsmålet som stopper salget: «vil bildet mitt fungere?»
Slik fungerer integrasjonen
- Be om en API-nøkkel via B2B-siden.
- Legg inn dp-preview.js-innbyggingen i produktmalen.
- Widgeten viser forhåndsvisningen direkte og kan også tilby PDF-mønstre med din egen profil.
Problemet ved betaling
De fleste produktsider for personlige diamond paintings ber om et bilde og en størrelse, men viser ikke om størrelsen passer. Det fører til unødvendige supporthenvendelser: kunder velger 30x40 cm til et detaljert portrett, forventer skarpe øyne og hårstrå og får et lerret som aldri kan romme disse detaljene.
En bedre bestillingsflyt viser en forhåndsvisning, anbefaler en størrelse og lagrer valgt resultat som metadata i handlekurven og bestillingen. Teamet som behandler bestillingen, ser da den nøyaktige forhåndsvisningsadressen, valgt variant og steintype.
Anbefalt bestillingsflyt i Shopify
- Kunden laster opp et bilde på produktsiden.
- Appen din sender filen og tilgjengelige varianter til PicDP.
- PicDP returnerer en forhåndsvisning, en kvalitetsvurdering og en anbefalt variant.
- Butikken viser anbefalt størrelse først, men kunden kan også velge en annen tilgjengelig størrelse.
- Valgt variant, forhåndsvisningsadresse og jobb-ID lagres som egenskaper på ordrelinjen før varen legges i handlekurven.
Koblingen til varianter teller mer enn en fin forhåndsvisning
Forhåndsvisningen må passe til faktiske Shopify-varianter. Selger butikken 30x40, 40x50, 50x70 og 60x80 cm, bør API-et bare anbefale disse størrelsene. Det hindrer en vanlig feil: forhåndsvisningen anbefaler 45x60 cm, mens kunden bare kan kjøpe 40x50 eller 50x70 cm.
Det eksisterende PicDP-API-et støtter `allowed_sizes` med Shopify-variant-ID-er. Bruk dette i stedet for å hardkode en generell størrelsestabell i temaet.
Hvilke data som skal lagres i Shopify-bestillingen
| Nøkkel | Hvorfor det trengs |
|---|---|
_picdp_preview_url | Support og produksjon kan se den genererte forhåndsvisningen. |
_picdp_job_id | Lar serveren din koble sammen asynkrone jobber og webhook-oppdateringer. |
_picdp_selected_variant_id | Bekrefter hvilken tilgjengelig størrelse anbefalingen viser til. |
_picdp_quality_score | Nyttig for support når kunden velger en annen størrelse enn den anbefalte. |
Hvor forhåndsvisningen hører hjemme i kjøpsflyten
For forbrukere bør forhåndsvisningen ligge på produktsiden uten at de først må opprette en konto. Butikkeiere starter integrasjonen medAPI-dokumentasjonog går deretter videre til en utviklingsbutikk.
Etter å ha godkjent forhåndsvisningen kan kunden gå videre til et produkt somdiamond painting med eget bildeog laste opp det samme originalbildet til bestillingen.
Kom raskt i gang med integrasjonen
Start med serveradapteren iHurtigstart for Shopify. Behold API-nøklene på serveren, send bare forhåndsvisningsstatusen tilbake til temaet, og lagre de endelige forhåndsvisningsdataene på ordrelinjen før betaling.
For tilgang, priser eller partneroppsett bruker duB2B-kontaktveien.
Fungerer det bare med Shopify?
Nei. Det samme API-et støtter WooCommerce og spesialbygde nettbutikker. Shopify er bare raskest å sette opp med innbyggingen.