Skip to main content

Add Custom Block to Checkout Page

Steps 1 & 2: Copy the Block ID and Go to “Settings”.

Copy the Block ID that is displayed after saving. Then on the left corner click on “Settings”.

Screenshot 2024-01-27 at 4.png

Step 3 & 4: Select “Checkout” and Click on “Customize” Button

From settings select Checkout and then in Checkout click on the “Customize” button.

Screenshot 2024-01-27 at 4 (1).png

Step 5: Click on the “Add app block” button.

Now you are in the checkout profile click on the “Add app block” button in the left bottom corner.

Screenshot 2024-01-27 at 4 (2).png

Step 6: Select the “Custom Block”.

Select the “Custom Block” from the displayed blocks.

Screenshot 2024-01-27 at 4 (3).png

Step 7 & 8: Paste the Block ID and Save

As the last step paste the copied Block ID and Save the changes.

Screenshot 2024-01-27 at 4 (4).png

Now the block is live you can see

Screenshot 2024-01-27 at 4 (6).png