Custom Cross-Sells and Upsells with Velo on Wix

Custom Cross-Sells and Upsells on Wix Using Velo

TL;DR:

• Use Velo by Wix to create custom cross-sell and upsell sections that work better than standard apps
• Set up a 'relatedProducts' collection to control which products appear as suggestions
• Display related products dynamically using repeaters on your product pages
• Plan your product relationships carefully – complementary items or logical upgrades work best
• Check Wix Developer Documentation when you get stuck with the technical bits

Cross-sells and upsells can significantly boost your average order value, but Wix's built-in options are pretty basic. With a bit of custom code through Velo, you can create something much more targeted and effective.

Setting Up Your Related Products Collection

Start by creating a new collection called 'relatedProducts' in your Wix database. This becomes your control centre for managing which products appear as suggestions.

Structure your collection with these fields:

• Main product ID (reference to your main products collection)
• Related product ID (reference to the suggested product)
• Relationship type (cross-sell, upsell, or complement)
• Priority (if you want to control the order they appear)

The key here is being strategic about your product relationships. Don't just throw random products together. Think about what customers actually buy together or what represents a logical upgrade path.

Building the Display with Repeaters

Once your data structure is ready, you'll use repeaters to display these products on your product pages. Add a repeater element to your product page template and connect it to your relatedProducts collection.

Here's where the Velo code comes in. You'll need to filter the collection based on the current product being viewed, then populate the repeater with the matching related products.

The repeater should pull in product images, names, prices, and a clear call-to-action button. Keep the design clean and don't overwhelm the main product information.

Making It Work Technically

Your page code needs to:

1. Identify the current product when the page loads
2. Query your relatedProducts collection for matches
3. Populate the repeater with the filtered results
4. Handle click events to add products to the cart

This is where some JavaScript knowledge helps. If you're not comfortable with coding, consider working with a developer for the initial setup.

The Wix Developer Documentation covers the specific API calls you'll need for querying collections and handling ecommerce functions like adding items to the cart.

Optimising Your Product Suggestions

Not all product relationships are created equal. Monitor which suggestions actually convert and adjust your collection accordingly.

Consider these relationship types:

• Complementary products: Items that naturally go together
• Upgrades: Higher-value alternatives to the current product
• Accessories: Add-ons that enhance the main product
• Bundle opportunities: Products often bought together

Test different approaches and track which ones drive the most additional revenue.

FAQs

Can I do this without Velo by Wix?
Yes, there are apps in the Wix App Market for cross-sells and upsells, but they're often limited in customisation and can slow down your site. Custom code gives you much more control.

How technical do I need to be?
You'll need basic JavaScript knowledge to set up the collection queries and repeater population. If you're comfortable with HTML and CSS, you can probably handle it with some research.

Will this affect my site's loading speed?
If done properly, the impact should be minimal. The key is efficient database queries and not loading too many products at once.

Can I track which suggestions are working?
Yes, you can add tracking code to monitor clicks and conversions on your related product suggestions. This data helps you refine your product relationships.

Jargon Buster

Velo by Wix: Wix's development platform that lets you add custom JavaScript code, create databases, and build dynamic functionality into your site.

Repeater: A Wix element that displays multiple items from a database collection in a consistent layout, like a grid of products.

Collection: Wix's term for a database table where you store structured data like product information or custom records.

Cross-sell: Suggesting complementary products to what the customer is already viewing or buying.

Upsell: Encouraging customers to buy a more expensive alternative to their current choice.

Wrap-up

Custom cross-sells and upsells take more effort than installing an app, but the results are usually worth it. You get exactly the functionality you want without the limitations of third-party tools.

The setup requires some technical work upfront, but once it's running, you just need to maintain your product relationships and monitor performance. Most importantly, focus on genuine value for your customers rather than just pushing more products.

Ready to take your Wix skills further? Join Pixelhaze Academy for in-depth tutorials and expert guidance.