Install the extension blocks

COD Verifier includes Shopify UI extension blocks that let customers complete OTP verification after checkout.

Available blocks

COD Verifier currently ships these blocks:

• cod-verifier-thank-you: a Checkout UI extension for the Thank you page.
• cod-verifier-order-status: a Customer Account UI extension for the Order status page.

Install both blocks when possible. The Thank you block lets customers verify immediately after placing an order. The Order status block gives them a place to return if they close the checkout page, need to resend a code, or need to update the phone number.

Add the Thank you page block

1. In Shopify admin, go to Settings.
2. Open Checkout.
3. Click Customize on the checkout profile used by your store.
4. Navigate to the Thank you page.
5. Add an app block and choose cod-verifier-thank-you.
6. Save the checkout customization.

Place the block somewhere customers can see it immediately after placing a COD order. For most stores, that means near the top of the Thank you page.

Add the Order status block

1. In Shopify admin, go to Settings.
2. Open the customer account or checkout customization area for order status.
3. Navigate to the Order status page.
4. Add the cod-verifier-order-status app block.
5. Save the customization.

The Order status block loads the order verification state and lets the customer send, resend, and verify the OTP where supported.

Test the blocks

After installing both blocks:

1. Place a test order using the COD payment method selected in COD Verifier.
2. Confirm the Thank you page shows the verification block.
3. Send an OTP to the customer phone number.
4. Enter the code and confirm the order becomes verified.
5. Open the order status page and confirm it reflects the updated status.

If the block does not appear

Check these first:

• The order used a payment method selected in COD Verifier settings.
• Verification is enabled in COD Verifier.
• The app block was added to the active checkout profile.
• You saved the checkout or customer account customization after adding the block.
• The test order has a usable customer phone number.

If you recently installed or updated the app, reload the checkout editor before adding the block.