「Flip Box」ウィジェットは、ユーザーがマウスなどでホバーした際にカードがフリップして表裏が反転し、異なる情報を表示するボックスをカンタンに作成できるウィジェットです。
フリップボックスは「1つで2つの情報」を表示できるのが特徴です。表面にはタイトル、アイコン、画像、背景色などを設定し、裏面には追加のテキストや詳細情報、ボタンを配置することができます。ユーザーに最初に引きつける情報を見せ、ホバーしてさらに詳細な情報を提供するという流れを作ることができます。商品の特徴を強調したり、サービスの詳細を目立たせたり、特定のキャンペーン情報を伝えるのに最適かもしれません。キャンペーンやプロモーションの案内を表面に、詳細なオファー内容を裏面に表示することで、効果的なマーケティングツールとして活用できます。
デザイン面では、表面と裏面の両方で異なるスタイルを設定できるため、デザインの自由度が高いです。背景色、画像、ボーダー、シャドウ、アイコン、テキストの色やフォントなど細かくカスタマイズできます。また、フリップのアニメーションは「Flip」「Fade」「Push」など合計6種類あり、好きなものを選ぶことができます。