header-logo
Wix の使用方法を学び、サイトとビジネスを構築する。
直感的な Wix 機能でサイトをデザインして管理する。
定期購入、プラン、請求を管理する。
ビジネスを運営し、サイト会員とつながる。
ドメインの購入、サイトへの接続と移管方法を学ぶ。
ビジネスとウェブプレゼンスを成長させるツールを入手する。
SEO とマーケティングツールで知名度を上げる。
より効率的な作業を支援する高度な機能を利用する。
解決策や既知の問題について確認し、問い合わせる。
placeholder-preview-image
コースとチュートリアルでスキルを習得する。
ウェブデザインやマーケティングなどのヒントを得る。
検索エンジンからのトラフィックを増やす方法について学ぶ。
フルスタックプラットフォームでカスタムサイトを構築する。
あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image

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

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

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

Wix 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; 
デフォルトのプレミアムアクションボタン
設定パネル
ダッシュボードに表示されたアップグレードボタン