Wix Blocks:アプリをアップグレードするためのエントリポイントを提供する

読了時間:3分
Wix Blocks はすべての Wix Studio ユーザー様にリリースされました。Wix Blocks にアクセスするには、Wix Studio に参加してください。
Wix App Market に Wix Blocks アプリを公開し、料金プランを設定した場合、サイト制作者がアプリを別のプランにアップグレードできるようにする方法がいくつかあります。これらはすべて、サイト制作者をアプリの価格ページに誘導します。

デフォルトの「アップグレード」アクションボタン

Wix Blocks は料金プランを設定すると、自動的にウィジェットのアクションバーにアップグレードアイコン upgrade を追加します。このボタンは削除できませんのでご注意ください。
デフォルトのプレミアムアクションボタン
カスタムパネルからテキストとリンクを追加して、サイト制作者がパネルからアプリをアップグレードできるようにします。
設定パネル
パネルにテキストとリンクを追加する方法:
  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. アプリのダッシュボード dashboard ページにアクセスします。
  2. 「追加」add パネルからボタンまたはテキスト要素を追加します。
  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; 

お役に立ちましたか?