How to Show Dynamic Pricing and Redirect Back to Shopify Checkout

Ask the community
1

Hey everyone,

I’m currently a bit stuck with my project and would love to get some fresh ideas from you!

I have a Shopify store with one customizable product. Customers can fill out a form with their details, and I then create the personalized product for them.
Right now, I’m using an app integration on Shopify (not the most attractive one) that lets users fill out this form. If they select specific options — for example, adding their own logo or choosing express delivery — extra costs are automatically added.

Yesterday, I realized that I could use Softr, since it offers much more visually appealing and conditional forms.
My plan is to have a button on my Shopify product page that says “Customize here”, which redirects users to the Softr page/form. There, they can fill in all the necessary details and submit the form.

Where I’m stuck:

  1. Dynamic pricing – I don’t currently have a way to display the total cost to the user. For example, the base product costs €15, but with extras it could go up to €30. I’d like the user to see the price update live (e.g. if they select “Express Delivery +€5”, the price updates from €15 to €20).

  2. Checkout integration – After filling out the form, there should be a “Checkout” button that redirects the user back to the Shopify checkout page with the correct total price, so they can complete their purchase there.

I’d prefer not to use Stripe or other external payment systems — I’d like all purchases to stay centralized in Shopify.

I haven’t worked with API calls before, but would this be something that could be handled via a webhook or workflow integration?

Does anyone here have ideas on how to make this work?
Thank you :grin:

2

Hey there!

I don’t believe it’s possible out-the-box in Softr’s conditional forms.

However, I guess it could work if you created two pages:

Page 1: This is the form where the customer can customise and select features. At submission, instead of “Order now”, it could say “See your uniwue pricing” or “Review your order and price”. When submitting, the data is sent to Airtable (for example) where you the total pricing is added to a specific field.

Page: Nice visual design of a quote – this page contains their preferred features and the total pricing, from the formula field in airtable that just calulated their pricing. Basically, this page is a details page of the record that just was created.

I imagine the above could work. Then you’d be able to design a sweet looking quote page too. And page 2 would of course also have an actual buy button!

Alternative: I’ve got an order form where we calculate the total pricing directly in the form, but that specific form is outside of Softr. We built in in tally.so. Simple and good-looking.

Good luck!

P.S. When the user clicks the button in Shopify, I recommend the page opens a modal with iframe instead of redirecting the user away from your webshop. Keep them there! :slight_smile: