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
- 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!