웹사이트 및 비즈니스 플랫폼인 Wix에 앱을 연결하여 Wix 사이트, 이커머스, 예약, CRM, CMS 리소스를 읽고 관리합니다.
앱을 Wix에 연결하기
웹사이트 및 비즈니스 플랫폼인 Wix에 앱을 연결하여 Wix 사이트, 이커머스, 예약, CRM, CMS 리소스를 읽고 관리하세요.
Wix는 사이트, 스토어, 예약, 고객 데이터, 콘텐츠를 관리하는 웹사이트 및 비즈니스 플랫폼입니다. Wix connector를 사용하면 Lovable 앱이 Wix API 키와 계정 ID로 Wix API를 호출할 수 있습니다. Lovable 프로젝트에서 Wix 사이트 및 비즈니스 데이터를 다루는 앱을 만들 때 적합합니다.
Wix를 연결하면 앱은 다음 작업이 가능합니다:
- 연결된 계정에서 사용 가능한 Wix 사이트 목록 조회 및 확인
- Wix API를 통해 이커머스, 예약, CRM, CMS, 비즈니스 리소스 읽기 및 관리
- Wix 계정 또는 사이트 데이터 기반의 대시보드 및 워크플로 구축
- connector 게이트웨이를 통한 서버 사이드 admin 작업 실행
이미 Wix에서 사이트나 비즈니스 운영을 관리하고 있고, Lovable 앱으로 해당 계정 데이터를 활용하고 싶을 때 Wix가 적합합니다.
주요 활용 사례 및 예시 앱
| 예시 앱 | 프롬프트 예시 | 설명 |
|---|---|---|
| Wix 사이트 대시보드 | Use Wix and build a dashboard that lists all sites in my Wix account and shows key status details. | Wix 계정 데이터를 한 화면으로 확인합니다. 연결된 계정의 사이트 목록을 보여주어 운영자가 사이트 수준 데이터를 가져오기 전에 적절한 사이트를 선택할 수 있게 합니다. |
| 이커머스 주문 관리 | Use Wix and build an admin page for reviewing recent store orders and customer details. | Lovable 앱으로 Wix 스토어를 관리합니다. Wix 이커머스 API를 호출하여 팀이 맞춤 워크플로에서 주문과 고객 정보를 검토할 수 있게 합니다. |
| 예약 관리 패널 | Use Wix and build a booking operations dashboard for upcoming appointments and customer records. | Wix 예약 데이터를 워크플로 앱으로 가져옵니다. 예약 관련 리소스를 읽어 운영팀에 일정과 고객 맥락을 제공합니다. |
| CRM 고객 조회 | Use Wix and build a customer lookup tool that searches CRM contacts and displays recent activity. | 내부 도구에서 Wix CRM 데이터를 검색합니다. 지원, 영업, 계정 관리 워크플로를 위해 연락처 레코드와 관련 비즈니스 데이터를 가져옵니다. |
| CMS 콘텐츠 브라우저 | Use Wix and build a content browser that lets editors review CMS collections for a selected site. | Wix 대시보드 외부에서 Wix CMS 데이터를 검토합니다. 선택된 사이트 컨텍스트로 콘텐츠 리소스를 가져와 집중된 편집 화면으로 표시합니다. |
| 멀티 사이트 운영 앱 | Use Wix and build an operations tool that starts by asking which Wix site to manage, then shows relevant store and site details. | 여러 Wix 사이트를 보유한 계정을 지원합니다. 먼저 연결된 계정의 사이트를 조회한 뒤 선택한 사이트로 사이트 수준 API를 호출합니다. |
Wix 연결하기
workspace admin 및 owner가 Wix를 연결할 수 있습니다.
서로 다른 API 키와 계정 ID로 여러 Wix 연결을 만들 수 있습니다. 환경 분리, 여러 Wix 계정 관리, workspace 연결별 접근 제한이 필요할 때 유용합니다.
연결이 생성되면 workspace의 모든 프로젝트에서 Wix를 사용할 수 있습니다. 프로젝트를 빌드하는 누구든 Lovable 채팅에서 자신의 프로젝트를 연결하도록 요청할 수 있습니다.
사전 요건
Wix를 연결하기 전에 다음을 준비하세요:
- Wix 계정
- API Keys Manager에서 발급한 Wix API 키
- 해당 API 키와 연결된 Wix 계정 ID
- Lovable workspace owner 또는 admin 역할
이 connector를 통한 모든 API 요청은 Wix API 키를 사용합니다. Wix API 사용량, 할당량, 청구는 Lovable이 아닌 Wix에서 직접 처리합니다.
1단계: Wix API 키 및 계정 ID 발급
Wix API 키와 계정 ID로 Lovable 앱이 connector 게이트웨이를 통해 Wix API에 인증합니다.
필요한 값을 얻으려면 다음을 따르세요.
Wix 계정 열기
연결할 계정으로 Wix에 로그인하세요.
API Keys Manager 열기
Wix API Keys Manager로 이동하세요.
API 키 생성 또는 복사
Lovable용 새 API 키를 만들거나 이 연결에 사용할 기존 키를 복사하세요. 새 키에는 예를 들어 Lovable integration과 같이 알아보기 쉬운 이름을 지정하세요.
계정 ID 복사
API Keys Manager에 표시된 계정 ID를 복사하세요. Lovable에서 Wix를 연결할 때 필요합니다.
Wix API 키는 비밀번호와 같습니다. 안전하게 보관하고 절대 공개하지 마세요. 다음 단계에서 필요합니다.
자세한 내용은 Wix 문서를 참고하세요: Wix API keys.
2단계: Wix를 Lovable에 연결하기
서로 다른 API 키와 계정 ID로 여러 연결을 만들 수 있습니다.
Connectors에서 Wix 열기
Connectors → App connectors로 이동하여 Wix를 선택하세요.
연결 추가
Add connection을 클릭하세요.
연결 설정
연결 세부 정보를 입력하세요:
- Display name: 예를 들어
Wix Prod와 같이 연결 이름을 지정하세요. 이 이름은 Lovable 내부에서 연결을 식별하는 데만 사용됩니다. - Account ID: API Keys Manager의 Wix 계정 ID를 붙여넣으세요.
- API key: Wix API 키를 붙여넣으세요.
접근 권한 설정
Who can access this connection에서 workspace 내 연결 사용 권한을 결정하세요:
- Only you (기본값): 연결을 만든 사람만 해당 연결과 관련 데이터를 사용할 수 있습니다.
- Invite specific people: 본인과 명시적으로 추가된 workspace 멤버만 연결과 관련 데이터를 사용할 수 있습니다.
- Invite entire workspace: Invite entire workspace를 클릭하면 Lovable workspace의 모든 멤버가 연결을 사용할 수 있습니다.
자세한 내용은 Connection-level access를 참고하세요.
연결
Connect를 클릭하세요.
연결이 완료되면 프로젝트를 빌드하는 누구든 Lovable 채팅에서 자신의 프로젝트를 Wix에 연결하도록 요청할 수 있습니다. 이후 Lovable 앱은 Wix API를 통해 Wix 비즈니스 데이터를 읽고 관리할 수 있습니다.
계정 수준 및 사이트 수준 API 활용
Wix에는 계정 수준과 사이트 수준 API 호출이 있습니다. 앱이 아직 Wix 사이트 ID를 모른다면 먼저 Lovable에게 연결된 계정의 사이트 목록을 가져오도록 요청하세요. 이후 앱이 사이트를 선택하게 한 뒤 사이트 수준 요청을 진행하면 됩니다.
connector 게이트웨이는 저장된 연결에서 Wix 인증 헤더를 자동으로 추가합니다. 앱은 게이트웨이를 호출할 때 Wix 대시보드 API 키가 아닌 Lovable이 프로젝트에 동기화한 연결 secret을 사용해야 합니다.
제한 사항
Wix connector는 다음을 지원하지 않습니다:
- Wix API 키 생성 또는 교체. 자격 증명을 교체하려면 Wix에서 새 키를 만들고 Lovable 연결을 업데이트하세요.
- 브라우저 코드에 Wix API 키 노출. 호출은 서버 사이드 코드와 connector 게이트웨이를 통해 이루어져야 합니다.
- 계정에 여러 사이트가 있을 때 자동으로 Wix 사이트 선택. 앱이 사용할 사이트를 사용자가 직접 선택하게 하세요.
- 최종 사용자별 Wix 로그인. 각 연결은 연결된 모든 프로젝트가 공유하는 하나의 Wix 계정, API 키, 계정 ID를 나타냅니다.
Wix 연결에서 프로젝트 연결 해제하기
Editor 이상 역할을 가진 멤버는 연결 자체를 삭제하지 않고 특정 프로젝트만 연결에서 제거할 수 있습니다. 연결은 다른 프로젝트에서 계속 사용 가능합니다.
프로젝트를 연결 해제하려면 다음을 따르세요.
Connectors 열기
Connectors를 열고 App connectors로 이동한 뒤 **Wix**를 선택하세요.
연결 열기
관리할 연결을 여세요.
프로젝트 선택
Linked projects에서 연결 해제할 프로젝트를 선택하세요.
확인
Unlink projects를 클릭하고 확인하세요.
연결 해제된 프로젝트는 이 연결을 통해 Wix에 더 이상 접근할 수 없습니다. 프로젝트에서 Wix가 다시 필요하면 사용 가능한 연결에 다시 연결하세요.
Wix 연결 삭제하기
workspace admin 및 owner는 Wix 연결을 삭제할 수 있습니다. 다른 멤버는 자신이 만든 연결이거나 명시적으로 접근 권한을 부여받은 연결을 삭제할 수 있습니다.
연결 삭제는 되돌릴 수 없습니다. 연결된 모든 프로젝트에서 자격 증명이 제거되며, 이 연결을 사용하는 앱은 새 연결이 추가될 때까지 작동을 멈춥니다.
삭제하기 전에 Linked projects 섹션에서 현재 연결을 사용 중인 프로젝트를 확인하세요.
연결을 삭제하려면 다음을 따르세요.
Connectors 열기
Connectors를 열고 App connectors로 이동한 뒤 **Wix**를 선택하세요.
연결 열기
제거할 연결을 여세요.
연결된 프로젝트 확인
Linked projects 섹션을 검토하세요.
삭제
Delete this connection 아래에서 Delete를 클릭하고 확인하세요.