ウィジェットは、フローティングアイコン・キャンペーン情報・各種ボタン・各種メッセージを制御するパーツ群の総称です。フローティングアイコンをクリックすることでウィジェットが開き、実施中のキャンペーン一覧をお客様に表示できます。
ウィジェットが表示されるには、以下の条件をすべて満たすキャンペーンが1件以上必要です。
キャンペーンのステータスが「有効」である
キャンペーン期間中である
表示設定でキャンペーンタイトルが設定されている
各キャンペーンの表示設定で設定できる項目です。
項目 | 説明 |
|---|---|
ウィジェットに表示する | オン／オフを切り替えます。 |
キャンペーンタイトル | ウィジェット内に表示されるキャンペーンのタイトルを入力します。 |
キャンペーン説明 | ウィジェット内に表示されるキャンペーンの説明を入力します。 |
コピーボタン（ディスカウント・手動適用のみ） | ディスカウントコードをコピーするボタンのラベルを入力します。 |
ギフト追加ボタン（ギフトのみ） | ギフトをカートに追加するボタンのラベルを入力します。 |
表示位置 | 複数のキャンペーンがある場合の表示順を数値で指定します。数値が小さい順に表示されます。 |
ウィジェット全体のデザインはテーマエディタからカスタマイズできます。
手順
Shopify管理画面の「オンラインストア」→「テーマ」を開く
「カスタマイズ」をクリック
テーマエディタの埋め込みアプリアイコンをクリック
「RuffRuff 購入特典」を展開して設定を変更
「保存する」をクリック
テーマエディタで設定できる項目
カテゴリ | 設定項目 |
|---|---|
フローティングボタン | 表示・非表示、表示位置（左下／右下）、アイコン画像、バッジカラー |
ウィジェット全体 | 背景色、メインテキスト色、サブテキスト色 |
ウィジェットヘッダー | ヘッダータイトル、ヘッダーサブタイトル |
ウィジェットアイテム | 背景色、ギフト追加済み背景色、ボタン背景色、ボタンテキスト色、ボタンボーダー色 |
ポップアップ | 背景色、テキスト色、角丸 |
トースト通知 | 背景色、テキスト色 |
状況 | 挙動 |
|---|---|
ギフト配布条件を達成 | フローティングボタンにバッジが表示される |
ギフトをカートに追加 | トーストやポップアップの通知が表示され、そのキャンペーンのバッジカウントが減る |
カート内ギフトが条件を満たさなくなった | ギフトがカートから自動削除される |
翻訳対象 | 方法 |
|---|---|
ウィジェットの文言（ヘッダー・ボタンなど） | Shopifyの「Translate & Adapt」アプリを使用して翻訳できます。 |
キャンペーンのタイトル・説明 | アプリ内の表示設定で言語セレクタから翻訳したい言語を選択して入力します。 |
フローティングアイコンを非表示にする：テーマエディタの「フローティングボタン > 表示」で「非表示」を選択してください。
特定のキャンペーンをウィジェットから非表示にする：キャンペーンの表示設定で「ウィジェットに表示する」をオフにするか、キャンペーンのステータスを無効にするか、有効期間を変更してください。
ウィジェットへの表示にはタイトルが必須：キャンペーンタイトルが未設定の場合、そのキャンペーンはウィジェットに表示されません。