Skip to main content
All CollectionsWeb CheckoutManualsCalendarFirst Feature
How to Filter Products for CalendarFirst Checkout
How to Filter Products for CalendarFirst Checkout

Select your calendar-first product list using different parameters.

Lucia Burin Sestakova avatar
Written by Lucia Burin Sestakova
Updated yesterday

The volume and complexity of products can significantly impact checkout performance. You may want to use specific attributes to filter which products appear in the checkout widget.

Alternative Product Filters

To achieve this, include the "products" object in the <script> tag and specify the filter using one of the following attributes:

CategoryID

Filter products by the category instead of using the dashboard settings.

  1. Go to Products > Categories and select the desired category.

  2. Copy the category ID.

    Category ID

  3. Paste the ID in "categoryId" attribute in the "products" object.

    { 
    "apiKey": "<YOUR_API_KEY_TOKEN>",
    "products": {
    "categoryId": "<CATEGORY_ID_1>",
    },
    "features": {
    "calendarFirst": {
    "enabled": true
    }
    }
    }

This allows you to specify a CalendarFirst category or switch between categories as needed.

ProductIds

Filter by specific products.

  1. Go to Products > Products and open the products you want to include in the checkout.

  2. Copy their product IDs.

    Product ID

  3. List these IDs in the "productIds" array in the "products" object.

    { 
    "apiKey": "<YOUR_API_KEY_TOKEN>",
    "products": {
    "productIds": [
    "<PRODUCT_ID_1>",
    "<PRODUCT_ID_2>"
    ]
    }
    "features": {
    "calendarFirst": {
    "enabled": true
    }
    }
    }

DestinationId

Filter products by destination.

  1. Go to Products > Destinations and select the desired destination.

  2. Press the EDIT DETAILS button and copy the destination ID.

    Destination ID

  3. Add the ID to the "destinationId" attribute in the "products" object.

    { 
    "apiKey": "<YOUR_API_KEY_TOKEN>",
    "products": {
    "destinationId": "<DESTINATION_ID_1",
    },
    "features": {
    "calendarFirst": {
    "enabled": true
    }
    }
    }

Featured

Include only products that are listed in a featured category.

πŸ“’ NOTE

Make sure the featured category is assigned to the calendar-first web checkout.

Category with Featured Products

Add the "featured": true attribute in the "products" object.

{ 
"apiKey": "<YOUR_API_KEY_TOKEN>",
"products": {
"featured": "true",
},
"features": {
"calendarFirst": {
"enabled": true
}
}
}

This ensures that only products assigned to categories with the 'Featured' box checked will be listed.

Did this answer your question?