フレックスエディタで作成可能なポップアップの活用事例をご紹介します。
「こんなポップアップを作りたい」や「接客のアイデアがほしい」時にご活用ください。
スマートフォンで接客を作成する際によく用いられるハーフモーダルのようなポップアップの作り方を説明します。
参考例
参考例の作り方
手順
テンプレートを選択する
レイヤーから「モーダル」を選択して、表示設定を中央下部、表示エフェクトを下からスライド、横幅を最大にする
「アバター」エレメントを「イメージ」エレメントに置換する
見出しを削除してプロパティエディタで本文を編集する
本文の「絶対配置」のポジションを設定し、上側からの距離を調整する
ボタンの「絶対配置」のポジションを設定し、下側からの距離を調整する
ボタンの角丸やサイズ、色などをプロパティエディタで調整する
閉じるボタンのサイズ、色などをプロパティエディタで調整する
補足
このポップアップは、スマートフォンでの閲覧を前提としたデザインです。
そのため、接客サービスの配信設定において、配信ターゲットを「スマートフォン」のみに限定することを推奨します。
最適な形式は、サイトのデザイン、ターゲットユーザー、達成したい目標によって異なります。可能であれば複数のパターンを検証し、最も効果的なものを見つけることをおすすめします。