On this page

Overview

The main purpose of the Best Value Offer blocks is to show your visitors the cost benefit of purchasing multi-packs compared to just a single unit.

Use this block to compare prices for 1, 2 and 3 units for example. Just follow the steps below to configure a Best Value Offer block.

Adding Products to the Block

As soon as you add a Best Value Offer block to your page, you will be prompted to select products to feature. So the first step is to select your products and click the Save button:

Notes: 

1. The BVO blocks do not pull in your featured product image by default, those will need to be added in manually later. 

2. When you select a product with variants for these blocks, there isn't a way to remove the "dynamic price" above the CTA (Best Value Offer 1) or in the bottom center (Best Value Offer 2) if the Cart or Checkout destination is chosen. That price is dynamic and will update based on the variant selected by the customer.

If you don't want the dynamic price shown, you'll have to:

  • Use a product that doesn't have variants
  • Select only one variant to use for a product that has variants, or 
  • Choose a button destination other than Cart or Checkout.

Add a Featured Image

Follow the steps below to add a featured image for each product.

1. Click on the image element within the column you want to add the image to.
2. Choose the image from your Image Library.
3. Apply any changes you might want such as "Crop & Rotate" and "Border".
4. Click the "Save" button.

Editing Label Text and Border

Follow the steps below to edit the label text and border for each column.

1. Click the blue pencil icon in the top-right corner of the column to open the Best Value Options.
2. Check the box "Show Label with Texts".
3. Set the Font you want used for the labels.
4. Configure the Text and Styles for the "Corner Text" and "Middle Header" text that you want used.
5. Click the "Save" button.

Example: Configuring a Multi-pack Offer

Follow the steps below to configure a multi-pack offer. 

1. Select the same product for each column in the Buy Box.
2. Click the button element to open the button options. In the "Default Product Quantity" setting, set 1, 2 and 3 units for each column respectively. Disable the "Quantity Field" for each column as well. 

3. Set each button destination to "Checkout" instead of "Cart". This way the visitor will be directed to the Checkout page so that the quantity can't be altered as it can on the Cart page. 

4. Edit the pricing elements as needed for each column. 

Note: The Zipify Pages app has no ability to modify your actual product prices. In order for the advertised price to be obtained at checkout, you will either need to price your products accordingly or apply a discount code at checkout

5. Add your custom multi-pack product images as needed. 

Creating a Shareable Discount Link to auto-apply a Discount code at Checkout

To have a discount code auto-applied at checkout, we recommend using a "shareable discount link" that's setup with a redirect to your ZP page.

This would be the format for it:
https://storedomain.com/discount/code?redirect=/pages/page-handle

Where "code" is the Shopify discount code you want applied and "page-handle" is the page handle of your ZP page. You'd drive traffic to this shareable discount link and then the discount you specify will auto-apply once the customer reaches the checkout page. 

Best Value Offer 3:

This block is specifically designed to offer a discount code directly on the page.
With Best Value Offer 3, there is an element to enter a % or $ discount for the product. When entered, the "Exclusive Sale Price" and "You Save" prices will dynamically update based on the discount set by you.

Note: The price that is pulled in and crossed out is the actual price of the product, not the "compare at" price.

Make sure to include the Shopify Discount code you've created in the "*Use code" field so that your customer's can use it to obtain the advertised price at checkout.

Did this answer your question?