웹사이트 및 비즈니스 플랫폼인 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 계정 또는 사이트 데이터 기반의 대시보드 및 워크플로 구축
이미 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 연결하기
Wix 연결을 만들 수 있는 사용자는 플랜과 워크스페이스 설정에 따라 다릅니다. 앱 + 채팅 커넥터는 Free, Pro, Business 플랜에서 기본 제공됩니다. Enterprise 플랜에서는 처음에 사실상 비활성화되어 있습니다. Admin이 Connectors → Admin settings → App + chat connectors에서 변경하기 전까지 연결 및 클라이언트를 만들 수 있는 사용자의 기본값이 No one이기 때문입니다.
서로 다른 API 키와 계정 ID로 여러 Wix 연결을 만들 수 있습니다. 환경 분리, 여러 Wix 계정 관리, workspace 연결별 접근 제한이 필요할 때 유용합니다.
연결이 생성되면 사용할 프로젝트에 연결을 링크할 수 있습니다. 프로젝트에서 빌드하는 사람은 누구나 채팅에서 Lovable에게 프로젝트를 이 연결에 링크해 달라고 요청할 수 있습니다.
사전 요건
Wix를 연결하기 전에 다음을 준비하세요:
- Wix 계정
- API Keys Manager에서 발급한 Wix API 키
- 해당 API 키와 연결된 Wix 계정 ID
- Lovable workspace에서 연결을 만들 수 있는 권한(연결 및 클라이언트를 만들 수 있는 사용자 참조)
이 connector를 통한 모든 API 요청은 Wix API 키를 사용합니다. Wix API 사용량, 할당량, 청구는 Lovable이 아닌 Wix에서 직접 처리합니다.
1단계: Wix API 키 및 계정 ID 발급
Wix API 키와 계정 ID로 Lovable 앱이 connector 게이트웨이를 통해 Wix API에 인증합니다.
필요한 값을 얻으려면 다음을 따르세요.
API Keys Manager 열기
Wix에 로그인하고 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로 이동하여 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의 모든 멤버가 연결을 사용할 수 있습니다.
자세한 내용은 연결 및 클라이언트를 사용할 수 있는 사용자를 참고하세요.
연결
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 사이트 선택. 앱이 사용할 사이트를 사용자가 직접 선택하게 하세요.
- 최종 사용자별 Wix 로그인. 각 연결은 연결된 모든 프로젝트가 공유하는 하나의 Wix 계정, API 키, 계정 ID를 나타냅니다.
Wix 연결 관리
연결은 Connectors에서 관리합니다. **Wix**을 선택한 다음 연결을 여세요.
- Unlink projects를 사용하면 다른 프로젝트에서 연결을 계속 사용할 수 있도록 유지하면서 특정 프로젝트의 Wix 접근 권한만 제거할 수 있습니다. 단계별 절차는 연결에서 프로젝트 연결 해제를 참고하세요.
- Delete the connection을 사용하면 워크스페이스에서 연결을 완전히 제거할 수 있습니다. 삭제는 영구적이며 연결된 모든 프로젝트에서 자격 증명이 제거되고, Wix을 사용하는 앱 기능은 새 연결을 추가할 때까지 작동하지 않습니다. 단계와 삭제 권한은 연결 삭제를 참고하세요.