ポップアップをPCとスマホで区別して表示させたい

ポップアップをPCとスマホで区別して表示させたい

ポップアップをPCで表示する時とスマホで表示する時で、サイズを区別して表示することができます。

はじめに、Combeez管理画面から、PC用とスマホ用のサービスを作成1つずつ作成します。

PC用に作成したサービスに表示させたいポップアップを作成します。

以下手順になります。

ポップアップ管理画面から画面右側にある[他サービスにポップアップをコピー]をクリックします。

Combeezポップアップ管理画面

コピーするポップアップを選択し、コピー先のサービスを選択し、[コピーする]をクリックします。

Combeezポップアップ編集画面

スマホ用のサービスにポップアップがコピーされているので、[編集]をクリックします。

Combeezポップアップ編集画面

エフェクトの[編集]をクリックします。

Combeezポップアップ編集画面

フレームの高さと横幅をPCより小さくし、表示・非表示設定を[スマホのみ]に選択し更新をクリックし完了です。

※スマホサイズの推奨は横幅200px高さ300pxです。ポップアップに合わせて微調整ください。

Combeezポップアップ編集画面

Translate »