고객용 WooCommerce 모바일 앱은 쇼핑객이 검색하고 구매하기 위해 설치하는 매장 이름으로 된 별도의 iOS 및 Android 앱입니다. WooCommerce API에서 카탈로그를 다시 그리는 앱 플러그인, 라이브 스토어를 로드하는 웹사이트-앱 변환기, 관리 서비스 또는 사용자 정의 빌드 등 네 가지 방법 중 하나를 얻을 수 있습니다. 올바른 것은 주로 상점이 플러그인에 얼마나 많이 존재하는지에 따라 다릅니다.
이 가이드는 경로를 선택하고 돈을 지출하기 전에 자신의 매장에서 해당 경로가 작동하는지 입증하는 데 도움이 됩니다. 짧은 버전은 다음을 참조하세요. WooCommerce에서 앱 페이지로. WordPress 콘텐츠 사이트도 포함하는 더 넓은 비교를 보려면 다음을 읽어보세요. WordPress-앱 플러그인 및 변환기.
고객을 위한 공식 WooCommerce 앱인가요?
아니요. App Store 및 Google Play의 WooCommerce 앱은 판매자를 위한 매장 관리 앱입니다. WooCommerce의 모바일 앱 문서 이를 다음과 같은 용어로 설명합니다. 주문을 처리하고, 제품을 생성 및 관리하고, 직접 결제를 받습니다. 귀하의 고객은 쇼핑을 할 수 없으며 귀하의 브랜드를 담고 있지도 않습니다.
고객 앱은 다릅니다. 상점 이름과 아이콘이 있고 쇼핑객의 홈 화면에 위치하며 카탈로그, 장바구니 및 계정 영역이 열립니다. WooCommerce는 제품을 배송하지 않으므로 모든 매장에서 제3자로부터 제품을 얻거나 제작합니다.
WooCommerce 매장에 앱이 있어야 합니까?
동일한 사람들이 귀하에게서 계속해서 구매할 때 앱은 그 자리를 차지하게 됩니다. 경로를 비교하기 전에 다음 질문에 대해 매장을 확인하십시오.
- 고객이 재주문합니까? 커피, 애완동물 사료, 보충제, 스킨케어, 인쇄물 및 무역 부품을 주기적으로 구매합니다. 홈 화면 아이콘과 저장된 로그인으로 모든 반복 주문이 단축됩니다.
- 고객이 로그인하여 무언가를 합니까? 일시 중지하거나 건너뛸 구독, 관리할 예약, 도매 가격 목록, 주문 추적 및 다운로드는 모두 사람들에게 정기적으로 계정 영역을 개설할 이유를 제공합니다.
- 알림을 받을만한 뉴스가 있나요? 드롭, 재입고, 계절별 범위 및 세일즈 슈트 푸시. 1년에 두 번씩 바뀌는 가게는 보낼 것이 거의 없다.
- 모바일 사이트는 이미 좋은가요? 전화 쇼핑객이 오늘 결제를 포기하면 해당 결제를 기반으로 구축된 앱이 문제를 상속받습니다.
대부분의 주문이 검색이나 광고를 통해 처음 방문하는 방문자로부터 발생하는 경우 대신 모바일 사이트에 노력을 기울이십시오. 한 번 구매하기 위해 앱을 설치하는 사람은 없습니다.
WooCommerce가 호스팅 스토어와 다른 점은 무엇입니까?
WooCommerce는 WordPress을 제공하고 나머지는 조립할 수 있게 해줍니다. 일반적인 매장에서는 테마, 결제 게이트웨이 또는 세 가지, 배송 계산기, 그리고 WooCommerce 구독, 예약, 제품 추가 기능, 도매 가격 플러그인, 충성도 체계, 배송 메모를 위한 사용자 정의 체크아웃 필드 등 자신만의 플러그인을 실행합니다.
따라서 아래의 모든 경로에 대해 한 가지 질문을 해보세요. 앱에 내 플러그인이 추가한 내용이 표시됩니까, 아니면 WooCommerce가 알고 있는 핵심 내용만 표시됩니까?
WooCommerce 고객 앱을 다운로드하는 4가지 방법은 무엇입니까?
경로 1: API에서 스토어를 다시 빌드하는 앱 플러그인
여러 서비스가 다음을 통해 매장에 연결됩니다. WooCommerce REST API, 일반적으로 동반 WordPress 플러그인을 사용하여 제품, 카테고리, 장바구니 및 주문을 자체 기본 화면으로 그립니다. 공급업체의 대시보드에서 앱을 디자인하고 구독료를 지불합니다.
잘하는 것: 쇼핑 앱처럼 스크롤되고 애니메이션이 적용되는 기본 제품 목록 및 제품 페이지, 그리고 웹사이트와 다르게 레이아웃할 수 있는 홈 화면이 있습니다.
주의 깊게 확인하세요: API는 제품, 변형, 고객 및 주문을 설명합니다. 타사 플러그인이 페이지에 렌더링하는 내용은 설명하지 않습니다. 추가 기능 양식, 예약 달력, 역할 기반 가격 또는 사용자 정의 결제 단계에서는 공급업체가 해당 특정 플러그인에 대한 지원을 구축해야 합니다. 이러한 서비스 중 일부는 이러한 이유로 WebView에 웹사이트 결제를 표시합니다. 공급업체에 지원되는 확장 및 게이트웨이 목록을 요청한 다음 이를 자신의 플러그인 목록과 한 줄씩 비교하십시오.
경로 2: 웹사이트에서 앱으로 변환기
변환기는 귀하의 라이브 웹사이트 주위에 기본 셸을 구축합니다. 셸은 앱 아이콘, 시작 화면, 기본 헤더, 메뉴 및 하단 탭, 선택적 푸시 알림을 제공합니다. Safari 및 Chrome에서 사용하는 것과 동일한 브라우저 엔진인 WebView에 매장 첫화면이 로드됩니다.
잘하는 것: 충실도. 테마와 플러그인이 휴대폰에서 렌더링되는 것은 모두 동일한 서버의 동일한 페이지이기 때문에 앱에 표시됩니다. 동기화할 필요가 없으며 두 번째 카탈로그나 디자인을 유지 관리할 필요도 없습니다.
주의 깊게 확인하세요: 기본적으로 다시 그려진 제품 화면을 얻을 수 없습니다. 이 앱은 모바일 사이트만큼 빠르고 깔끔하며 그 이상은 아닙니다. Safari나 Chrome에서와 임베디드 브라우저에서는 몇 가지 사항이 다르게 작동합니다. 아래 테스트 계획은 이에 대한 것입니다.
SiteTo.App 이 길을 택합니다. 스토어 URL을 붙여넣고 이름, 아이콘, 탭을 설정하고 무료로 자신의 휴대폰에서 앱을 미리 볼 수 있습니다. 빌드 비용은 Android의 경우 29달러, iOS의 경우 79달러, 둘 다 99달러이며 한 번만 지불하면 됩니다.
경로 3: 관리형 앱 서비스
관리형 서비스는 일반적으로 페이지에 대해 동일한 WebView 접근 방식을 사용하고 팀을 추가합니다. 팀은 앱을 구성하고, 원하는 곳에 사용자 정의 기본 화면을 구축하고, 스토어에 제출하고 월별 요금으로 유지 관리합니다. 우리의 SiteTo.App 대 MobiLoud 비교 그러한 서비스 중 하나를 자세히 살펴봅니다.
경로 4: 맞춤형 앱
개발자나 대행사는 매장에 맞게 설계된 모든 화면을 사용하여 REST API 및 Store API를 기반으로 앱을 구축합니다. 이는 완전한 오프라인 작업과 같이 웹사이트가 수행할 수 없는 작업을 위한 경로입니다. 프로젝트 단위로 가격이 책정되며 앱이 의존하는 플러그인을 변경할 때 재작업을 포함하여 유지 관리가 필요합니다.
경로를 어떻게 비교하나요?
| API 기반 앱 플러그인 | 웹사이트에서 앱으로 변환기 | 매니지드 서비스 | 맞춤형 앱 | |
|---|---|---|---|---|
| 제품 및 장바구니 화면 | 네이티브, 공급업체가 그린 것 | 귀하의 모바일 사이트 | 모바일 사이트와 맞춤 기본 화면 | 당신을 위해 만들어진 네이티브 |
| 타사 플러그인 | 공급업체가 지원하는 제품만 | 모바일 사이트에서 작동하는 모든 것 | 모바일 사이트에서 작동하는 모든 것 | 각각 손으로 통합됨 |
| 점검 | 공급업체의 흐름 또는 WebView의 사이트 | 귀하의 웹사이트 결제 | 귀하의 웹사이트 결제 | 내장 또는 내장 |
| 가격 모델 | 신청 | 일회성 빌드 수수료 | 월 사용료 | 프로젝트 플러스 유지보수 |
| 매장에 제출하는 사람 | 공급업체에 따라 다름 | 너 | 서비스 | 귀하 또는 귀하의 대행사 |
| 가게를 바꾸면 일해라 | 플러그인 지원을 다시 확인하세요 | 보통 없음 | 보통 없음 | 개발자 시간 |
Apple 개발자 멤버십(연 99달러)과 Google Play 등록(1회 25달러)이 모든 경로에 적용됩니다. 그만큼 웹사이트 앱 비용 가이드 전체 예산을 충당합니다.
어떤 경로가 어떤 WooCommerce 매장에 맞나요?
API 기반 앱 플러그인 선택 귀하의 매장이 간단하고 다양한 제품과 주류 게이트웨이를 갖춘 WooCommerce 재고에 가깝고 기본 브라우징 느낌이 낮은 고정 비용보다 더 중요하다면.
변환기를 선택하세요 귀하의 모바일 스토어가 이미 잘 작동하고 있고 그 중 의미 있는 부분이 플러그인에서 나온 경우입니다. 여기에는 구독 상자, 예약, 제품 구성자, 로그인 가격을 제공하는 도매 매장, 맞춤형 체크아웃 기능을 제공하는 매장이 포함됩니다.
관리형 서비스 선택 팀이 출시 및 유지 관리를 담당하도록 하려는 경우 또는 사이트 상단에 사용자 정의 기본 화면이 필요한 경우 월별 요금이 앱 수익에 비해 합리적입니다.
맞춤형 빌드를 선택하세요 앱이 브라우저가 할 수 없는 작업을 수행해야 하는 경우: 오프라인에서 제대로 작동하거나, Bluetooth 하드웨어와 대화하거나, 증강 현실을 사용하거나, 백그라운드에서 계속 작업하는 등의 작업을 수행해야 합니다.
SiteTo.App은 언제 잘못된 선택인가요?
- 모바일 사이트가 문제입니다. 휴대폰에서는 느린 테마나 결제가 어색한 것이 앱에서도 느리고 어색할 수 있습니다. 먼저 사이트를 수정하세요.
- 수명주기 푸시가 필요합니다. SiteTo.App은 자신의 Firebase 프로젝트를 통해 선택한 모든 사람에게 제목, 텍스트, 이미지 및 링크를 보냅니다. 자동화된 장바구니 포기 또는 주문 상태 알림을 보내지 않으며 아직 세그먼트나 일정이 없습니다.
- iOS에서 디지털 콘텐츠를 판매합니다. 앱은 웹사이트 결제를 사용하며 Apple의 앱 내 구매를 추가하지 않습니다. 아래 출판 참고 사항을 참조하세요.
또한 Bluetooth, AR, 과도한 오프라인 사용 또는 백그라운드 처리에도 적합하지 않습니다.
WooCommerce 스토어를 앱으로 어떻게 테스트하나요?
둘 다 배송할 계획이라면 실제 iPhone과 실제 Android 휴대폰을 사용하고 다음 단계를 순서대로 수행하세요. 문제가 발생할 때마다 페이지 URL을 적어 두세요.
1단계: 매장 준비
각 결제 게이트웨이를 테스트 또는 샌드박스 모드로 설정하거나 저렴한 가격의 숨겨진 제품과 환불 가능한 100% 쿠폰을 만드세요. 테스트를 위해 새로운 고객 계정을 만듭니다.
2단계: 장바구니 탐색 및 구축
카테고리를 열고 필터와 검색을 사용하여 가변 제품을 엽니다. 옵션을 선택하고 추가 기능 필드를 입력한 후 장바구니에 추가하세요. 미니 카트나 카트 수를 살펴보세요. 0으로 유지되면 페이지 캐시가 저장된 콘텐츠를 제공하는 중일 수 있습니다. WooCommerce의 캐싱 지침 장바구니, 체크아웃, 내 계정 페이지와 해당 세션 및 장바구니 쿠키를 캐싱에서 제외하라는 메시지가 표시됩니다.
3단계: 합계 확인
쿠폰을 적용하고, 실제 배송 주소를 입력한 후 웹사이트에 있는 동일한 장바구니와 배송비 및 세금을 비교해 보세요. 동일한 서버가 산술을 수행하므로 정확하게 일치해야 합니다.
4단계: 모든 게이트웨이로 결제
결제는 인앱 WebView가 휴대폰 브라우저와 다를 가능성이 가장 높은 부분이므로 이 단계에 가장 많은 시간을 투자하세요.
- 페이지 내 카드 필드WooPayments 또는 Stripe과 같은 서비스는 일반적으로 모바일 웹에서와 같이 작동합니다. 3-D Secure를 실행하는 테스트 카드를 사용하여 챌린지가 나타나고 완료되는지 확인하세요.
- 리디렉션 게이트웨이 고객을 은행, 지갑 또는 PayPal 창구로 보냅니다. 전체 경로를 따라가며 앱이 오래된 결제를 표시하는 휴대폰 브라우저가 아닌 앱 내부의 주문 접수 페이지로 이동하는지 확인하세요.
- 애플페이와 구글페이 버튼은 게이트웨이의 스크립트가 환경에서 지원한다고 결정한 경우에만 표시되며 인앱 WebView는 Safari 또는 Chrome과 동일한 환경이 아닙니다. Google은 다음에 대한 특정 요구사항을 문서화합니다. Android WebView의 Google Pay, WooPayments는 자체적으로 게시합니다. Express Checkout 호환성 참고 사항. 지갑 버튼을 보너스로 활용하세요. 카드 결제는 항상 옆에 있어야 합니다.
그런 다음 wp-admin에 주문이 올바른 상태로 표시되고 확인 이메일이 도착했는지 확인하세요.
5단계: 테스트 계정 및 세션
등록하거나 로그인하고 내 계정을 열고 주문을 확인하세요. 그런 다음 앱을 완전히 닫았다가 다시 엽니다. 장바구니가 그대로 유지된 상태로 로그인되어 있어야 합니다. 비밀번호 재설정을 요청하고 이메일 링크를 따라 비밀번호가 열리는 위치와 앱으로 돌아가는 과정이 적합한지 확인하세요.
소셜 로그인 플러그인을 사용하는 경우 각 버튼을 사용해 보세요. Google 내장된 WebView에서 로그인 화면을 차단합니다.이므로 'Google로 계속하기' 버튼을 누르면 오류가 표시될 수 있습니다. 이메일 및 비밀번호 로그인은 신뢰할 수 있는 경로이므로 제공되는지 확인하세요.
6단계: 각 플러그인의 여정 실행
귀하의 매장을 귀하의 것으로 만들고 각각에 대해 하나의 완전한 여정을 실행하는 고객 대면 플러그인을 나열하십시오.
- Subscriptions: 구매 후 일시 중지하고 결제 방법을 변경한 후 내 계정에서 취소하세요.
- Bookings: 휴대폰 크기의 달력에서 날짜와 시간을 선택하고 예약을 완료하세요.
- 도매 또는 B2B: 거래 계정으로 로그인하고 거래 가격 표시를 확인한 후 재주문하세요.
7단계: 프레임 정리
쿠키 배너와 뉴스레터 팝업을 닫습니다. 테마의 고정 헤더, 하단 표시줄 또는 부동 채팅 버튼이 기본 헤더 및 탭과 중복되지 않는지 확인하세요. SiteTo.App은 사이트의 자체 헤더와 앱 내 팝업을 숨기는 스크립트를 실행할 수 있으므로 제거하고 싶은 내용을 적어두세요. 로그인 중에 방화벽이나 보안 문자가 요청하는 경우 실제 고객이 전화로 이를 전달할 수 있는지 확인하세요.
결과는 무엇을 말해줄까요?
| 결과 | 해야 할 일 |
|---|---|
| 모든 것은 지나간다 | 탭을 선택하고 구축한 후 게시로 이동하세요. |
| 지갑 버튼이 없어졌으나 카드는 작동함 | 카드로 출시하고 지갑을 향후 개선 사항으로 처리 |
| 리디렉션 게이트웨이가 앱으로 돌아오지 않습니다. | 페이지 옵션에 관해 게이트웨이에 문의하거나 다른 게이트웨이를 제안하세요. |
| 플러그인의 페이지가 휴대폰 너비에 따라 끊어짐 | 웹사이트에서 수정하세요. 이 수정 사항은 모바일 웹 쇼핑객에게도 도움이 됩니다. |
| 결제가 느리거나 혼란스럽습니다. | 앱을 구축하기 전에 모바일 결제를 개선하세요 |
앱 자체에서는 무엇을 설정해야 합니까?
앱의 기본 부분을 사용하면 반복 구매를 더 빠르게 할 수 있습니다.
- 하단 탭: 홈, 상점 또는 가장 강력한 카테고리, 장바구니 및 내 계정은 대부분의 상점에서 작동합니다. 재주문이 많은 매장에서는 바로 탭을 가리킬 수 있습니다.
/my-account/orders/. - 카트 배지: 개발자의 도움을 받아 SiteTo.App JS SDK 사이트의 URL을 보고 탭에 배지로 반환되는 숫자를 표시할 수 있습니다. WooCommerce의 스토어 API 카트 엔드포인트 반환합니다
items_count개발자가 배지 값으로 사용할 수 있는 현재 카트에 대한 것입니다. - Push: 다음을 사용하여 Firebase을 연결합니다. Firebase 가이드 그리고 무엇을 보낼지 미리 결정하세요.
wp-admin의 제품, 가격 및 재고 변경 사항은 새 빌드 없이 앱에 표시됩니다. 아이콘, 앱 이름 또는 기타 기본 설정을 변경하려면 다시 빌드해야 하며 나중에 다시 빌드하는 경우 별도로 견적이 청구됩니다.
WooCommerce 매장은 게시하기 전에 무엇을 알아야 합니까?
자신의 Apple 및 Google 계정에서 앱을 제출합니다. SiteTo.App은 iOS 빌드에 서명하고 이를 Apple 계정의 TestFlight에 업로드하므로 Mac이나 Xcode가 필요하지 않으며 Google Play용 AAB 또는 APK를 제공합니다. 그만큼 가이드 생성 및 게시 각 단계를 진행합니다. 승인 여부는 Apple과 Google이 결정하며, 누구도 결과를 약속할 수 없습니다. 특히 WooCommerce 매장에서는 이러한 포인트가 나타납니다.
실제 상품은 자체 결제를 사용합니다. 애플의 앱 심사 지침 앱 외부에서 소비되는 상품 및 서비스는 앱 내 구매 이외의 방법으로 결제됩니다(섹션 3.1.3(e)). 상품을 배송하는 매장은 견고한 땅 위에 있습니다.
디지털 상품은 다릅니다. 유료 강좌, 비디오 라이브러리, 회원 전용 영역 등 앱 내부에서 사용되는 콘텐츠는 섹션 3.1의 Apple 앱 내 구매 규칙에 따릅니다. Google Play에는 인앱 디지털 상품에 대한 자체 결제 정책이 있습니다. 디지털 제품이나 유료 멤버십이 판매의 실제 부분인 경우 구축하기 전에 두 가지를 모두 읽어보십시오.
계정 삭제를 제안합니다. Apple은 계정 생성을 지원하는 모든 앱에서 사람들이 앱 내부에서 계정을 삭제할 수 있을 것으로 기대합니다. 기본 WooCommerce 내 계정 페이지에는 그러한 옵션이 없습니다. 플러그인이나 명확하게 라벨이 지정된 요청 양식을 사용하여 추가하세요.
리뷰어에게 방법을 제공하세요. 많은 도매 상점에서처럼 가격이나 제품이 로그인 뒤에 있는 경우 리뷰 노트에 작동하는 테스트 계정을 제공하세요.
웹사이트 그 이상을 보여주세요. Apple의 지침 4.2에서는 앱이 리패키징된 사이트 이상의 기능을 제공하도록 요구합니다. 기본 탭, 기본 헤더 및 푸시 알림이 도움이 되며 로그인 뒤에 실제 기능을 갖춘 스토어도 마찬가지입니다. 그만큼 지침 4.2 가이드 준비하는 방법을 설명하고, 출판 가이드 목록, 스크린샷 및 개인 정보 보호 답변을 다룹니다.
일반적인 질문
WordPress 플러그인을 설치해야 합니까?
변환기가 없습니다. SiteTo.App은 공개 스토어 URL에서 작동하므로 WordPress에 플러그인을 추가하거나 REST API 키를 생성하지 않습니다. API 기반 앱 서비스는 카탈로그를 직접 읽기 때문에 일반적으로 컴패니언 플러그인과 API 액세스가 필요합니다.
WooCommerce 또는 플러그인을 업데이트하면 앱은 어떻게 되나요?
다음에 앱을 열면 새 빌드 없이 업데이트된 스토어가 앱에 표시됩니다. 이는 또한 모바일 결제를 중단시키는 플러그인 업데이트가 동시에 앱에서도 중단된다는 것을 의미합니다. 웹사이트에서와 마찬가지로 중요한 업데이트 후에 휴대폰에서 빠른 테스트 주문을 실행하세요.
Android에서 먼저 시작할 수 있나요?
예. Android 빌드 비용은 $29이고 Google Play 등록 비용은 1회 $25입니다. 나중에 iOS 빌드를 구매하는 데 드는 비용은 79달러이므로 별도로 구매한 두 제품을 합치면 99달러인 반면, 별도로 구매한 두 제품의 가격은 108달러입니다.
다음 단계
휴대폰에서 매장을 열고 테스트 주문을 해보세요. 그게 잘 된다면, WooCommerce 스토어를 앱으로 미리보세요 무료로 위의 7단계를 실행하고 확인해보세요. 가격 일단 그것이 작동한다는 것을 알고 나면.
