Motion in Product
Motion in Product
  • Видео 20
  • Просмотров 101 199
The Stickersheet Approach to reuse components in Bubble
The Stickersheet Approach is where you use a separate page in your Bubble application to have elements and components that you plan to reuse often so that you can copy the elements easily.
This is my workaround to ensure that I have a label with a text input in Bubble.
I demonstrate a simple form and a Material Design inspired input.
No plugins were used for this demo.
00:00 The stickersheet approach helps you copy elements easier
00:21 The pain point of not having labels with text inputs
01:25 How to build a stickersheet in your Bubble application
03:15 Stickersheets work with elements with workflows attached to them
05:25 Why resuable elements don't work for text inputs
07:06 Subscribe to the ch...
Просмотров: 260

Видео

How to use a Stripe webhook for Checkout Sessions | Bubble.io
Просмотров 4,3 тыс.2 года назад
Using a webhook is the right way to ensure that Stripe has processed a checkout successfully or not. New to Stripe? Watch this video on how I use Stripe with the API Connector because I build on top of that example: ruclips.net/video/XufSW-03uJ0/видео.html You will be setting up a backend workflow API endpoint and then when Stripe processes the checkout session it will send the response to you....
How to add custom CSS styling to your Bubble application
Просмотров 3,5 тыс.2 года назад
This video shows you how to add custom CSS styling to your Bubble application to create more engaging designs. Learn how to use dropcaps for text, image backgrounds, and gradient backgrounds for text styling. This technique was inspired by a newsletter article from Damian Janzi (@DamianJanzi) newsletter.bubblehacks.io/issues/adding-animated-gradient-buttons-to-your-bubble-app-982733 Demo: motio...
How to refresh an API call in Bubble.io (follow up)
Просмотров 1,5 тыс.2 года назад
This is a follow up video to viewers questions about "do every" workflows that don't seem to do anything. What is happening and how to fix it. Original: ruclips.net/video/WnxgUvpq7aI/видео.html Crypto prices example video: ruclips.net/video/_hk8HTTQPCE/видео.html
Animated loading page in Bubble.io | 3 min tutorial
Просмотров 12 тыс.2 года назад
Using the 1T Page Loader Plugin you can add slick Lottie animations to your Bubble application when loading pages. Demo: motioninproduct-loop.bubbleapps.io/version-test Plugin: bubble.io/plugin/1t page-loader-1642953680866x585377915637071900 Lottie animation: lottiefiles.com/40066-girl-yoga 00:00 Replace Bubble.io default loader with a Lottie animation 00:39 1T Page Loader plugin can load Lotti...
How to use destination and direct charges with Stripe Connect in Bubble.io
Просмотров 11 тыс.2 года назад
Ever wonder how destination and direct charges work with Stripe Connect? This video walks through how to setup an end to end flow using Bubble.io. Will highlight Express Account setup to Stripe API configuration for destination and direct charges. To learn how to use Stripe webhooks to check checkout status: ruclips.net/video/W0Dmom2_tQo/видео.html Bubble.io editor: bubble.io/page?type=page&nam...
How to make a Crypto Tracker in Google Sheets (for free)
Просмотров 2,6 тыс.2 года назад
This is an approach to build a free crypto portfolio tracker using Coingecko's API you can look up price information for a list of collection of crypto coins/tokens and display them in Google Sheets. Based on Coingecko's guide: blog.coingecko.com/import-coingecko-cryptocurrency-data-into-google-sheets/ Google sheet demo: docs.google.com/spreadsheets/d/1Tf5PQeZqtGzVSc_MC5dH0HkYJezApm1mwQop3L65qj...
Store locator and custom map styling using Bubble's responsive layout engine
Просмотров 1,3 тыс.2 года назад
A practical example of using Bubble's new responsive layout engine to build a store locator page. We took a popular business here in Australia called Bunnings and gave their store locator a dark mode treatment as well as demonstrate layouts for page and element level. The map styling was done with snazzymaps.com/. Demo: motioninproduct-map.bubbleapps.io/version-test/listing Editor: bubble.io/pa...
How to use magic links in apps | Combining sign up and login in Bubble
Просмотров 1,5 тыс.2 года назад
Using magic links alone is not the ideal usage because it might conflict with password managers. When used in combination of other ways of authentication it makes for a better experience of signing in. Demo: motioninproduct-login.bubbleapps.io/version-test/login
10 design tips in Bubble.io | Styling a meditation app landing page
Просмотров 1,3 тыс.2 года назад
We look at styling a landing page for a meditation app. We used Frames (madewithframes.com/) to create the initial layout and share 10 design tips to approach the styling. Demo: motioninproduct-demos.bubbleapps.io/version-test/styled-landing-page If this video helped you on your no-code journey and consider saying thanks with a ☕️ ko-fi.com/motioninproduct 00:00 Design doesn't need to be hard 0...
Responsive design in Bubble made easy with Frames
Просмотров 1,5 тыс.2 года назад
Frames is a Chrome extension that allow you to drag and drop responsive layouts for Bubble.io. Sharing this because a page like this used to take me hours to layout a page. This new way took me 30 minutes to build a rough layout of a page. Click Like and Subscribe to follow along in the journey to make better products using nocode tools Website: madewithframes.com/ Bubble forum discussion: foru...
How to create an Express account with the Stripe Connect in Bubble.io
Просмотров 11 тыс.2 года назад
This video is for builders making marketplace applications on Bubble.io. Save time and energy creating user onboarding screens when integrating with Stripe Connect by using Express accounts. Surprisingly there are not many of the free plugins allow you to create Express accounts easily. This approach uses Bubble.io API connector plugin to connect. Want to learn more about Stripe Connect & Bubbl...
Using Postmark templates to send emails in Bubble.io
Просмотров 3,7 тыс.3 года назад
Send and customize beautiful emails to your customers in Bubble.io using Postmark templates. Templates make it easier to setup an manage email templates from one place. Now you can have images and buttons in emails with ease versus trying to customize the email within Bubble.io. This video was not affiliated or sponsored but we found this nice way to get a free month free when you sign up and a...
How to refresh an API call in Bubble.io (without reloading the page!)
Просмотров 4,3 тыс.3 года назад
This video answers the viewer question "how can I refresh the data from an API?" Based on answer provided in the Bubble forum forum.bubble.io/t/finally-my-api-data-refreshes-without-page-reload-how-i-got-it-to-work/41129/2 00:00 Intro 00:10 Viewer question of the day 00:49 Context 02:00 Do every 5 second action 02:44 Setting header property in API call for cache busting 04:10 Connecting the wor...
Build a no-code crypto price dashboard with Bubble.io and CoinGecko API
Просмотров 5 тыс.3 года назад
Learn how to use Bubble.io's API connector plugin to build a crypto coin price dashboard. The styling of this page has a cyberpunk/synthwave vibe to it because these coins are part of the future. This kind of styling is not common but we wanted to demonstrate something different to show that Bubble.io can create nice looking and functional things. Please like and subscribe to this video to see ...
Send better emails in Bubble.io with Postmark
Просмотров 7 тыс.3 года назад
Send better emails in Bubble.io with Postmark
Building a responsive landing page in Bubble.io
Просмотров 8 тыс.3 года назад
Building a responsive landing page in Bubble.io
Styling an application in Adalo
Просмотров 19 тыс.3 года назад
Styling an application in Adalo
Welcome to Motion in Product
Просмотров 1413 года назад
Welcome to Motion in Product
Build a landing page in Bubble.io - Getting started with workflows and data
Просмотров 2,6 тыс.3 года назад
Build a landing page in Bubble.io - Getting started with workflows and data

Комментарии

  • @alikamalineverhood598
    @alikamalineverhood598 4 дня назад

    Does it affect the load time if we use CSS through the Classify plugin?

  • @qinisogingqi5055
    @qinisogingqi5055 4 дня назад

    Thanks bud

  • @arielcima2620
    @arielcima2620 2 месяца назад

    Thanks very much, its a great video indeed. I just struggled a little bit to get the account ID from step 1 into the onboarding step, in order to initialize the call. But beside that, everything worked perfectly, thanks again.

  • @maddon9
    @maddon9 3 месяца назад

    If you use backend workflows the privacy issue can be overided without exposing that data

    • @MotionInProduct
      @MotionInProduct 3 месяца назад

      Great tip! Thanks for taking the time to share that info

  • @caiqueoliveira7206
    @caiqueoliveira7206 6 месяцев назад

    Thanks for this tutorial! It is pretty hard to find Stripe tutorial using the API connector.

  • @JesusSalazar-kv7mn
    @JesusSalazar-kv7mn 7 месяцев назад

    what the second website you using to Change your website in 3:21

  • @leandrorocha1215
    @leandrorocha1215 8 месяцев назад

    You are a legend, mate. I would. like to connect with you. Could you share your LinkedIn profile or email, please? Cheers...

  • @rishumehta745
    @rishumehta745 8 месяцев назад

    first of all this is a greate video. now imagine if a shopping cart has different product from different seller. how would you create a destination charges in this scenario. any explaination would be appreciated. Thanks

  • @matlarasta
    @matlarasta 9 месяцев назад

    Hey, is it possible to make a non express account ? To not beeing charged ?

  • @roshalangovender7444
    @roshalangovender7444 10 месяцев назад

    hi, great tutorial!! just one issue- how do you make it such that you can dyrnamically input the email address- when i dynamically add creator`s email I get a 422 Error. But if i put a static email address into the workflow the API call works? Any advice is greatly appreciated.

  • @loganlira6679
    @loganlira6679 10 месяцев назад

    Spectacular video. Thanks for the class. Like and subscribe.

  • @clenerss58
    @clenerss58 10 месяцев назад

    Very good video presentation I need your help to set it up please

  • @danceftb
    @danceftb 11 месяцев назад

    Do you know why I don't have this Queryst. checkbox?

  • @user-ee7yw1mj9p
    @user-ee7yw1mj9p 11 месяцев назад

    Hi, Hope you are fine. This is very helpful video. But I am stuck in "Payment Intent" call. Kindly, help in the following question if anyone knows. Q. 1: Key: payment_method_types[] value: ? (what should I use for USA payment?) Q. 2: Key: payment_method value: ? (From where did you get the value? I am unable to find in Stripe.) Q. 3: Key: customer value: ? (From where did you get the value? I am unable to find in Stripe.)

  • @user-pi5ff7gj7h
    @user-pi5ff7gj7h Год назад

    I'm using Bubble+XANO(API) What if i want to refresh RG after adding another record...

  • @FelipeDOnofrio
    @FelipeDOnofrio Год назад

    Great tutorial

  • @bradensilcott3817
    @bradensilcott3817 Год назад

    Thank for the tutorial. Everything is running smoothly!

  • @user-cm8hn7in8w
    @user-cm8hn7in8w Год назад

    I don't see send via template

  • @richard_bo
    @richard_bo Год назад

    This has no authentication for the webhook. You have to make sure that Stripe is calling that endpoint and not a malicious attacker.

  • @avalancherelapse
    @avalancherelapse Год назад

    Great video! I had a couple of questions with this approach: 1) When creating an account like this, do I use workflows from the official Stripe plugin to transfer to my sellers or do I use the API connector for that? The stripe plugin requires the seller to be a 'User' in my Bubble database, so I can't just use the account ID, right? 2) from looking at the docs, it seems like when you receive a notifiication that a customer completed checkout, stripe requires you to fulfill the order while also verifying that the notification is coming form stripe (I'm looking at the 'fulfill orders with checkout' page in the docs), can you do that in bubble? all the code snippets presented make it look like you need to host a server. I hope you see this, and thank you again for the video!

  • @TheOnion008
    @TheOnion008 Год назад

    It seems Adalo can’t customise to have lecturer/trainer to set available time/slot and let participant choose from those

  • @andrewbanks5843
    @andrewbanks5843 Год назад

    Hi David, great video. Do you know if there’s a way to do this to things not in a repeating group? I have various data across the page of live transport and I can’t figure out how to have the most up to date data without reloading the page. Thank you!

  • @davidbregler5006
    @davidbregler5006 Год назад

    Great video, thanks! What I don't seem to see is how to a) capture that the user has successfully gone through the on boarding process and b) capture that a payment has been successful. You jump right to the Stripe Dashboard. However, I also need to save that fact in my Bubble DB. Do you have a video on that?

  • @bartekgracz-kp6dk
    @bartekgracz-kp6dk Год назад

    That is so simple and very nice already - thank you. I want to level up with this, as I have a dropdown list. How can I pop up a loader when the value within my dropdown list is modified?

  • @rd-kv6oh
    @rd-kv6oh Год назад

    excellent!

  • @onlytimewilltell8981
    @onlytimewilltell8981 Год назад

    Thanks a lot very good tutorial

  • @user-ys3th2pp9h
    @user-ys3th2pp9h Год назад

    that was awesome. thanks man

  • @dano5913
    @dano5913 Год назад

    Hi David, thanks for this video, Will this method work with the Bubble App Connector plugin?

  • @user-ng7kp5zt1u
    @user-ng7kp5zt1u Год назад

    really helpfull

  • @sticknz
    @sticknz Год назад

    Is there a way you can apply this to replace the top loading bar after you click a button that runs an action before transitioning to a new page?

  • @eddiegomez4134
    @eddiegomez4134 Год назад

    Trying to learn how to use stripe recently for a demo project Is it possible to Sell a product like a Ticket; then after X amount of Days split the cost of tickets between two different parties plus take a platform fee cut?

    • @DS-ig1bf
      @DS-ig1bf Год назад

      did you find this out?

    • @eddiegomez4134
      @eddiegomez4134 Год назад

      @@DS-ig1bf Yes, using the stripe connect

  • @mijoflan
    @mijoflan Год назад

    It would have useful to actually show how you laid out the red groups to function as well.

  • @dbiswas
    @dbiswas Год назад

    Your audio is quite low and very hard to hear.

  • @manageradv6905
    @manageradv6905 Год назад

    Anyway Adalo apps looks like 10 yeras old designed

  • @classooka
    @classooka Год назад

    Great video! Have you deployed this to Live and had any issues? My live version doesn't work and trying to figure out why. My payment button will only take you to the stripe checkout page if you are logged in as the original test account. But the payment won't process and there is an error message "no such destination: act_....# -similar object exists in test mode". If logged in as any other user the button won't even go to the payment page.

  • @MultiTwist
    @MultiTwist Год назад

    You are a saviour…big thanks

  • @fizakhatri6505
    @fizakhatri6505 Год назад

    Helpful! Thanks

  • @ParideGiancaterino
    @ParideGiancaterino Год назад

    That's a simple and great video, thank you so much. On my app, the user cannot change the home address country (as shown in your at 12.28 I think). As the freelancers will be from everywhere, how can I make this editable?

    • @MotionInProduct
      @MotionInProduct Год назад

      I believe the reason it is hardcoded in the example to Australia is that I set that parameter "country" in the API call. To make this value configurable from the user side, I would leave that value out at the time of account creation and capture it during onboarding.

  • @ahmedelkaffas3098
    @ahmedelkaffas3098 Год назад

    Good tutorial ! Helped me to setup Postmark and worked successfully ! Thanks.

  • @DavidThornby
    @DavidThornby Год назад

    Hi, thank you for this tutorial, which has really useful depth of information. I have an Australian question -- is BECS capability needed if you don't want to do transfers? I'm only interested in doing Direct payments (my users are each the business of record for transactions; they are not all in Australia; my platform is a CRM with payment gateway and a few other things; I only need to offer card/e-wallet payments really). I'm also wanting to set up Standard accounts; can I just specify account type and let the user fill in all the other pieces themselves on the Stripe portal when they get to it?

    • @MotionInProduct
      @MotionInProduct Год назад

      Hi David, I was using BECS because I wanted payments to eventually go to seller's bank accounts. Perhaps run a test to see if you can get payouts to a test debit card with using only "card" as a capability. Regarding setting up Standard accounts with Stripe Connect I would start off with this guide stripe.com/docs/connect/standard-accounts

  • @classooka
    @classooka Год назад

    Great video! Got this set up and working. After creating a stripe account the seller is listed as a connected account but after doing a test purchase there is an error message stating "Sorry, this seller cannot accept payments right now due to a temporary error. Please try again later." Any clue as to what is happening?

    • @MotionInProduct
      @MotionInProduct Год назад

      I think in this scenario the seller has not been completely setup and thus not verified. This has happened to me before and it was a missing piece of onboarding information was not captured as a seller in my previous experience.

  • @mohlini1
    @mohlini1 Год назад

    Followed exactly and shows an error message only, no results. Keep saying that I have overused the API calles even though 10 is free every minute. Something is wrong with the code.

  • @KaiCodingJourney
    @KaiCodingJourney Год назад

    This is super useful. Is there any chance you can do same for flutterflow pls pls plsss do for flutterflow!!! You are the only person who explained it for no code and did it soo well, I will try to adapt same logic today. Thank you anywaysssss!!!

    • @MotionInProduct
      @MotionInProduct Год назад

      Thanks for the feedback. Flutterflow is definitely gaining popularity for no-code mobile development so that's a good idea.

  • @travelnature_s
    @travelnature_s Год назад

    please I need full course

  • @TSNASIADigitalNetwork
    @TSNASIADigitalNetwork Год назад

    equest failed in Prices what should we do

  • @TSNASIADigitalNetwork
    @TSNASIADigitalNetwork Год назад

    Request failed in Prices what shout we do

  • @Udera-yo1zx
    @Udera-yo1zx Год назад

    Hey mate, I'm just wondering if it is possible to use destination charge as an escrow payment system. For example the customer pays, our business holds the money and once the job is completed by the other party and both parties are happy, the funds will get released. Instead of having to do manual payouts, there is a workflow that will take money out once the jobs complete. Hopefully that makes sense.

    • @MotionInProduct
      @MotionInProduct Год назад

      Stripe does not offer an escrow payment system because that is something very specific. However the payment flow you described can be done using Stripe Connect with "separate changes and transfer". The example Stripe has on their website is that a payment is made for a scooter rental and then Stripe pays different parties at a later time.

    • @Me-ew6wz
      @Me-ew6wz Год назад

      hi, udera. have you find a way to do that? can you share a tip with me? i have the same feature. thank you

    • @Udera-yo1zx
      @Udera-yo1zx Год назад

      @@Me-ew6wz Not yet I will attempt it sometime soon, I'll keep you up to date

    • @Me-ew6wz
      @Me-ew6wz Год назад

      @@Udera-yo1zx thank you wait for the insight 😄

    • @harmnn16
      @harmnn16 Год назад

      Hello , yes you can do if want to hold a payment and then want to capture later with destination charges. While creating payment intent you can set capture method to manual and create the transfer data and set destination connect account id and the amount. Later when you want to split and capture the payment, you can capture the payment intent with the amount you want to capture with application fee too and capture it. On capture the payment amount will automatically split into the destination and application fee (main stripe account) will be transferred.

  • @ThePositiev3x
    @ThePositiev3x Год назад

    From 4:45 to 6:11 I have no idea what you're doing. You're not even telling. You're clicking somewhere, hoping to trigger somethi, deleting something, without informing the viewers.

  • @tibuigerard1564
    @tibuigerard1564 Год назад

    where do i get the account_id?

    • @MotionInProduct
      @MotionInProduct Год назад

      It should be returned as part of the response of the API call. Otherwise in Stripe dashboard as of March 2023, if you click on an account and in the top right corner there is a button, "Copy ID" if you click on that you would get the account_id

  • @marcbaguet5906
    @marcbaguet5906 Год назад

    Nice tutorial, very helpfull thx !