インタラクション機能のご紹介

インタラクションとは何ですか?

相互作用 要素にマウスを合わせる、ボタンをクリックする、ページが読み込まれるなど、ユーザーがライブページで実行するアクションを指し、これによって別の要素の変更がトリガーされます。

Interactions を使用すると、サイト訪問者の行動に応じて動的かつパーソナライズされたエクスペリエンスを構築できます。

👉 詳しくはこちらをご覧ください ブログ投稿.

インタラクションの使い方：主な使用例

1. 商品の数量に応じた動的な表示

• いつ、どのように使用するか: 顧客が特定の数量を選択すると、「送料無料になりました！」などのメッセージが表示されます。
• CROのメリット: 特典のロックを解除することで顧客のさらなる購入を促し、平均注文額の向上に効果的です。
• 実際に試してみましょう: [デモリンク]

2. バリアントの選択に基づいてカスタムコンテンツを表示する

• いつ、どのように使用するか: バリエーションが選択されると、サイズの在庫状況やまとめ買い割引などの固有の情報が表示されます。
• CROのメリット: パーソナライズされたコンテンツを提供し、エンゲージメントを向上させ、コンバージョン率を向上させます。
• 実際に試してみましょう: [デモリンク]

3. モバイルでのカスタムカルーセルナビゲーション

• いつ、どのように使用するか: モバイル カルーセルにカスタム ナビゲーション ボタンを追加して、ユーザーがより正確に制御できるようにします。
• CROのメリット: 誤ってスワイプすることが減り、使いやすさが向上し、ユーザーの閲覧時間が長くなります。
• 実際に試してみましょう: [デモリンク]

4. アップセルポップアップ

• いつ、どのように使用するか: 商品がカートに追加された直後にアップセルポップアップをトリガーします。
• CROのメリット: 関連性のある製品の提案を通じて収益を高め、アップセル ファンネルを完了します。

5. カウントダウントリガーで緊急感を演出する

• いつ、どのように使用するか: カウントダウン タイマーが 1 分になると、顧客に迅速な行動を促す直前メッセージを表示します。
• CROのメリット: 緊急性を植え付け、より迅速な購入決定を促進します。
• 実際に試してみましょう: [デモリンク]

6. インタラクティブな証言ギャラリー

• いつ、どのように使用するか: 実際の製品結果を紹介するには、前後の画像スライダーまたはホバーギャラリーを使用します。
• CROのメリット: 信頼を構築し、価値を明確かつ視覚的に強調します。

7. エンゲージメントに基づいたさりげないCTAの表示

• いつ、どのように使用するか: ユーザーが商品の画像またはリストにエンゲージした後にのみ、商品の価格、レビュー、または CTA を表示します。
• CROのメリット: インターフェースをすっきりと保ち、ユーザーが購入する準備ができたときにのみ注目を集めます。

8. タブヘッダーとしてのカスタムボタン

• いつ、どのように使用するか: コンテンツの表示を制御するには、デフォルトのタブ ヘッダーをカスタム ボタンまたは画像に置き換えます。
• CROのメリット: デザインの柔軟性が向上し、インタラクションも向上します。