header-logo
Wix를 사용해해 사이트와 비즈니스를 구축하는 방법을 알아보세요.
직관적인 Wix 기능을 사용해 사이트를 디자인하고 관리하세요.
구독, 플랜 및 인보이스를 관리하세요.
비즈니스를 운영하고 회원과 소통하세요.
도메인을 구매하고 사이트에 연결, 이전하는 방법을 알아보세요.
비즈니스 및 웹 존재감을 키울 수 있는 도구를 확인하세요.
SEO 및 마케팅 도구로 가시성을 높이세요.
보다 효율적으로 작업할 수 있는 고급 기능을 활용하세요.
해결책을 찾고, 알려진 문제에 대해 알아보거나 문의하세요.
placeholder-preview-image
강좌 및 튜토리얼을 통해 실력을 향상시키세요.
웹 디자인, 마케팅 등에 대한 팁을 확인하세요.
검색 엔진에서 유기적 사이트 트래픽을 증가시키는 방법을 알아보세요.
풀스택 플랫폼을 활용해 맞춤형 사이트를 구축하세요.
목표 달성에 도움을 줄 전문가를 만나보세요.
placeholder-preview-image

Wix Blocks: 앱 업그레이드를 위한 진입점 제공하기

2 분
페이지 메뉴
  • 기본 업그레이드 액션 버튼
  • 패널에서 업그레이드 링크 추가하기
  • 대시보드 페이지에서 업그레이드 링크 또는 버튼 추가하기
Wix Blocks는 모든 Wix Studio 사용자가 사용할 수 있습니다. Blocks에 액세스하려면, Wix Studio에 가입하세요.
Wix 앱 마켓에 Blocks 앱을 게시하고 유료 플랜에 맞게 조정했다면 사이트 제작자가 앱을 다른 플랜으로 업그레이드할 수 있도록 하는 몇 가지 방법이 있습니다. 이러한 모든 방법은 사이트 제작자를 앱의 요금 페이지로 안내합니다. 

기본 업그레이드 액션 버튼

위젯에 유료 플랜을 설정하면 Blocks는 위젯의 액션바에 자동으로 업그레이드 버튼을 추가합니다. 이 버튼은 제거할 수 없습니다. 
기본 프리미엄 액션 버튼
사용자 지정 패널에서 텍스트와 링크를 추가해 사이트 제작자가 패널에서 앱을 업그레이드할 수 있도록 하세요.
설정 패널
패널에 텍스트 및 링크를 추가하려면: 
  1. 패널 탭으로 이동합니다. 
  2. 패널에 텍스트 요소를 추가합니다.
  3. 요소의 설정을 클릭합니다. 
  4. 텍스트 입력란에 짧은 콜 투 액션(CTA) 텍스트를 입력합니다.
  5. Velo를 통해 링크 입력란에 코드를 설정합니다. 링크는 앱 ID 및 인스턴스 ID를 사용합니다. 
1import wixApplication from 'wix-application';
2
3const appInstance = await wixApplication.getDecodedAppInstance();
4const upgradeURL = `https://www.wix.com/apps/upgrade/${appInstance.appDefId}?appInstanceId=${appInstance.instanceId}`;
5$w('#<panelRighTextComponent>').link = upgradeUrl; 
사이트 제작자가 대시보드에서 업그레이드할 수 있도록 대시보드 페이지에 링크 또는 버튼을 추가하세요. 
업그레이드가 포함된 대시보드
대시보드에 업그레이드 버튼 또는 링크를 추가하려면:
  1. 앱의 대시보드 페이지로 이동합니다. 
  2. 추가 패널을 통해 버튼 또는 텍스트 요소를 추가합니다. 
  3. 대시보드 코드에서 앱 ID 및 인스턴스 ID를 사용하도록 링크를 설정합니다. 예를 들어, 버튼인 경우 다음과 같습니다.
1import wixApplication from 'wix-application';
2
3const appInstance = await wixApplication.getDecodedAppInstance();
4const upgradeURL = `https://www.wix.com/apps/upgrade/${appInstance.appDefId}?appInstanceId=${appInstance.instanceId}`;
5$w('#<yourButton>').link = upgradeUrl; 
기본 프리미엄 액션 버튼
설정 패널
업그레이드가 포함된 대시보드