Dynamically Add Content to Product Page with Shopify App

Hi there! I’m a React/Node developer and wanted to get started on creating some Shopify apps.

My question is about adding dynamic content to a product page using an app. So a simple example would be an app that allows the merchant to configure a message + some UI elements below the add to cart button. To continue the example, the user could:

  1. Create a custom message

  2. Select a background color

  3. Select a border color

The app itself would have 3 fields to configure the items above, then another field to toggle it on or off. So my question is pretty broad: how would I go about creating something like this? I’m most curious how to pass the data from the app (i.e., custom message, background color, border color) to the Shopify theme without the user having to update the liquid file themselves.

I really appreciate the help!

2 Likes

Are you familiar with metafields? It sounds what you’re looking for.

Have you found the solution yet? :grin: