# Dynamic Order Bumps

Order Bumps can provide dynamic offerings based on the products in the cart.  The CheckoutChamp Recommendation Engine determines the product most often purchased with the products in the cart.  That product is then displayed to the consumer in a dynamic order bump element.  The dynamic order bump is populated when the page loads.  Changing products in the cart after page load does not change the recommended product.

#### Recommendation Engine

How the Recommendation Engine works

* Orders from the past 30 days are cataloged to track the products most often purchased with a particular product
* When a checkout page with a dynamic order bump loads, the products in the cart are evaluated against that catalog, finding how often other products are purchased with each product in the cart
* This evaluation results in a ranking of products.  The most purchased product is pushed to the order bump element as the Recommendation.
* If the Recommendation Engine does not return a recommendation then a product not already in the cart and not elsewhere on the page is used.
* Recommendations are viewable in CRM.  Edit any campaign product that has been sold with other products in the past 30 days.  Scroll to the bottom to view.

<figure><img src="/files/c0rk4nNaOsLZBnfVITi2" alt=""><figcaption></figcaption></figure>

There are 2 types of Dynamic Order Bumps

1. **Standard** - the order bump does not change after product is added to the cart
2. **Refresh** - the order bump refreshes with a new recommendation after product is added to the cart

#### Standard Dynamic Order Bump Design

* Drag an Order Bump Variants element to a checkout page.  Only 1 standard dynamic order bump is supported per page.
* Add class **cc-dynamic-order-bump** to the product section
* Inside the product section add name, description, price, and other tokens as desired.  These values will all be set on the live page from the recommended product.
* Style variant selection elements inside the section as needed.  The variant selection elements adjust automatically on the live page to show only the variants that are on the recommended product (including none if the product does not have variants).  If none of your products have variants then the variant elements can be removed from the page in the page builder.
* The Quantity element is optional.  If you do not want shoppers to enter a quantity then remove it.
* Save and publish

<figure><img src="/files/nu8MPUbdzPQ429XVlTCG" alt=""><figcaption></figcaption></figure>

#### Refresh Dynamic Order Bump Design

* Drag one or more Order Bump Variants element to a checkout page.  Multiple refresh dynamic order bumps are supported per page.
* Add class **cc-refresh-order-bump** to the product section
* Inside the product section add name, description, price, and other tokens as desired.  These values will all be set on the live page from the recommended product.
* Style variant selection elements inside the section as needed.  The variant selection elements adjust automatically on the live page to show only the variants that are on the recommended product (including none if the product does not have variants).  If none of your products have variants then the variant elements can be removed from the page in the page builder.
* The Quantity element is optional.  If you do not want shoppers to enter a quantity then remove it.
* Save and publish
* On the live page the first order bump is populated with the highest-ranked recommendation, the second order bump is populated with the next highest-ranked recommendation, and so on.
* When the products in the cart change (an order bump is added, a product is removed from cart, or any other means), all refresh order bumps are refreshed to the recommendations for the new cart.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.checkoutchamp.com/funnel-builder/creating-and-editing-funnels-pages/funnel-visualizer-and-page-builder/page-builder-2.0/page-building-tips/dynamic-order-bumps.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.