I have a Shopify app hosted on Vercel that functions as a front-end calculator. I want to publish this calculator on a Shopify store using a liquid block extension. I understand Cloudflare tunnels do not work inside liquid blocks, so I am using permanent Vercel hosting instead. However, the liquid block keeps trying to load an outdated cloudflare url for its src (the same one each time).
Here is what I have tried so far:
-
Deployed my app in Vercel
-
Installed the app in my Shopify dev store, where it works fine ( I can view it under Apps)
-
Updated the app’s extension code (liquid block) to my vercel URL that hosts my app:
-
Added the block via Online Store → Customize → Add Section → Apps and selected my app.
Issue:
The liquid block does not render my app. Instead, the block keeps referencing a different iframe URL that I cannot find in my codebase (no Cloudflare tunnel URLs appear anywhere in my codebase).
Is this likely to be a Shopify cache or app deployment issue? I have cleared my cache, un-installed and re-installed the app, redeployed the app on Vercel, tried a different browser ect.
Any guidance from those who have successfully published Vercel-hosted front-end apps in Shopify liquid blocks would be greatly appreciated.