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.
Open GemPages and navigate to the page where you want to add the COD button.
Locate the section where the button should appear.
Add a Liquid block at the chosen position.
Click on the pencil icon of the newly added Liquid block to open the code editor.
Copy and paste the following code into the Liquid block editor:
Click Save to apply the changes.
Click the Publish button in GemPages to make the updates live.
Open your store’s live page in a browser.
Scroll to the section where you placed the Liquid block.
You should now see the COD button appearing in the correct position.
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.
Step 1: Add a Liquid Block in GemPages
Open GemPages and navigate to the page where you want to add the COD button.
Locate the section where the button should appear.
Add a Liquid block at the chosen position.
Step 2: Open the Liquid Block Editor
Click on the pencil icon of the newly added Liquid block to open the code editor.
Step 3: Insert the Required Code
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>Click Save to apply the changes.
Step 4: Publish the Changes
Click the Publish button in GemPages to make the updates live.
Step 5: Verify the COD Button on Your Live Page
Open your store’s live page in a browser.
Scroll to the section where you placed the Liquid block.
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
Thank you!