Adapty では、ビジュアルノーコードエディタでフローを作成できます。

• ペイウォール、オンボーディングなどを作成: 動的な1画面または複数画面のフローを作成できます。
• 柔軟なデザイン: 複雑な画面をビジュアルで再現できます。コードは不要です。
• ネイティブレンダリング: Adapty SDK はフローをWebビューを使わずネイティブでレンダリングし、シームレスなユーザー体験を実現します。
• 再デプロイ不要で更新: コピー、デザイン、ロジックをいつでも変更できます。アプリのリリースなしにユーザーへ変更が反映されます。

構築できるもの

フローはアプリのどこにでも配置できます。初回起動時、プレミアム機能の前、または重要なアクションの後など、あらゆる場面に対応します。すべての画面は完全にカスタマイズ可能で、各フローをその場面に合わせることができます。代表的な活用例をご紹介します。

• アプリオンボーディング: アプリの機能を紹介し、質問してユーザーに合わせ、クイズの回答に基づいてハイライトする機能やCTAをパーソナライズします。パーソナライズされたオンボーディングフローを構築するをご覧ください。
• ペイウォール画面: プレミアムコンテンツの前に機能ゲートを置き、機能リスト、価格、購入ボタンとともにプロダクトを提示します。基本的なペイウォール画面を作成するをご覧ください。
• タブでのプラン階層表示: サブスクリプションの各ティアをタブで並べて表示し、ユーザーがタブを切り替えると機能リストとCTAが切り替わります。タブ付きペイウォールを作成するとプロダクトごとに異なる機能を表示するをご覧ください。
• 展開可能なプランリスト: 注目のオファーを最初に表示し、ユーザーが比較したいときにボトムシートで全プロダクトリストを表示します。ボトムシートで全プランを表示するをご覧ください。
• アンケートとクイズ: 目標、好み、経験レベルを収集し、回答に基づいてフローを分岐させたり、後続の画面をカスタマイズしたりできます。フロービルダーでのインプットとフォームをご覧ください。
• ソーシャルプルーフ: 購入の意思決定の直前に、レビューカード、評価、ユーザーの声で信頼を高めます。レビューとユーザーの声をご覧ください。
• プロモーションとウィンバック画面: 期間限定割引、無料トライアルオファー、または離脱したユーザーを再エンゲージするウィンバック画面を実施します。

これらはよく使われるパターンの一例に過ぎません。フローは柔軟で再利用可能な要素から構築されているため、プロダクトが必要とするほぼあらゆる画面を組み合わせて作成できます。また、プロダクトが進化するたびに作り直すことも可能です。

フローを作成する

Flows ページを開き、Create flow をクリックします。以下のツールを使ってフローをカスタマイズします。

• 要素ライブラリ — テキスト、メディア、ボタン、フォーム、その他のコンテンツ用のプリビルドブロック。
• アクション — 画面間のナビゲーション、URLを開く、購入を実行するなど。
• 変数 — テキストや、トリガーベースのフローロジックを有効にするために変数の値を使用。
• 条件付きナビゲーション — ユーザーの入力に基づいてフローを分岐。
• クイズとインプット — ユーザー入力の収集と処理。
• ダークモード — デバイスのテーマに合わせて要素をスタイリング。
• ローカライズ — 手動またはAIを活用。

下書きを保存して公開したら、プレースメントに紐付けます。プレースメントには、オーディエンスごとに異なるフローを設定できます。

このクイックスタート動画に従って、基本的なパーソナライズドフローを作成してみましょう。

次のステップ