/Bubble Development Agency

Bubble.io와 BigCommerce 통합: 단계별 가이드 2024

Bubble.io를 BigCommerce와 통합하여 전자 상거래 운영을 최적화하고 비즈니스 성장을 추진하는 단계별 가이드를 탐색해 보세요.

BigCommerce란 무엇인가요?

BigCommerce는 모든 규모의 기업이 온라인으로 성장하고 혁신할 수 있도록 하는 주요 소프트웨어-서비스(SaaS) 전자상거래 플랫폼입니다. 커스텀 템플릿, 모바일 최적화 디자인, 분석 도구, SEO, 멀티 채널 판매, 결제 및 배송 솔루션, 24/7 고객 지원 등 다양한 기능과 도구를 제공합니다. 이를 통해 높은 품질의 완전한 온라인 스토어를 초보자와 경험 많은 전문가 모두에게 접근 가능하게 만듭니다.

Matt Graham, CEO of Rapid Developers

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.

Book a free No-Code consultation

Bubble.io와 BigCommerce을 통합하는 방법은 무엇인가요?

단계 1: BigCommerce API 가져오기

Bubble.io를 BigCommerce와 통합하기 위해 필요한 첫 번째 단계는 BigCommerce에서 API 자격 증명을 가져오는 것입니다. 이를 통해 Bubble.io는 BigCommerce 계정과 안전하게 통신할 수 있습니다.

  1. BigCommerce 대시보드에 로그인합니다.
  2. Advanced Settings(고급 설정) > API Accounts(API 계정)으로 이동합니다.
  3. 'Create API Account'(API 계정 생성) 버튼을 클릭합니다.
  4. 'Name'(이름) 필드에는 'Bubble'과 같이 API 계정의 이름을 입력합니다.
  5. 'OAuth Scopes'(OAuth 범위) 아래에서 애플리케이션에 필요한 범위를 선택합니다. 필요한 범위는 Bubble.io 앱이 BigCommerce 데이터로 어떤 작업을 수행할 수 있게 하려는지에 따라 달라집니다.
  6. 'OAuth Scopes'(OAuth 범위)를 지정한 후 'Save'(저장)를 클릭합니다.
  7. 'Save'(저장)를 클릭하면 API 계정 세부 사항이 생성됩니다.
  8. BigCommerce는 Client ID(클라이언트 ID), Client Secret(클라이언트 비밀), 그리고 Access Token(접근 토큰)을 보여줍니다.
  • 주의: 이 정보들을 안전한 곳에 저장하세요! BigCommerce는 이 정보들을 다시 보여주지 않습니다.

단계 2: Bubble.io에서 API 설정하기

BigCommerce API 자격 증명을 받은 후에는 이를 Bubble.io 앱에 연결해야 합니다.

  1. Bubble.io 계정에 로그인하고 앱 편집기로 이동합니다.
  2. 왼쪽 메뉴의 'Plugins'(플러그인) 탭을 클릭합니다.
  3. '+' 버튼을 클릭하여 새 플러그인을 추가합니다.
  4. "API Connector"(API 커넥터) 플러그인을 검색하고 'Install'(설치)를 클릭합니다.
  5. 플러그인이 설치되면, 'Plugins'(플러그인) 탭의 'API'(API) 섹션에 나열됩니다.
  6. 'Add another API'(다른 API 추가) 버튼을 클릭합니다.
  7. API 이름으로 "BigCommerce API"를 입력합니다.
  8. 'Authentication'(인증) 섹션에서 'Self-handled'(자체 처리)를 드롭다운에서 선택합니다.

단계 3: Bubble.io에 BigCommerce API 자격 증명 추가하기

Bubble.io에서 API 커넥터를 설정한 후, BigCommerce에서 얻은 API 자격 증명을 입력해야 합니다.

  1. 방금 생성한 API에서 'Add New Request'(새 요청 추가) 버튼을 클릭합니다.
  2. 라벨 필드에 'Initiate Token Request'(토큰 요청 시작)를 입력합니다.
  3. 데이터 유형을 'Action'(액션)으로 설정합니다.
  4. 드롭다운 메뉴에서 'POST'를 메서드로 선택합니다.
  5. 'URL'(URL) 상자에는 이 형식을 사용합니다: https://{store.mybigcommerce.com}/dav/v1/oauth2/token.
  6. 'Private'(비공개) 상자를 체크합니다.
  7. 'Add Parameter'(매개변수 추가) 섹션에서 client_id, client_secret 그리고 access_token을 키로 설정하고 BigCommerce에서 받은 해당 자격 증명을 붙여넣습니다.
  8. 'Initialize Call'(콜 초기화)을 클릭하여 모든 것이 제대로 작동하는지 확인합니다.

단계 4: 콜 생성하기

이제는 BigCommerce API에 콜을 보낼 수 있게 되었습니다. Bubble.io는 'Workflow'(워크플로우) 함수를 통해 이를 가능하게 합니다.

  1. 'Workflow'(워크플로우) 탭으로 이동합니다.
  2. '+ New Workflow'(새로운 워크플로우 추가)를 클릭합니다.
  3. 워크플로우의 트리거를 선택합니다.
  4. '+ Action > Plugins > API Connector'를 클릭합니다.
  5. 생성한 'BigCommerce API'를 선택합니다.
  6. API 콜의 메서드와 엔드포인트를 선택합니다.
  7. 'Save'(저장)을 클릭하여 워크플로우를 완료합니다.

위의 지침은 점대점 지침에 불과하며, 실제 필드, 매개 변수 또는 워크플로우는 앱 사용에 필요한 작업에 따라 완전히 변경될 수 있습니다.

그게 다입니다! 이 단계를 따르면 Bubble.io와 BigCommerce를 성공적으로 통합할 수 있어야 합니다.

Bubble.io와 BigCommerce 통합 사용 사례

시나리오: 온라인 소매점 주인이 Bubble.io로 만든 웹사이트와 BigCommerce 상점 사이에서 제품 재고, 주문 및 고객 세부 정보를 쉽게 관리하려고 합니다. 이를 위해 그는 Bubble.io를 BigCommerce와 통합하기로 결정했습니다.

해결책: Bubble.io를 BigCommerce와 통합

동적 웹사이트 생성:
상점 주인은 Bubble.io를 사용하여 BigCommerce 상점에서 실시간 재고 데이터를 추출하는 멋진 동적 온라인 상점을 만듭니다.

통합 설정:
주인은 Bubble.io에 BigCommerce 플러그인을 설치한 후, 이를 BigCommerce API 키와 함께 설정해야합니다. 고객이 주문을 하거나 프로필에 변경 사항을 만들면 작동하는 워크플로우는 Bubble.io에 생성됩니다.

데이터 동기화 워크플로우:
고객이 주문을 하면 워크플로우가 작동됩니다. 제출된 데이터(제품 세부 정보, 배송 정보, 결제 세부 정보 포함)는 구성된 BigCommerce 플러그인 액션을 사용하여 자동으로 BigCommerce로 전송됩니다. 동시에, BigCommerce의 재고가 업데이트되고 주문 세부 정보가 BigCommerce 내에 등록됩니다.

고객 데이터베이스 관리:
고객이 소매 웹사이트에서 프로필 정보를 변경하거나 구매할 때마다, 사용자 프로필 세부 정보는 Bubble.io와 BigCommerce 두 플랫폼에서 자동으로 업데이트됩니다.

모니터링 및 분석:
이 통합은 매출 출처, 재고, BigCommerce 내의 상호 작용을 이어받는 무절차적인 추적을 가능하게 하여 상점 주인이 상점의 성과를 더 잘 이해하게 해 줍니다.

혜택:
효율성: 주문 및 고객 관리 과정을 자동화함으로써 시간을 절약하고 수동 오류를 줄일 수 있습니다.

중앙 집중식 데이터: 모든 제품 재고, 주문 및 고객 데이터는 두 플랫폼에서 저장 및 관리되며, 이는 상점 주인에게 단일 진실의 원천을 제공합니다.

향상된 고객 경험: 자동화 및 동기화로 인해 주문 처리와 배송이 빨라지며, 이는 더 나은 고객 경험을 초래합니다.

성과 분석: 상점 주인은 BigCommerce에서 상점 성능을 분석할 수 있으며, 매출, 재고 추세, 고객 행동에 대한 통찰력을 얻을 수 있습니다.

Bubble.io를 BigCommerce에 통합함으로써, 온라인 소매점 주인은 상점 운영을 효율적으로 관리하고, 전체 성능과 고객 만족도를 향상시킬 수 있습니다.

더 유용한 노코드 리소스 살펴보기

No-Code Tools Reviews

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.

Explore

WeWeb Tutorials

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.

Explore

No-Code Tools Comparison

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.

Explore
Want to Enhance Your Business with Bubble?

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.

Book a free consultation

By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.

Cookie preferences