There’s 2 main steps to use the app:

  1. Creating a block
  2. Adding the block to checkout

Please note that only block-based customizations need to be added to the Checkout Editor. Function-based customizations are added/removed instantly.

Creating a (block) customization

  1. Click "Create a customization"

https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-03-14/8135b887-8453-46c2-9401-efde04bdab7b/ascreenshot.jpeg?tl_px=7,0&br_px=2300,1281&force_format=png&width=1120.0&wat=1&wat_opacity=1&wat_gravity=northwest&wat_url=https://colony-recorder.s3.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=524,211

  1. Click "Select" on the block you wish to create

https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-03-14/d8be893d-9bbe-4be7-8d28-0a4441b95e0a/user_cropped_screenshot.jpeg?tl_px=0,0&br_px=3104,1776&force_format=png&width=1120.0&wat=1&wat_opacity=1&wat_gravity=northwest&wat_url=https://colony-recorder.s3.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=375,367

  1. Fill in the settings and click "Save block" when finished

https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-03-14/e5d75b8f-570a-426d-83ff-2a0f8a67c876/user_cropped_screenshot.jpeg?tl_px=0,0&br_px=3104,1776&force_format=png&width=1120.0&wat=1&wat_opacity=1&wat_gravity=northwest&wat_url=https://colony-recorder.s3.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=1022,54

  1. Keep in mind the block "ID" for reference

https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-03-14/03f5cd97-9d93-4d8c-ac23-032b61fce770/user_cropped_screenshot.jpeg?tl_px=0,0&br_px=1284,388&force_format=png&width=1120.0

Adding the block to checkout

  1. Click "Settings" to access your admin settings

https://ajeuwbhvhr.cloudimg.io/colony-recorder.s3.amazonaws.com/files/2024-03-14/63fa1461-3610-43d8-960f-88c54d40c6ad/ascreenshot.jpeg?tl_px=0,814&br_px=1719,1776&force_format=png&width=1120.0&wat=1&wat_opacity=1&wat_gravity=northwest&wat_url=https://colony-recorder.s3.amazonaws.com/images/watermarks/FB923C_standard.png&wat_pad=99,399

  1. Click "Checkout"