ウィジェットにルーレットを追加する

ルーレット要素を使用すると、訪問者はルーレットを回転させ、設定したスライスのいずれかに止まらせることができます。

​

ルーレット要素を追加する

1. 左サイドバーで Add element をクリックします。
2. Media セクションを展開します。
3. Wheel of Fortune をクリックして、ウィジェットに追加します。

ルーレットを追加すると、左側に設定パネルが表示されます。 必要に応じて、位置(x と y の座標)、幅(W)、高さ(H)を調整します。

​

デバイスを同期する

異なるデバイスで一貫した動作を保つために、Devices synchronization オプションを設定します。

​

ルーレット設定をカスタマイズする

Wheel Settings で、ルーレットのスライス数を設定します。 新しいスライスを追加するには、Add new slice をクリックします。 訪問者が複数回プレイできるようにするには、Wheel Settings の Allow users to play again をオンにします。

​

スライスをカスタマイズする

スライスをクリックして内容を編集します。コンテンツタイプを Text に設定し、各スライスに任意のテキストを入力します。必要に応じて、背景色やその他のスタイル設定を調整します。

​

ルーレットの当選確率とアニメーションを設定する

Wheel Chances で、各スライスの選択確率を設定します。 Spin Wheel Animation でスピンアニメーションの設定を行い、ルーレットの回転と停止の動きをカスタマイズします。

​

プレイボタンと矢印を設定する

Wheel button をクリックして、「プレイ」ボタンをカスタマイズします。 任意のテキストを入力できます。背景色も編集できます。 コンテンツリストから Wheel Arrow を選択して、矢印ボタンをカスタマイズします。

​

要素の状態を編集する

States タブを選択すると、ルーレットの状態(Hover、Active、Disabled)のスタイルを編集できる追加のプロパティが表示されます。

​

最終調整とプレビュー

すべての設定と調整を確認します。 Previewでウィジェットを確認し、ルーレットが意図どおりに機能することを確かめます。

​

保存して有効化する

Save をクリックして、ウィジェットを保存します。 ウィジェットを Activate すると、キャンペーンでルーレットを使用できるようになります。