Hi Indie Hackers,
One of the challenges of Webflow is the lack of user accounts, which makes it difficult to securely authenticate users to manage their accounts without redirecting them outside your website. Enter the embeddable, email authenticated Stripe Customer Portal by Billflow: a no-code, passwordless way to let customers subscribe, upgrade, and manage their subscriptions.
First, you'll want to connect your Billflow account to Stripe. If you're planning on allowing customers to change their plan, you'll then need to add a product for each tier that's offered in Stripe. Label each product with a sb_service and sb_tier metadata tag with "sb_service" being the same for all products and "sb_tier" representing the respective tier name for each product.
In Billflow, create a new "Customer Portal" billing page, name it, and configure it to match all the actions you want your customers to be able to perform from their account, i.e: change their plan.
In the "Authentication Settings" section, toggle the option to "enable email authentication" and proceed to add your company name and a link to a hosted version of your company logo. The easiest way to do this is to upload your logo to Webflow and grab the hosted link for it from there. These are both things your customers will be able to see in the email they receive with their magic link. Be sure to also add the redirect link where your customer portal is embedded.
Copy the embed code and paste it into an HTML block in the designated Webflow page. Publish, and you're set to go! Watch full tutorial here
Once the customer portal is up and running, your customers will be able to navigate to the page that you've embedded the script in, where they will be presented with an email form. The user enters their email address, receives a link to access their subscription billing info, and gets redirected to the same page that they were just on in your Webflow site.
All in all, this process takes less than 10 minutes and provides a secure and passwordless solution for you and your customers to gain a little more autonomy.
After speaking to well over 50 Webflow experts about this subject, I'm optimistic that the release of this feature is going to open new doors for many creatives. I want to hear from you though:
Happy flowing ~~~