よくあるフローのレシピ

このセクションでは、Flow Builder でよく使われる画面テンプレートを、レイアウトの選択からインタラクションまで、要素ごとに構築する方法を説明します。一部のガイドはアプリのコードにも続いており、フローが結果をアプリに返す部分まで扱っています。各ガイドは独立していて、標準的な Flow Builder の要素を使用しています。

基本的なペイウォール画面の作成

フロービルダーで標準的なペイウォール画面を構築するためのステップバイステップガイド。

ボトムシートですべてのプランを表示

シングルCTA、「すべてのプランを表示」リンク、プロダクト一覧を展開するボトムシートを備えたヒーローペイウォールを作成します。

タブ付きペイウォールの作成

2つのタブで異なるフィーチャーリスト、プロダクトグループ、購入アクションを切り替えるペイウォール画面を作成します。

プロダクトごとに異なる機能を表示

条件付き表示を使って、ユーザーが選択したプロダクトに応じて異なる機能一覧を表示します。

ユーザーが閉じるボタンをタップしたときにオファーを表示する

最初の閉じるボタンのタップを検知して、ユーザーがペイウォールを離れる前にラストチャンスオファーを表示します。

割引バッジ付きの取り消し線価格を表示する

年間プランの実質月額価格の横に月額プランの価格を打ち消し線付きで表示して、割引をひと目でわかるようにします。

購入結果への対応

購入結果ごとにアプリコードで対応し、購入成功時に2つ目のフローを開く方法を説明します。

トライアル切り替え付きのペイウォールを作成する

無料トライアルあり・なしのプロダクト間でペイウォールを切り替え、選択されたプロダクトをトグルと連動させる方法を説明します。

パーソナライズされたオンボーディングフローの作成

実例を通じて、マルチスクリーンのオンボーディングフローを構築する全プロセスを解説します。スクリーン、コンテンツ、ナビゲーション、条件分岐について説明します。

以下のクイックスタート動画で、基本的なパーソナライズされたフローの作成方法をご確認ください: