フローとペイウォール
フローをユーザーに届けるには、新しいバージョンの SDK と専用のプレースメントが必要です:
- Adapty SDK v4.0以降: 旧バージョンのSDKはフローをレンダリングできません。
- 専用のフロープレースメント: フローとペイウォールはコンテンツタイプが異なるため、それぞれ専用のプレースメントタイプに配置されます。フローはペイウォールのプレースメントには配置できません。また、新しいフロープレースメントはペイウォールプレースメントのIDを再利用できません — プレースメントIDはアプリ全体で一意です。プレースメントの作成を参照してください。
インターフェース概要
フロー & ペイウォールビルダーのインターフェースとワークスペースの概要。
フローの一般的なレシピ
フロー&ペイウォールビルダーで一般的なスクリーンテンプレートを作成するためのステップバイステップガイド。
ナビゲーションとインタラクション
ユーザーを画面間で移動させ、ユーザーとやり取りする
Adaptyでは、ビジュアルなノーコードエディターでフローを作成できます。
- ペイウォール、オンボーディングなどを作成: 動的なシングルまたはマルチスクリーンのフローを作成できます。
- フル機能のフローテンプレート: プロがデザインしたテンプレートからフローを開始できます。
- Figmaデザインのインポート: Figmaからフレームをインポートして、編集可能なフローに変換できます。
- 柔軟なデザイン: コード不要で複雑な画面をビジュアルで再現できます。
- AI エディター: 変更内容を自然言語で説明するだけで画面に反映されます。スタイルの変更、テキストの書き換え、要素の並び替えをプロパティを触ることなく実行できます。
- ネイティブレンダリング: Adapty SDKはWebビューを使わずにフローをネイティブでレンダリングするため、シームレスなユーザー体験を実現します。
- 再デプロイ不要で更新: コピー、デザイン、ロジックをいつでも変更できます。アプリのリリースなしでユーザーに更新が届きます。
作れるもの
フローはアプリのどこにでも配置できます。初回起動時、プレミアム機能の前、重要なアクション後など、あらゆる場面に対応します。すべての画面は自由にカスタマイズできるので、それぞれのフローをその場面に合わせた内容にできます。主な活用例を紹介します。
- アプリのオンボーディング: アプリの機能を紹介し、質問でユーザーの好みを把握して、クイズの回答に基づいて表示する機能やCTAをパーソナライズします。詳しくはパーソナライズされたオンボーディングフローの作成を参照してください。
- ペイウォール画面: プレミアムコンテンツの前に機能ゲートを設け、機能リスト・価格・購入ボタンとともにプロダクトを提示します。詳しくは基本的なペイウォール画面の作成を参照してください。
- タブ形式のプラン: サブスクリプションの各プランをタブで並べて表示し、ユーザーがタブを切り替えると機能リストとCTAも切り替わります。詳しくはタブ付きペイウォールの作成とプロダクトごとに異なる機能を表示するを参照してください。
- 展開可能なプランリスト: まず注目のオファーを1つ表示し、比較したいユーザーにはボトムシートでプロダクト一覧を展開して見せます。詳しくはボトムシートで全プランを表示するを参照してください。
- アンケートとクイズ: 目標・好み・経験レベルなどを収集し、回答に基づいてフローを分岐させたり、後続の画面をカスタマイズしたり、アプリ内で処理したりできます。詳しくは入力とフォームを参照してください。
- ソーシャルプルーフ: 購入判断の直前に、レビューカード・評価・体験談を表示して信頼感を高めます。詳しくはレビューと体験談を参照してください。
- プロモーション・ウィンバック画面: 期間限定の割引・無料トライアル・ウィンバック画面で、離脱したユーザーの再エンゲージメントを促します。
これらは最もよく使われるパターンに過ぎません。フローは柔軟で再利用可能な要素から構成されているため、プロダクトに必要なほぼあらゆるスクリーンを組み合わせて作ることができ、プロダクトが進化するたびに自由に作り変えることができます。
フローの作成についてさらに詳しく知りたいですか?YouTubeプレイリストでステップバイステップの動画チュートリアルをご覧ください。
フローを作成する
新しいフローを作成するには、カスタムデザインのギャラリーテンプレート、空のキャンバス、またはFigmaデザインから始めます。その後、以下の機能でカスタマイズできます。
- エレメントライブラリ — テキスト、メディア、ボタン、フォームなどのコンテンツに使える事前構築済みブロック。
- アクション — 画面間のナビゲーション、URLを開く、購入の実行など。
- 変数 — テキストや、トリガーベースのフローロジックを有効にするために変数の値を使用。
- 条件付きナビゲーション — ユーザーの入力に基づいてフローを分岐。
- クイズと入力 — ユーザーの入力を収集し、フローで使用したり、アプリに渡す。
- AI エディター — 変更を自然言語で説明すると、AI が現在の画面に適用します。
- ダークモード — デバイスのテーマに合わせてエレメントをスタイリング。
- ローカライズ — 手動またはAI対応。
下書きを保存して公開したら、フロープレースメントに紐付けます。アプリ内の他のプレースメントと重複しない、新しいプレースメント ID を持つプレースメントを作成してください。フロープレースメントでは、オーディエンスごとに異なるフローを配信できます。
フローが公開されたら、指標ページでビュー数・完了数・収益を確認できます。Analytics ページの MRR やチャーンなど多くのチャートも、特定のフローに絞り込んで表示できます。フローの画面単位での絞り込みも可能です。
次のステップ
フローを作成する
カスタムデザインされたギャラリーテンプレートまたはミニマルなスターターから新しいフローを作成します。
インターフェース概要
フロー & ペイウォールビルダーのインターフェースとワークスペースの概要。
AI エディター
変更内容を自然な言葉で伝えるだけで、AI エディターがフロースクリーンに適用します。プロパティを一切触らずに、スタイル変更・文章の書き直し・要素の並べ替えが可能です。
Figma からデザインをインポートする
FigmaファイルのフレームをAdaptyに送信して、編集可能なフローに変換します。レイアウト、テキスト、画像がそのまま取り込まれるので、白紙の状態からではなく、自分のデザインから始められます。
エージェントスキル
AdaptyのエージェントスキルをインストールすることでAIコーディングツールからターミナル経由でAdaptyのフローをビルド、監査、提供できます。
フローの一般的なレシピ
フロー&ペイウォールビルダーで一般的なスクリーンテンプレートを作成するためのステップバイステップガイド。
フローへの移行
個別のオンボーディングとペイウォールをひとつの Adapty フローにまとめる方法 — 変更点と、古いバージョンのユーザーに影響を与えずに展開する手順を説明します。
ペイウォールをフローに変換する
既存のペイウォールを1クリックで編集可能なフローとして再作成できます。新しいバージョンのビルドとテスト中も、元のペイウォールはそのまま公開されています。
画面とレイヤー
フロー&ペイウォールビルダーで、各スクリーンの画面とその要素階層を管理します。
レイアウトと配置
レイアウト、ポジションモード、サイズ、スペースを使って画面上に要素を配置します。
スタイルと外観
要素の視覚的な外観を設定する — 塗りつぶし、ボーダー、エフェクト、タイポグラフィ、ステート、プロジェクト全体のスタイル。
プロダクトと購入
スクリーンにプロダクトを追加し、購入ボタンを接続して、フロー&ペイウォールビルダーでフローのプロダクトを管理します。
要素
フロー&ペイウォールビルダーで利用できるすべてのビジュアルエレメント:レイアウトコンテナ、テキスト、メディア、リスト、ボタン、入力フィールド、プロダクトなど。
ナビゲーションとインタラクション
ユーザーを画面間で移動させ、ユーザーとやり取りする
ダークモード
Adaptyのフローにダークモードを設定して、ユーザー体験を向上させる方法を説明します。
ローカライゼーション
フローの各画面とリモートコンフィグの値を、販売するすべての市場向けに翻訳します。
リモートコンフィグによるフローのカスタマイズ
リモートコンフィグのJSONペイロードを使ってフローをカスタマイズします。
フローのプレビュー
デバイス間のフロー互換性をプレビューして、最適なエクスペリエンスを確認できます。
フローの保存と公開
フローをドラフトとして保存し、ユーザーに公開する
フローの検索とフィルタリング
フローを検索、フィルタリング、並び替えし、各フローで利用できるアクションを開きます。
フローと画面のコピー
フロー全体を複製してオーディエンスやA/Bテストのバリアント向けに調整したり、単一のスクリーンをコピーして再利用したりできます。
フローのアーカイブと復元
不要になったフローをアーカイブしてメトリクスを保持する。アーカイブ済みフローを復元して再度作業できます。
フローの指標
フローのパフォーマンス指標を追跡・分析して、サブスクリプション収益を改善しましょう。
フォールバックフロー
デバイスがオフラインのときもフローを表示し続けるために、Adapty でローカルフォールバックフローを設定しましょう。
よくある問題
フローのプレビュー、公開、または意図した動作を妨げる問題を修正します(Flow & Paywall Builder)。
ペイウォールビルダーとオンボーディングビルダーの廃止
2026年10月1日、Adaptyは旧ペイウォールビルダーとオンボーディングビルダーを廃止します。公開済みのペイウォールとオンボーディングは引き続き動作しますが、新規作成はフロー&ペイウォールビルダーをご利用ください。