# Previewing a Price Test

{% hint style="info" %}
All documentation on price testing can be found on [this page](https://docs.shoplift.ai/test/price-testing). To give us feedback on our documentation, please use [this form](https://form.typeform.com/to/M8H02KI2).
{% endhint %}

Before launching your price test, it's important to verify that prices display and calculate correctly throughout your entire customer journey. Shoplift's preview mode lets you experience your test exactly as visitors will see it to ensure everything works perfectly before going live.

### Understanding preview mode

Preview mode creates a temporary session that mimics the real test experience without affecting your live store data. This allows you to thoroughly validate your test configuration before any real customers see it. 

**With preview mode, you can:**

* See exactly how prices will appear for test visitors
* Verify both Control (A) and Variant (B) experiences
* Test the complete purchase flow without affecting live data
* Check all areas of your site where prices appear

### Starting preview mode

Getting started with preview mode is straightforward:

1. From the test draft page, click the Preview in Browser button (eye icon), located on the right side of every product row
2. This opens a new browser tab with your store in preview mode
3. You'll see a Shoplift overlay toolbar for controlling your preview 
4. You can use the toolbar to switch between Original (A) current prices and Variant (B) test prices

### Comprehensive QA checklist

Thorough quality assurance prevents surprises after launch. Work through each section systematically to ensure complete coverage of your customer's journey. We recommend printing this checklist or copying it to a document where you can track your progress.

{% stepper %}
{% step %}

### Product pages

#### Main product display

* [ ] Base price shows correctly (matches your configured test price)
* [ ] Compare-at price displays with proper strikethrough if configured
* [ ] Price formatting is consistent with your store's style ($99.99 vs $99,99)
* [ ] Currency symbol appears in correct position

#### Variant selection

* [ ] Price updates when selecting different variants
* [ ] Each variant shows its specific test price
* [ ] Out-of-stock variants still display test prices
* [ ] Price transitions smoothly without flashing or delays

#### Mobile responsiveness

Using browser device emulation, verify:

* [ ] Prices display correctly without text overflow
* [ ] No formatting issues on smaller screens
  {% endstep %}

{% step %}

### Collection pages

#### Product grid

* [ ] All test products show updated prices
* [ ] Non-test products maintain original prices

#### Quick actions

Many themes include enhanced shopping features that need attention:

* [ ] Quick view modals show test prices
* [ ] Quick add-to-cart uses test prices
* [ ] Hover states display correctly
* [ ] AJAX-loaded products show correct prices (such as infinite scroll)

#### Filtering and sorting

Test your collection's organization features:

* [ ] Price filters reflect test prices (e.g., $60 product appears in $50-100 filter)
* [ ] Sort by price uses test values for ordering
* [ ] Filtered results maintain correct pricing
* [ ] No products disappear due to price changes
  {% endstep %}

{% step %}

### Search functionality

**Search results page**

Perform searches returning test products and verify:

* [ ] Product listings show test prices
* [ ] Search filters work with new price points
* [ ] Pagination maintains price display
* [ ] Mixed results (test and non-test) display properly

#### Instant search

Test your header search functionality:

* [ ] Dropdown results show test prices immediately
* [ ] Predictive search displays prices correctly
* [ ] Mobile search overlays function properly
* [ ] Search suggestions include accurate test prices
  {% endstep %}

{% step %}

### Shopping cart

**Adding to cart**

Test various add-to-cart methods:

* [ ] Product page add-to-cart uses test price
* [ ] Collection quick-add respects test price
* [ ] Cart notifications show test prices
* [ ] Mini cart/drawer displays test prices immediately

#### Cart page

For your main cart page, ensure:

* [ ] Line items show individual test prices
* [ ] Compare-at prices appear if configured
* [ ] Subtotal calculates using test prices
* [ ] Cart attributes don't affect pricing

#### Cart interactions

Verify all modifications work correctly:

* [ ] Quantity updates recalculate with test prices
* [ ] Removing items updates totals properly
* [ ] Cart saves test prices between sessions
* [ ] Currency display remains consistent
  {% endstep %}

{% step %}

### Checkout process

Complete a full test purchase to ensure everything calculates correctly.

#### Pre-checkout setup

Build a realistic test scenario:

1. Add multiple test products with different prices
2. Include both test and non-test items
3. Apply a discount code if applicable
4. Proceed to checkout

#### Checkout validation

Once in checkout, verify:

* [ ] Order summary shows test prices for all products
* [ ] Individual line items match cart exactly
* [ ] Taxes calculate based on test prices
* [ ] Shipping doesn't affect product prices
* [ ] Discount codes apply to test prices correctly
  {% endstep %}

{% step %}

### Advanced testing scenarios

Some configurations require additional attention beyond standard testing.

#### Multiple variants

For products with complex variant structures:

* Test each variant individually
* Verify price changes cascade through option selections
* Check multi-dimension variants (size + color)
* Ensure no edge cases show original prices

#### Bundle products

If testing bundled items, ensure:

* Each component shows its test price
* Bundle discounts calculate from test prices
* Total bundle price sums correctly

#### Dynamic pricing

For stores with additional pricing logic:

* Volume discounts apply to test prices properly
* Customer-specific pricing doesn't override tests
* Wholesale pricing works as intended
* Member discounts stack correctly
  {% endstep %}
  {% endstepper %}

### Final verification steps

Before marking QA complete, ensure you have thorough documentation and team alignment.

#### Document your testing

Create a comprehensive testing record:

* Screenshot key pages showing correct prices
* Note any unusual behaviors encountered
* List all devices/browsers tested
* Record test order details

#### Team review

Get fresh perspectives:

* Have a colleague verify prices independently
* Test from different geographic locations
* Use various devices and browsers
* Different perspectives reveal overlooked issues

### Ready to launch?

You're ready to launch when:

* All prices display correctly across devices
* Cart and checkout calculate accurately
* No visual issues or errors found
* Edge cases have been tested
* Team review is complete

After thorough QA and preview testing, you're [ready to launch your price test](https://docs.shoplift.ai/test/price-testing/launching-a-price-test).

{% hint style="info" %}
If you need help conducting tests with Shoplift, our [support team](https://docs.shoplift.ai/test/price-testing/broken-reference) is always available to assist. Reach out from within the app using the live chat widget in the bottom right of the screen, or email [help@shoplift.ai ](mailto:help@shoplift.ai)to get in touch.
{% endhint %}