How to Add a Liquid Block for the COD Button in GemPages

If you are using GemPages to design your Shopify store and want to add a Cash on Delivery (COD) button, you need to insert a Liquid block at the desired location. This guide explains how to do this step by step.

Step 1: Add a Liquid Block in GemPages

1. Open GemPages and navigate to the page where you want to add the COD button.
2. Locate the section where the button should appear.
3. Add a **Liquid block **at the chosen position.

Step 2: Open the Liquid Block Editor

1. Click on the pencil icon of the newly added Liquid block to open the code editor.

Step 3: Insert the Required Code

1. Copy and paste the following code into the Liquid block editor:

{{ product | json }}</script>
<div class="_rsi-cod-form-is-gempage"></div>
<div class="_rsi-cod-form-gempages-button-hook"></div>
<div id="_rsi-cod-form-embed-custom-hook"></div> 

2. Click Save to apply the changes.

Step 4: Publish the Changes

1. Click the Publish button in GemPages to make the updates live.

Step 5: Verify the COD Button on Your Live Page

1. Open your store’s live page in a browser.
2. Scroll to the section where you placed the Liquid block.
3. You should now see the COD button appearing in the correct position.

Final Result:

Need Assistance?

If the button does not appear correctly, double-check that the Liquid block was placed in the right section and that the code was copied without errors. If you need further help, contact support.

Updated on: 19/03/2025