Express buy

Express buy lets your customer search on products and add them to their cart on the same page. That means customers can shop products without entering the product list page or the product details page, and instead go straight from searching to checkout.

This express buy page (Figure 1.1) is relatively simple as it only consists of an express buy app.

Figure 1.1 The express buy page

You can follow this guide, should you want to setup your Express buy page manually or check if the existing setup is correctly configured.

First, you’ll need to create an express buy page. You can place the page where you want, we’ll place it in a utilities folder alongside Sign in, User and Cart pages.

  1. Navigate to the destination folder and create a new page
  2. When choose Express buy as the new empty page
  3. Name it “Express buy” and hit OK

Enter the Visual Editor on your newly created page.

  1. Add a 1 column row to the page
  2. Add the Express Buy App to the empty row
  3. Give the column a suiting title and enable the default quantity as zero.
  4. Link the fields with your corresponding pages.

After you’ve linked the fields to the right pages enter the app part of the column. From the ECOMMERCE section choose “Product catalog for viewModel”.

  1. Make a query on your products (Products.query)
  2. We recommend you change the "products per page in the Display section. In this guide we will change it to 500
  3. In the Templates section select the “ExpressBuySearchResponse.cshtml” file in the List field. For the other three fields choose “Nothing selected”
  4. Click OK

When that is done, your express buy page is ready for the customers to use.