Product Upsells

What is Product Upsells?

Product upselling is a sales technique aimed at persuading a customer to purchase a more expensive version of an item they are interested in, or to add upgrades or premium features to that item. The goal is to increase the value of the sale and generate more revenue.

There are several common types of product upsells that sometime you might see

• Upgrading: This is the most common type of upsell, where a seller encourages the customer to buy a more premium or upgraded version of the product they are considering.

• Bundling: This technique involves grouping several products together and selling them as a package, often at a discounted price compared to buying each item individually.

• Protection Plans and Extended Warranties: Offering customers an extended warranty or a protection plan for their purchase is another form of upselling.

We built this features for you not just trying to sell more; we are helping your customers find products that better suit their needs. When customers are presented with relevant and valuable upsell offers at the right time, it can increase their intent to purchase and boost your store's conversion rates

Click here to see the demo link ->

How To Install Product Upsells?

Step 1: In Shopify Admin, going to Smind Section app and find Product Upsells 1-1 in Product Block tab of Library. Click Install and Customize it.

Step 2: Going to Shopify Editor sidebar, choose any product page template and click Add Section -> Product Upsells 1-1

Step 3: Copy the block ID. For example: smi-block-product-upsells-1

Step 4: On the Product Detail sections, click Add Block and add Smind Block to the section.

Step 5: And insert the block ID of Product Upsells to the Section ID. You can change the block name if you want.

Step 6: Now you have to change the content for this feature

• Block ID: This is a unique identifier for this specific block.

• Content max-width: This setting limits the maximum width of the content inside the block.

Product settings

This area determines which products are displayed as upsells and how they appear.

• Products: This allows you to manually Select specific products that you want to offer as upsells.

• Enable dynamic product recommendations: When this option is off, you must manually select products. If turned on, it would automatically show related products using Shopify's "Search & Discovery" app.

• Free text price: This lets you display custom text instead of the price after an offer is applied.

• Image width: This controls the width of the product images

• Media ratio: This sets the aspect ratio for the product images.

• Use image corner radius from theme settings: This is enabled, so the product images will have the same rounded corners as defined in your global theme settings, ensuring a consistent look.

Heading

These options control the title of the product upsell section.

• Heading: This is the text for the section's title.

• Heading size: This controls the font size of the heading.

• Heading alignment: This aligns the heading text within the block.

Container

These settings customize the appearance of the container holding the upsell products.

• Grid view: This is enabled, which arranges the products in a grid format

• Number of columns on desktop: This sets the number of columns in the grid for desktop screens.

• Number of columns on mobile: This sets the number of columns for mobile devices.

• Thickness: This adjusts the border thickness of the container.

• Thickness opacity: This controls the transparency of the border.

• Corner radius: This rounds the corners of the container.

• Content padding: This is the space between the container's border and the content inside.

• Item gap on desktop: This sets the space between each product in the grid on desktop views.

• Item gap on mobile: This sets the space between products on mobile views.

• Shadow: This adds a shadow effect to the container.

• Shadow opacity: If a shadow were enabled, this would control its transparency.

Slider

• Auto rotate slides: If turned on, but would make the slides change automatically.

• Change slides every: This would set the time between slide changes to 5 seconds.

• Pagination: This would set the style for the slider's navigation dots or lines.

Checkbox

This section controls the interactive elements for selecting the upsell products.

• Enable clickable items: When on, customers can click anywhere on the product item to select it without redirecting to its product page.

• Checkbox style: This sets the visual style of the checkbox.

• Checkbox position: This places the checkbox to the Left/Right of the product item on the list view.

• Use a quick Add to Cart button for the product: This is enabled, adding an individual "Add to Cart" button for each upsell product.

Button

This section customizes the main call-to-action button for the upsell offer.

• Button label: This sets the text on the button to "Add Cart".

• Button animation: This determines if the button has a visual effect on interaction.

• Color Scheme: This applies a pre-designed set of colors from your theme to the button.

• Custom color: This toggle is off. If enabled, it would allow you to manually select a different color for the button, overriding the theme's scheme.

Block spacing

These settings control the space around the entire product upsell section.

• Top margin: This adds a certain of pixel of empty space above the block, separating it from the content above.

• Bottom margin:This adds a certain of pixel of empty space below the block, separating it from the content below.