우리의 자세한 단계별 가이드를 탐색하여 Bubble.io와 Ecwid를 무결점으로 통합하여 전자 상거래 기능을 향상시켜 보세요.
Ecwid는 소규모 및 중소기업을 위한 전자상거래 솔루션을 제공하는 소프트웨어 회사입니다. 이 플랫폼을 통해 온라인 상점을 생성하고, 다양한 웹사이트, 소셜 미디어 사이트, 아마존이나 이베이 같은 마켓플레이스, 그리고 모바일 포인트 오브 세일을 이용해 직접 판매할 수 있습니다. Ecwid는 기존의 웹페이지에 매끄럽게 통합될 수 있도록 설계되었습니다. 함수에는 재고 관리, 맞춤식 스토어프론트, 그리고 안전한 결제 옵션이 포함되어 있습니다. 이 소프트웨어는 40개가 넘는 국제 결제 옵션과 실시간 배송비를 지원합니다.
Book a call with an Expert
Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.
1단계: Ecwid 상점에 액세스하기
통합 과정을 시작하기 전에 먼저 Ecwid 상점에 접속해야 합니다. Ecwid 웹사이트로 이동하여 계정에 로그인하십시오. 아직 계정이 없는 경우, 가입을 클릭하여 사이트에서 제안하는 생성 과정을 따르세요. 여기서 찾아야 하는 것은 상점 ID로, 이는 Ecwid 계정의 대시보드를 체크하면 쉽게 찾을 수 있습니다.
2단계: Bubble.io 플랫폼 설치
Bubble.io 플랫폼이 아직 설치되지 않았을 경우: Bubble.io 웹사이트로 이동하고 Start Building 또는 Sign Up을 클릭하세요 (웹사이트의 인터페이스 변경에 따라 다를 수 있음). 계정이 아직 없다면 지시 사항에 따라 계정을 생성하세요. 계정 생성이 성공적으로 완료되면 로그인하면 Bubble.io 대시보드로 이동합니다.
Bubble.io 대시보드에서 대시보드에서 "New app" 버튼을 클릭하여 새로운 Bubble 앱을 생성하세요.
3단계: Ecwid 플러그인 설치
Ecwid 플러그인을 추가하기 위해서, Bubble.io 대시보드에서 대시보드의 왼쪽을 탐색하고 플러그인을 클릭하세요. 페이지의 상단에 위치한 플러그인 추가를 클릭하세요. 다양한 종류의 플러그인이 나타나는 팝업 창이 뜰 것입니다.
검색 탭에서 Ecwid을 입력하면 Copilot가 제작한 Ecwid 플러그인을 볼 수 있습니다. 설치를 클릭하면 설치된 플러그인 목록에 표시됩니다.
4단계: Ecwid 플러그인 설정
플러그인을 설치한 후, 설정해야 합니다. 설치된 플러그인 목록에서 Ecwid 플러그인을 클릭하세요. 제공된 공간에 Ecwid Store ID를 입력하고, 호출을 초기화를 클릭하는 것을 잊지 마세요.
이 작업이 완료되면, 페이지 왼쪽에 표시되는 새 탭에서 데이터 > API로 이동하세요. 이렇게 하면 통합을 위한 API를 생성할 수 있습니다.
5단계: Bubble 앱에 플러그인 정보 추가
이전 단계가 완료되면, Bubble.io의 주 대시보드로 돌아가시고, 페이지 왼쪽에서 플러그인을 클릭하세요. 해당 섹션에서 설치한 Ecwid 플러그인으로 이동하여 Ecwid Store ID에 관한 정보를 기입하세요.
6단계: Bubble 인터페이스 설정
Ecwid 플러그인을 성공적으로 설정한 후, Bubble.io 앱 인터페이스에 Ecwid를 통합해야 합니다. 이를 위해 사용자가 Ecwid와 상호작용할 수 있는 페이지를 생성하는 것이 좋습니다. 이는 Bubble의 Design Tab을 통해 요소, 텍스트, 이미지를 추가하여 페이지를 디자인하는 것을 포함합니다. 예를 들어, 사용자가 Ecwid 상점의 제품을 볼 수 있는 제품 디스플레이 페이지를 생성할 수 있습니다.
7단계: API를 Bubble.io에 통합
이 단계에서는 4단계에서 생성한 API 키를 복사합니다. 다음으로, Bubble.io 대시보드로 돌아와 설정을 클릭하세요. 설정 내부에서, API 탭을 찾아서 클릭하세요. 이제 복사한 API 키를 적절한 위치에 붙여넣습니다.
8단계: 통합 테스트
설정이 완료되면 통합이 성공적으로 이루어졌는지 테스트할 때입니다. Bubble.io 웹사이트 미리보기로 돌아가면, 당신의 Ecwid 상점이 완벽하게 Bubble.io 애플리케이션에 통합되어 있는 것을 볼 수 있을 것입니다. 모든 기능이 원활하게 작동하는지 확인하기 위해 다양한 기능을 테스트하세요.
그리고 완성되었습니다! Ecwid 온라인 상점이 Bubble.io 애플리케이션에 통합되었습니다. Ecwid에서 상점 제품을 수정하고 관리할 수 있으며, 이는 Bubble.io 앱에서 실시간으로 반영됩니다. 이로써 전자 상거래 사업을 관리하는 것이 훨씬 쉬워집니다.
온라인 소매업체가 다양한 제품을 판매하는 맞춤형 전자상거래 플랫폼을 만들고자 합니다. 그들은 이 플랫폼을 구축하기 위해 Bubble.io를 활용하고자 하며, 고객들에게 사용자 친화적인 구매 과정을 제공하려 합니다. 또한 소매업체는 모든 고객 주문이 그들의 Ecwid 상점에 직접 업데이트되어, 모든 재고와 주문을 효율적으로 관리하도록 하려합니다.
온라인 소매업체는 Bubble.io의 사용자 친화적인 인터페이스를 활용하여, 일룰적이면서 직관적인 전자상거래 플랫폼을 설계합니다. 이 플랫폼은 그들의 모든 제품을 포함하며, 각 제품의 이미지와 세부 정보, 그리고 고객들이 쉽게 사용할 수 있는 주문 시스템을 제공합니다.
소매업체는 Bubble.io에 Ecwid 플러그인을 설치하고, 그들의 Ecwid API 자격 증명과 함께 구성합니다. 그 다음, 소매업체는 고객이 그들의 맞춤형 플랫폼에서 주문을 할 때 발생하는 특정 행동과 워크플로우를 Bubble.io에서 설정합니다.
고객이 주문을 할 때, Bubble.io 워크플로우가 트리거됩니다. 주문 정보 - 예를 들어, 구매한 항목, 수량, 고객 세부 정보, 배송 정보 등 -가 자동으로 Ecwid 플러그인 액션을 활용하여 Ecwid로 전송됩니다. 그곳에서, 이러한 세부 정보에 맞게 Ecwid에서 주문이 생성되고, 재고가 적절하게 업데이트됩니다.
소매업체는 이제 Ecwid를 통해 주문 이행 과정 전체를 관리합니다. 그들은 재고를 추적하고, 배송을 관리하며, Ecwid가 Bubble.io 플랫폼을 통해서 모든 주문과 함께 실시간으로 업데이트되는 다른 필요한 작업들을 처리합니다.
이 통합은 Ecwid 내에서의 주문 출처, 고객 인구 통계, 제품 성과에 대한 원활한 추적을 가능하게 합니다. 소매업체는 전자상거래 플랫폼의 효과성을 모니터링하고, 데이터 기반의 결정을 내리기 위해 이를 최적화할 수 있습니다.
주문 관리 과정을 자동화함으로써 수동 오류와 노동 시간이 줄어들어, 원활한 주문 처리 경험을 제공할 수 있습니다.
Ecwid와 통합함으로써, 모든 주문 상세 정보와 재고 추적이 한 곳에서 관리되므로 운영 효율성이 보장됩니다.
Bubble.io 플랫폼은 고객들에게 사용자 친화적인 쇼핑 경험을 제공하여, 고객 만족도를 높일 수 있습니다.
Ecwid의 분석을 통해, 소매업체는 고객의 구매 패턴, 제품 성과, 전체 비즈니스 측정치에 대한 중요한 통찰을 얻을 수 있어, 전략적 의사결정을 촉진할 수 있습니다.
Bubble.io와 Ecwid를 통합함으로써, 온라인 소매업체는 그들의 운영 효율성을 향상시키고, 고객 경험을 개선하고, 비즈니스를 성장시키는 데 도움이 될 수 있는 중요한 통찰을 얻을 수 있는 위치에 있습니다.
.svg)
Delve into comprehensive reviews of top no-code tools to find the perfect platform for your development needs. Explore expert insights, user feedback, and detailed comparisons to make informed decisions and accelerate your no-code project development.
.svg)
Discover our comprehensive WeWeb tutorial directory tailored for all skill levels. Unlock the potential of no-code development with our detailed guides, walkthroughs, and practical tips designed to elevate your WeWeb projects.
.svg)
Discover the best no-code tools for your projects with our detailed comparisons and side-by-side reviews. Evaluate features, usability, and performance across leading platforms to choose the tool that fits your development needs and enhances your productivity.
Then all you have to do is schedule your free consultation. During our first discussion, we’ll sketch out a high-level plan, provide you with a timeline, and give you an estimate.
.png)
.png)
