How to Add a Custom Button for the COD Form in GemPages

If you're using GemPages to design your Shopify store and want to create a custom button that opens the Cash on Delivery (COD) form, you can do so by adding a button block and applying a specific CSS class. This guide explains the step-by-step process.

Step 1: Add a Button Block in GemPages

Open GemPages and navigate to the page where you want to add the button.
Drag and drop a Generic Button block onto the page.

Step 2: Access the Advanced Settings

Click on the button block you just added.
Open the Advanced section in the settings panel.

Step 3: Add the Required CSS Classes

Scroll down to the CSS Class field.
Enter the following CSS classes:

rsi-cod-form-gempages-button-overwrite rsi-cod-form-is-gempage






These classes link the button to the COD form, ensuring that clicking the button triggers the form to open.

Step 4: Publish the Changes

Click the Publish button in GemPages to apply the updates.

Step 5: Test the Button on the Live Page

Open your store’s live page where the button was added.
Click the button to verify that the COD form opens automatically.

Additional Notes

You can add multiple buttons on a page by repeating these steps.
If the button does not work, ensure the CSS class is entered correctly.
Refresh the page or clear your cache if updates are not visible immediately.

Need Help?

If you have any issues setting up the GemPages custom button, contact support for assistance.

Updated on: 19/03/2025