Obchod na Shopify, od šablony po checkout

1. 01

   Vlastní aplikace pro Shopify

   Stavíme administraci, ve které obchodník nastaví, co aplikace dělá, a widgety, které se zobrazí přímo v obchodě. Seznamy s filtry a stránkováním napojujeme na API Shopify.

   Technologie

   • React ·
   • Shopify Polaris ·
   • TypeScript ·
   • GraphQL ·
   • React Router

2. 02

   Slevy a rozšíření checkoutu

   Vlastní slevy píšeme jako Shopify Functions, například 2+1 zdarma, množstevní slevy nebo slevu na kombinaci produktů s nastavením v administraci. Do checkoutu přidáváme ověření telefonu, poplatek za dobírku nebo údaje k DPH.

   Technologie

   • Shopify Functions ·
   • Cart Transform ·
   • Checkout UI Extensions ·
   • Customer Account UI Extensions

3. 03

   Šablony a migrace obchodů

   Upravujeme šablony v Liquidu, od drobných změn po nové obchody postavené od začátku. Obchody převádíme z jiných e-commerce platforem i s daty, jako jsou recenze nebo metaobjekty.

   Technologie

   • Liquid ·
   • JavaScript ·
   • CSS ·
   • TypeScript

4. 04

   Napojení objednávek

   Objednávky předáváme přes webhooky do fronty úloh a odtud do skladového nebo objednávkového systému, synchronizace běží oběma směry. Pomalejší integrace mají vlastní frontu, takže nezdrží ostatní.

   Technologie

   • Django ·
   • Celery ·
   • Redis ·
   • PostgreSQL ·
   • Shopify Admin API

1. Počítáme s limity cizích API

   Požadavky na partnerské API rozkládáme mezi všechny workery a po odmítnutí je zkusíme znovu. Objednávku, kterou zpracovat nejde, označíme v Shopify štítkem, aby ji obchodník viděl.

2. Šablony nejdřív pro telefon

   Šablony navrhujeme hlavně pro mobil, včetně stránek s tabulkami. Zkoušíme je v různých prohlížečích ručně i v BrowserStacku.

3. Osobní údaje chráníme

   Telefonní čísla zákazníků ukládáme jako hash a porovnáváme je jen v této podobě. Z hlášení chyb osobní údaje odstraňujeme.

1. 01

   E-commerce

   Vlastní aplikace pro Shopify, Shopify Functions a rozšíření checkoutu, migrace obchodů na Shopify a napojení objednávek v Djangu.

   Technologie

   • Shopify ·
   • React ·
   • Django

2. 02

   Aplikace pro obchodníky na Shopify

   Frontend vlastních aplikací jednoho vývojáře aplikací pro Shopify: administrace pro obchodníky v Polarisu, filtry a stránkované seznamy. Jednu aplikaci jsme převedli na Vite a widget na storefrontu přepsali do TypeScriptu.

   Technologie

   • React ·
   • Shopify Polaris ·
   • TypeScript ·
   • Vite

3. 03

   Migrace obchodů na Shopify

   Pro klienty agentury zaměřené na Shopify jsme převáděli větší obchody ze starších e-commerce platforem. Šablony v Liquidu, skripty pro převod dat v TypeScriptu a funkce Cart Transform pro konfigurátor produktů.

   Technologie

   • Shopify ·
   • Liquid ·
   • TypeScript ·
   • JavaScript

Časté otázky

Technologie

Aplikace pro Shopify

React, Shopify Polaris, TypeScript, GraphQL, React Router

Checkout a slevy

Shopify Functions, Cart Transform, Checkout UI Extensions, Customer Account UI Extensions

Šablony

Liquid, JavaScript, CSS, TypeScript

Napojení objednávek

Django, Celery, Redis, PostgreSQL, Shopify Admin API