Tutoriály
- Začínáme
- First Project
- Webové aplikace
- Mobilní aplikace
- React Native App
- SaaS Platform
- E-commerce Platform
- Real-Time Dashboard
- Location-Based App
- Mobile E-commerce
- Optimizing Sales
- Publishing Your App
- Acceptance Criteria
- Template Business
- Watching Virtuoso
Naučíte se:
- Katalog produktů optimalizovaný pro mobilní zařízení
- Nákupní košík s gesty
- Apple Pay / Google Pay
- Sledování objednávek
- Push notifikace pro objednávky
Mobilní E-commerce s platbami
Vytvořte nákupní aplikaci s integrovaným zpracováním plateb
Mobilní obchodování zažívá boom. V tomto tutoriálu vytvoříte plnohodnotnou nákupní aplikaci s Apple Pay, Google Pay a plynulým procesem pokladny optimalizovaným pro mobilní uživatele.
Nativní platební metody pro bezproblémové placení na iOS a Android.
Předpoklady
- ZBuild Studio Pro účet
- Stripe účet
- Dokončený React Native tutoriál
Funkce aplikace
Naše mobilní nákupní aplikace bude obsahovat:
Katalog produktů
Procházení a vyhledávání produktů s filtry
Detaily produktu
Obrázky, recenze, výběr velikosti
Nákupní košík
Odstranění přejetím, úprava množství
Nativní platby
Apple Pay, Google Pay, záložní platba kartou
Sledování objednávek
Aktualizace stavu doručení v reálném čase
Push notifikace
Aktualizace objednávek a akční nabídky
Krok 1: Definujte svou nákupní aplikaci
Popište svou mobilní e-commerce aplikaci nástroji Conductor.
Chci vytvořit mobilní aplikaci pro nákup módy.
Funkce:
- Katalog produktů s kategoriemi a filtry
- Stránky produktů s galerií obrázků, velikostmi, barvami
- Nákupní košík s funkcí smazání přejetím
- Seznam přání / oblíbené
- Apple Pay a Google Pay pokladna
- Stripe pro platby kartou
- Historie a sledování objednávek
- Push notifikace pro aktualizace o dopravě
Design: Čistý, zaměřený na obrázky, nativní pocit z iOS/Android
Framework: React NativeKrok 2: Zážitek z produktu
Mobilní nakupování vyžaduje vizuální a dotykově přívětivý zážitek z produktu.
Galerie obrázků
Procházení fotek produktů přejetím, přiblížení stažením prstů
Průvodce velikostmi
Interaktivní výběr velikosti
Recenze
Zákaznické recenze s fotkami
Související produkty
Horizontální posuvník s doporučeními
Krok 3: Integrace nativních plateb
Integrujte nativní platební metody platformy pro nejlepší konverzi.
- Nastavení Apple Pay pro uživatele iOS
- Nastavení Google Pay pro uživatele Android
- Stripe jako záloha pro platby kartou
- Uložené platební metody pro vracející se zákazníky
- Zabezpečené transakce založené na tokenech
Nativní platební metody mohou zvýšit konverzi o více než 30 % oproti ručnímu zadávání karty.
Krok 4: Správa objednávek
Informujte zákazníky o jejich objednávkách.
Potvrzení objednávky
Okamžité potvrzení s detaily objednávky
Sledování zásilky
Integrace sledování dopravce v reálném čase
Upozornění na doručení
Push notifikace pro milníky přepravy
Historie objednávek
Zobrazení minulých objednávek, snadné opětovné objednání
Co jste vytvořili
- Mobilní nákupní aplikace pro iOS & Android
- Integrace Apple Pay a Google Pay
- Správa košíku pomocí gest
- Sledování objednávek v reálném čase
- Systém push notifikací
Další kroky
Publikovat na Marketplace
Prodejte svou e-commerce šablonu
Optimalizace pro prodej
Maximalizujte své příjmy na marketplace
Jste připraveni vytvořit svou nákupní aplikaci?
Začněte stavět svou mobilní e-commerce aplikaci ještě dnes.