ポップアップ機能

• ポップアップ機能とは

  『ポップアップ機能』とは、アプリ内でポップアップを表示し、簡易的なお知らせや案内ができる機能です。

  

   

  表示したポップアップは、右上の✖️ボタンに限らず、ポップアップの範囲外をタップすることで閉じることが可能です。

• ポップアップ機能を設定する前に

  必要なアプリのバージョン

  本機能をご利用いただくには、アプリが以下のバージョンとなっている必要がございます。

  アプリの種類	必要なアプリのバージョン
  iOS用アプリ	9.42以降
  Android用アプリ	7.6.6以降

  設定を行う前に、必ず公開済みのアプリが上記バージョン以上であるかをご確認ください。

  参考：『アプリのバージョンを確認する方法』

  対応しているバージョン未満の場合、管理画面の「アプリストア情報」より『再申請』をいただくと、弊社にてバージョンアップの対応をさせていただきます。

  参考：『アプリを再申請する』

   

  ポップアップアクションにシングルページ機能（Block UI）を指定する場合

  ポップアップアクションにシングルページ機能（Block UI）を指定する際には、アプリが以下のバージョンとなっている必要がございます。

  アプリの種類	必要なアプリのバージョン
  iOS用アプリ	v11.21.0（2024年10月9日リリース）
  Android用アプリ	v11.21.0（2024年10月9日リリース）

  ご期待の動作にならない場合、必ず公開済みのアプリが上記バージョン以上であるかをご確認ください。

   

  ヒント

  • ポップアップとして設定するフリーレイアウト機能の画面に、多くの情報が設定されている場合、ポップアップの立ち上がりが遅くなることがあります。
  • 表示領域が長い場合ポップアップ内はスクロールしますが、スクロールしない範囲での設定を推奨します。

   

  更新履歴

  • 2024年10月9日
    リリースに伴い内容を更新
  • 2024年10月2日 
    ポップアップアクションにシングルページ機能（Block UI）を指定する場合のバージョンを追記

• 設定できる機能 - ポップアップ機能

  ポップアップは、『ポップアップ』を設定できる機能と『ポップアップ』に表示できる機能の2つで作成します。

   

  『ポップアップ』を設定できる機能

  • シングルページ機能（Block UI）
  • フリーレイアウト機能
  • ニュース機能
  • ポイントカード機能
  • AR機能

   

  『ポップアップ』に表示できる機能

  • シングルページ機能（Block UI）
  • フリーレイアウト機能
  • ニュース機能

   

  ヒント

  • ポップアップに表示した機能からは、フリーレイアウト機能・ニュース機能と同様にリンク先にコンテンツを設定できます。
    あくまでリンク先として指定ができ、機能としてタブバー内に配置できるのみとなるので、フリーレイアウト内のオプション機能（テキストコピー等）は含まれません。 

   

  更新履歴

  • 2024年10月2日 『ポップアップに表示できる』機能にシングルページ機能（Block UI）を追記
  • 2023年12月25日 最新の情報に更新
  • 2023年12月5日 最新の情報に更新

   

• ポップアップ機能を設定する

  機能を設定するための全体の流れとしては、下記２つの手順が必要となります。 

  1. ポップアップで表示させるコンテンツ（フリーレイアウト機能 or ニュース機能）を作成します
     参考：『 ポップアップで表示させるコンテンツを作成する』
  2. 1.で作成したコンテンツ（フリーレイアウト機能）をポップアップに設定します
     参考：『作成したコンテンツをポップアップに設定する』

• ポップアップで表示させるコンテンツを作成する

  1. コンテンツ一覧にて、ポップアップで表示できる機能（シングルページ機能（Block UI）、フリーレイアウト機能、ニュース機能）を作成し、作成したコンテンツの編集画面に移動します。

  2. ポップアップで表示させたい画像や文字を設定します。
     アピアランスも反映されるので、必要に応じてマージンやパディングといった余白やカラムなどもご設定ください。リンク先もこちらで設定が可能です。（※ヒント参照）

  3. 設定が完了したら、ページの下にある「保存」ボタンを押します。

   

  ヒント

  • シングルページ機能（Block UI）・フリーレイアウト機能・ニュース機能と同様に、リンク先にコンテンツを設定できます。
  • フリーレイアウト内のオプション機能（テキストコピー/エンベッド動画/ポップアップ等）はご利用いただけません

   

  ご注意

  • ポップアップの全体の背景色は、表示している機能で設定した1つ目のブロックの背景色が適応されます。
    背景色を透過にしている場合、ポップアップの全体の背景色にも同様に透過が適応されますのでご注意ください。

   

  更新履歴

  • 2024年10月2日 最新の情報に更新
  • 2024年8月28日 ご注意を追記

• 作成したコンテンツをポップアップに設定する

  1. コンテンツ一覧から、ポップアップを設定したい機能を開きます。
  2. ポップアップを設置したいブロックのアクションから、「ポップアップ」を選択します。
     
  3. ポップアップで表示させるコンテンツを選択し決定します。
     参考：『ポップアップで表示させるコンテンツを作成する』
     
  4. 保存後、Preview Yappliにて動作をご確認ください。

   

  更新履歴

  • 2024年10月2日 最新の情報に更新