ポップの種類をPCで表示する時とスマホで表示する時で、区別して表示することができます。

はじめに、Happi管理画面から、ポップをPC用もしくはスマホ用で1つ作成しておきます。 ポップの作成方法はこちら
そのあとに、ポップ編集画面からHTMLやエフェクトの追加をするという流れです。
今回は例として、予め「商品質問」のポップをPC用で作成しておいた場合で説明致します。

<↑Happi管理画面におけるポップ管理画面>
<↑Happi管理画面におけるポップ編集画面>
<↑Happi管理画面におけるポップのhtml追加画面>
<↑Happi管理画面におけるポップ編集画面>
<↑Happi管理画面におけるポップのエフェクト追加画面>
<↑Happi管理画面におけるポップ編集画面>

実際のウェブサイトでは以下のように表示されます。

<↑実際のウェブサイト画面>
<↑スマホでのウェブサイト画面>