Checkout Blocks Install Guide

Category 1: Cross Sell Collections

The Cross-Sell Collection feature enables merchants to display additional product recommendations on the checkout page, allowing customers to add items without leaving the checkout flow.

Blocks in This Category

1. Cross-Sell Collection (Multiple Products)

• Displays multiple cross-sell products from a selected collection.
• Merchants can set a title and description.
• A slider can be enabled/disabled for better visibility.

Available On: Information, Shipping, Payment

2. Cross-Sell Collection (Single Product):

• Displays a single cross-sell product from a chosen collection.
• Merchants can set a title and description.
• Helps increase AOV by promoting relevant items.

Category 2: Style

The Style category allows merchants to personalize the checkout page to match their brand’s look and feel.

Blocks in This Category

1. Checkout Process

• Displays the current step of the checkout process.
• Helps customers understand their progress.

Category 3: Content

The Content category enhances checkout by allowing merchants to add custom text fields, messages, images, and validation rules.

Blocks in This Category

1. Single Custom Field (Decimal Validation)

• Allows users to enter a decimal value.
• Displays an error message if the input is incorrect.

2. Single Custom Field (Pickup Days Dropdown)

• Provides a dropdown menu for customers to select pickup days.

3. Multiple Review Slider

• Displays multiple product reviews in a slider format to enhance credibility.

4. Customer Single Review

• Displays a single review to showcase customer feedback.

5. Payment Icons

• Displays images of accepted payment gateways for customer transparency.

6. Country Validation

• Merchants can add country codes (e.g., IN, GB).
• If the customer selects an unsupported country, a validation message appears.

7. Customer Survey Feedback

• Adds a survey form to collect customer feedback.

8. Gift Product

• Displays gift products when cart value meets a minimum amount.

9. Image-section

• Allows merchants to add an image to checkout.

10. Banner Image Slider

• Displays multiple banner images in a slider format at checkout.

11. Single Banner Image

• Display a single banner image at checkout

12. Age Verification

• Requires age verification before completing checkout.

13. Terms & Conditions

• Displays terms & conditions that must be accepted before checkout.

14. Pickup Delivery Days

• Allows customers to choose pickup delivery days from a dropdown menu.
• Displays only the title and description on the checkout page.

15. Custom Pickup Day

• Provides an option to select custom pickup days from a dropdown menu.
• Applies automatically without backend configuration.

16. Need Assistance Form

• Displays email, mobile, and WhatsApp options for customer assistance.

17. Pickup Date

• Displays a pickup date selector including year, month, day, and time.

18. Packing Option

• Showcases available packaging options for products.

19. Static Content

• Allows merchants to display banners with titles and descriptions at checkout.

20. Enter Birth Date

• Provides a field for customers to enter their birth date (year, month, day).

21. Benefits

• Allows merchants to highlight benefits at checkout (e.g., free shipping, special offers).

22. Gift Wrap Message

• Provides a gift wrap message field for customers at checkout.

Category 4:Upsell

The Upsell feature helps merchants increase revenue by showcasing higher-value or related products at checkout

Blocks in This Category

1. Upsell Collection with Id

• Displays a single upsell product to encourage additional purchases.

2. Upsell Collection with Handle

• Displays upsell products in a slider based on cart contents.

3. Single Upsell Product

• Displays a single upsell product to encourage additional purchases.

4. Single Upsell Static Product

• Showcases a single upsell product at checkout.
• Works well for featured or fixed upsell items.

5. Multiple Product Upsell

• Displays multiple upsell products using a slider.

6. Best Selling Products

• Displays the store’s best-selling products at checkout.

7. Automate Related Products

• Automatically recommends related products based on cart items.

8. Free Shipping Validation

• Displays a progress indicator showing the minimum amount required for free shipping.
• Encourages customers to increase their cart total to unlock free shipping.

9. Subscription Product

• Displays subscription-based products at checkout.
• Useful for stores that offer recurring purchases (e.g., monthly boxes, digital subscriptions).

10. Related Products (Specific Collection)

• Requires two collection handles:
  • Compare Collection
  • Upsell Collection
• If a cart product belongs to the Compare Collection, the Upsell Collection is displayed.

How to Add a Block to Checkout

Go to Shopify Admin → Navigate to Settings → Search for the Checkout option → Select Customize → You will be redirected to a new page → On the extreme left, find Apps

Troubleshooting & Support