how to add dynamic Shop Pay button to ecomposer builder

Topic summary

Goal: add a functional, dynamic Shop Pay (accelerated checkout) button to a product page built with the EComposer page builder, matching the theme’s product page behavior.

Current issue: EComposer only allows inserting a static image of the Shop Pay button, which doesn’t trigger dynamic checkout. The merchant asks whether custom code is needed and, if so, what code to use.

Context: A working example exists on the theme product page (link provided) where the dynamic checkout (including Shop Pay) functions correctly, including a specific variant. The EComposer-built page currently shows only an image with no click-through.

Notes:

  • “Dynamic checkout button” = a context-aware, accelerated payment button (e.g., Shop Pay) that immediately initiates checkout for the selected product/variant.
  • EComposer is a third‑party page builder app.
  • Screenshots and the linked product page are central to understanding the expected behavior.

Status: Unresolved/open. The poster requests guidance or a code snippet to embed/enable a true dynamic Shop Pay button within EComposer.

Summarized with AI on December 14. AI used: gpt-5.

Hi Community!

I am building a separate page for a product on ecomposer builder app. However, I want to add in the shop pay button like the rest of my theme product pages have. The only option ecomposer builder has is to insert an image which I have done but it doesn’t click through to a dynamic checkout.

Do I have to insert some code somewhere? and what should the code be.

My theme product product page is https://www.smithandsinclair.com/collections/boozy-brunch-jam/products/boozy-brunch-jam?variant=40460440928359

as you will see in the first picture.

The page I want to add in the dynamic shop pay button (which only has the image no click-through) is the

second image below

I’m so lost :confused: any help or guidance would be appreciated

Thank you

Chloe