Dynamic Pricing for One-Time Purchase vs. Subscription in WooCommerce

Hello! Looking for some help, when you have a bottom sticky bar with the purchase price and buy button, how do you link the price to dynamically change depending on if they have selected one time purchase or subscription with the recharge plugin?

23 comments

Replo Support
APP
·
·
Hi there, Ahmed here from Replo team.In the sticky bar make sure you're using the product component to access the dynamic data of the product like the price, and move everything inside it like the add to cart and the price and the selling plan component in you're using it. then set the price to dynamic data > selected variant > and choose the price (display price for example). in the add to cart interaction make sure that the selling plan is set to dynamic data > selected selling plan: https://share.cleanshot.com/fbvLwvYZyou can check this docs for more details on dynamic data: https://support.replo.app/articles/1713115597-dynamic-dataand this docs for the product component: https://support.replo.app/articles/1719597879-shopify-product-componentsand this docs for the subscriptions selling plans component: https://support.replo.app/articles/1716416054-subscriptions-and-selling-plans
Alex Pollard
·
·
Hey Ahmed, thanks for getting back to me and sharing that info. When I go through these steps there only seems to be the name from the selected selling plan available not the cost. Please can you advise?
Replo Support
APP
·
·
you need to choose the "selected variant" instead of the "selected selling plan" and you will find the price there.
Alex Pollard
·
·
Okay it then allows me to select a bunch of options but none seem to be what I'm looking for. What would the option be titled that would change dynamically depending on which plan is selected? If that makes sense?
Alex Pollard
·
·
The result I'm looking to achieve is that when a user selects either subscribe or one off payment that price would then dynamically change. How is this function linked to recharge?
Replo Support
APP
·
·
please watch this loom video: https://www.loom.com/share/3c7d030cd7954d5dbdb768c18bd27790
Alex Pollard
·
·
Thank you for recording and sharing that Ahmed is it possible to show me an example with the recharge subscription plug in. I might not be understanding correctly but it seems to be a slightly different set up
Replo Support
APP
·
·
Could you please contact us via live chat so I can take a look at the page?
Alex Pollard
·
·
No trouble, I'm just in a meeting and then will reach out 🙏
💯1
Replo Support
APP
·
·
Hello
Replo Support
APP
·
·
Hey AlexI noticed that you're using the recharge component instead of the selling plan component. I have recorded this loom: https://www.loom.com/share/c51521a9e8df4d92b9d91d81ef390f94
Replo Support
APP
·
·
Sorry for the delay I didn't receive any notification you'd responded. Yes that's correct, though
Replo Support
APP
·
·
No worries, You can follow the Loom video above. So instead of using the recharge component, use the Selling plan component and you can design it to your liking and it will work with the dynamic price so when you change the selling plan it will update the price.you can refer to this guide for more details: https://support.replo.app/articles/1716416054-subscriptions-and-selling-plans
Adebayo Aladetimi
·
·
Hey Alex Pollard if you mean that the price on the bottom sticky bar should change based on the option selected in your buy box, then you might have to use a product component as your main container for the whole page. That way, it’s all connected
Replo Support
APP
·
·
Thank you for sharing the link however please can you share one that is connected to copy outside of the tabs block and when a plan is selected changes prices in all the locations it appears on the page? or is this not the case and we need to look for another platform
Replo Support
APP
·
·
Got it, you will need to use custom states to achieve this, Let me record a quick loom for you!
Replo Support
APP
·
·
here you go: https://www.loom.com/share/2557fbde0f794dda9b9849dbf6f23e2b?sid=6a5e70ce-12d0-4ff5-811a-12c58c9ff4e7
Replo Support
APP
·
·
Hi Ahmed, that's perfect thank you! I'll look to implement that today. I really appreciate your help with this!
Replo Support
APP
·
·
You're welcome. Feel free to reach out here or via the live chat if you have any questions or need further assistance!
Replo Support
APP
·
·
Is there a way to add a white background to the sticky banner and bring it to the front so it overlays the content making it more legible as you scroll down the page?
Replo Support
APP
·
·
yes, select the sticky container > design > scroll down to Background > and set the background color
Replo Support
APP
·
·
Hi Ahmed sorry for the delay in getting back to you. That's worked now the page has been refreshed thanks again for the help
Replo Support
APP
·
·
No worries. Feel free to reach out if you have any questions or need further assistance!