よくあるフローのレシピ

このセクションでは、フロービルダーでよく使われる画面テンプレートの作り方を、レイアウトの選択からインタラクションまで、要素ごとに順を追って説明します。各ガイドは独立した内容で、標準的なフロービルダーの要素を使用しています。

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

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

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

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

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

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

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

基本的なパーソナライズされたフローの作成方法については、こちらのクイックスタート動画をご覧ください：

フローの作成についてさらに詳しく知りたいですか？YouTubeプレイリストでステップバイステップの動画チュートリアルをご覧ください。