Product behavior (templates)

Product behavior settings control what happens when customers interact with products inside your recommendation widgets.

These options affect click behavior, add-to-cart behavior, and how product images are displayed.

Setting
What it controls

Redirect to cart

What happens after Add to cart

Open in new tab

How product links open

Image ratio

How product images look


πŸ› οΈ Where is the settings

  1. Open the app > click Settings > General

  2. Find Template section > tick on checkbox of the option you want to enable

  3. Set product Image ratio(optional)

  4. Click Save

πŸ›’ Redirect to the shopping cart after adding a product

What this does When enabled, customers are sent directly to the cart page after clicking Add to cart from a recommendation widget.

When enabled

  • Customer clicks Add to cart

  • They are redirected to the Cart page

When disabled

  • Product is added to cart

  • Customer stays on the current page

Example

  • Enable this if you want customers to checkout faster

  • Disable this if you want customers to continue browsing

Best for:

  • One-page checkout flows

  • Flash sales

  • Simple product catalogs


What this does Controls how product links behave when customers click a recommended product.

When enabled

  • Product opens in a new browser tab

  • Original page stays open

When disabled

  • Product opens in the same tab

Example

  • Enable this to let customers compare products

  • Disable this for a clean, mobile-friendly flow

Best for:

  • Jewelry, fashion, or comparison-heavy stores

  • Desktop-focused experiences


πŸ–Ό Product image ratio

What this does Defines the aspect ratio used for product images inside recommendation widgets.

Format

Example

This creates a portrait-style image, commonly used for fashion and jewelry.

Common ratios

  • 1:1 β†’ Square images

  • 4:5 (400:500) β†’ Fashion / jewelry

  • 16:9 β†’ Wide images (not recommended for products)

Tip: Use the same ratio as your product images to avoid cropping or empty space.


πŸ§ͺ Example

In the example shown:

  • Customer views a product page

  • Related products appear below

  • Clicking Add to cart:

    • Redirects to cart (enabled)

  • Clicking a product image:

    • Opens in a new tab (enabled)

  • Product images:

    • Display consistently using the 400:500 ratio

βœ… Result: A smooth, predictable shopping experience

πŸ™‹ Still need support?

If you still need help, please feel free to contact us at [email protected]. We’ll be happy to assist you further.

Last updated