Multi-Step Custom Order Form

Shopify Apps
,

Topic summary

A user seeks to implement a multi-step custom order form for personalized children’s songs, similar to a referenced example site. The desired workflow includes:

Step 1: Customer enters child’s name and age
Step 2: Selection from three melodies with audio preview capability
Step 3: Choice between stuffed toy delivery (higher price) or digital download

The process should conclude with direct checkout integration that captures all customizations.

Proposed Solutions:
One respondent outlined two technical approaches:

  • Option A: Store customization data as line items, handle pricing via configurable products or Discount APIs (noting API limitations in private apps)
  • Option B: Use webhook-based implementation to avoid displaying inputs on cart page

Both solutions could utilize either public or custom private apps.

Current Status: The discussion remains open with no definitive app recommendation provided. Another user confirmed experiencing the same need, suggesting custom development may be necessary based on available options.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

I’m looking to add a feature to my Shopify store where customers can order a personalized song for children. Here’s how I envision the process: something similar to this: https://orders.mamasingmysong.com/startmysong/

  1. First Page: Customers should be able to enter the child’s name and age by filling out two text fields. After that, they would click a ‘Next’ button.

  2. Second Page: Here, customers choose from three different melodies and they can listen to the melodies before choosing. This could be through radio buttons followed by another ‘Next’ button.

  3. Third Page: On this page, they decide if they want the song delivered with a stuffed toy (at a higher price) or as a digital download. Again, this can be selected via radio buttons or dropdown, clearly showing the price difference.

When they’re done selecting, they would hit a ‘Order Now’ button which should take them directly to the checkout with all their customizations.

Any recommendations on apps or methods to achieve this?

Im kind of desperate on finding a solution. Thank you!

2

Hello,
This can be implemented using either a public app or a custom private app.

Approach 1:- Store the required data as a line item for each product and display it on the cart page.

  • To handle price differences, you can either:
    • Create configurable products, or
    • Use Discount APIs (Note: Discount API is not supported in private apps).

Approach 2:- If you prefer not to display inputs on the cart page, avoid using line items.

  • Instead, implement a webhook-based approach to manage the restriction.
3

Looking for the same. I think having it custom built might be the only option from what I’ve found.