Skip to main content

Cross-selling

The Cross-selling popup is an essential tool for increasing your Average Order Value (AOV). This window appears immediately after a customer adds a product to their cart. It not only confirms the action but also encourages the customer to view relevant, matching products.

General Settings​

  • Color scheme: Determine the colors of the modal. Preferably use a scheme that projects a clean look, but ensures the action buttons stand out effectively.
  • Custom Class: For specific CSS adjustments by developers.

Confirmation & Product Details​

At the top of the modal, the customer sees a clear confirmation:

  • Status: An "Added to cart" notification with a checkmark.
  • Product Overview: The image, title, and price of the item just added are displayed.
  • Direct Link: A button to go directly to the cart page to complete the purchase.

Recommendations (Slider)​

Below the confirmation, the section automatically displays relevant products (based on Shopify's recommendation algorithm). You can fully fine-tune the display of these products:

  • Title & Formatting: Set an inviting heading (e.g., "Complete your order"). You can adjust the visual size and font weight of this title.
  • Slides per view: Determine how many recommendations are visible at once on Desktop, Tablet, and Mobile.
    • Tip: On mobile, use the '1.5' setting to indicate that the customer can swipe right for more suggestions.
  • Slider Navigation: Enable pagination dots for better navigation through the recommendations.
  • Playful Staggering (Alternate offset): Check this to place the product cards alternately slightly higher or lower for a dynamic effect within the modal.

Note: In the editor's 'Design Mode', sample products are shown so you can evaluate the layout immediately. In the live shop, the actual relevant products will be loaded here.