Dynamically Add Content to Product Page with Shopify App

am12
Shopify Partner
1 0 2

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!

Replies 2 (2)

JoeyF
Shopify Staff (Retired)
35 7 12

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

To learn more visit the Shopify Help Center or the Community Blog.

sr90
Shopify Partner
2 0 0

Have you found the solution yet? 😁