Build an AI copywriter with Bubble.io and OpenAI's GPT-3

Поділитися
Вставка
  • Опубліковано 29 чер 2024
  • Learn how to build a nocode AI copywriter with Bubble.io and OpenAI's GPT-3
    0:00 - Tutorial Overview
    2:46 - Building the UI in Bubble
    12:02 - OpenAI Overview
    14:40 - GPT-3 prompt design and settings
    19:50 - API setup in Bubble
    26:47 - Display GPT-3 response on page
    32:09 - Split the response into a list
    38:40 - Save copy to the database
    Follow me on Twitter for all things no-code design, and product:
    / joshmunsch
    Support the cause:
    www.buymeacoffee.com/joshmunsch

КОМЕНТАРІ • 82

  • @brandons2501
    @brandons2501 10 місяців тому +7

    I don’t think you understand just how amazing this tutorial is. You explained everything SO well. Really amazing tutorial! Subscribed!

  • @chaisdangermeyer
    @chaisdangermeyer Місяць тому

    Hey Joshua, this video is stellar, which got me thinking...why only one video? You're clearly awesome at creating things and explaining how you do it. I'd love to see you put more content like this into the world - I think many others would agree!

  • @ashtonfrye
    @ashtonfrye Рік тому +3

    Thank you so much! Couldn't have asked for a more straightforward video!

  • @randyblasik7066
    @randyblasik7066 Рік тому +1

    Thanks dude. I've been living on this page for about 3 days now, really appreciate you putting this up.

  • @Peter-th3oh
    @Peter-th3oh Рік тому +7

    Absolutely fantastic video. Couldn't have been more crystal clear and clearly described. Many thanks!

  • @karl_harris
    @karl_harris Рік тому +8

    Legend! Created this exact AI copywriter and it worked perfectly. Really appreciate you putting in the time and effort to teach us this.

  • @vickygoud9808
    @vickygoud9808 2 роки тому +2

    Thank you. Everything is clear, clear and to the point!!!

  • @thenukakarunaratne9523
    @thenukakarunaratne9523 Рік тому

    Fantastic video man! A+ quality instructions and clarity.

  • @0xkeez
    @0xkeez Рік тому +1

    Dude you’re a legend. Thanks for such a good tutorial. I don’t normally subscribe to people so liberally but I just subbed to you after watching only half of the video and will keep watching now. Thanks again.

  • @FA-og7kr
    @FA-og7kr Рік тому

    I never comment this type of videos, but you craked amazingly my expectations! Well done!!

  • @nareshmeetei
    @nareshmeetei 2 роки тому +5

    This is amazing. Thank you for this. Hoping to see more tutorials like this in the future. 🔥❤

  • @nicholascain4342
    @nicholascain4342 Рік тому

    Thank you Josh, this has really been helpful. Excellent tutorial. This was my first time using bubble.

  • @alanpontes2855
    @alanpontes2855 Рік тому

    This is exactly what I was looking for. Thank you!

  • @JessCoburnFL
    @JessCoburnFL Рік тому +1

    Great video would love to see some more videos like this.

  • @siddiqtalks
    @siddiqtalks Рік тому

    thanks for this video, i spent 5 hours creating this tonight. and created successfully. first ever app. openAI prompts has few things different now. but its easy to understand. pls make more videos you are awesome. happy new year 2023.

  • @sharpz33
    @sharpz33 Рік тому

    Amazing tutorial! Gr8 thx! can't wait for more!!!

  • @WesWalls
    @WesWalls Рік тому

    Yep, legendary. Followed along exactly to create something similar for a different use case.

  • @Monalexander799
    @Monalexander799 Рік тому

    Awesome! Thanks a lot man. I have to learn bubble this is what I've been missing.

  • @roseking03
    @roseking03 2 роки тому +1

    Really great tutorial!! Thank you

  • @eivindhaverstad
    @eivindhaverstad Рік тому +1

    Awesome tutorial! You just learned me how a whole lot more than chatGPT.

  • @RitajDubey
    @RitajDubey 9 місяців тому

    Amazing Amazing Amazing!!!! Loved the tutorial, it was really awesome... Thanx alot🔥❤️

  • @JoeSmith-kn5wo
    @JoeSmith-kn5wo 6 місяців тому

    Great video!!!

  • @growwithevelyn
    @growwithevelyn Рік тому

    Great video 🙏 thank you ❤️

  • @blackenedblue5401
    @blackenedblue5401 2 роки тому

    Very nice!!

  • @anshu2355
    @anshu2355 2 роки тому

    Good stuff bro. Saw you off Reddit

  • @jvanh8926
    @jvanh8926 Рік тому

    Very very valuable, this is awesome! Thank you so much for sharing this info with us!
    One suggestion, can you turn on your mic volume.

  • @ki001
    @ki001 2 роки тому

    Freaking awesome! Thanks

  • @AveyaC2012
    @AveyaC2012 2 роки тому

    Very nice 💙

  • @cyrusazamfar6220
    @cyrusazamfar6220 Рік тому

    great job

  • @mahekarim4821
    @mahekarim4821 2 роки тому +1

    Please Continue.... ❤️❤️❤️ Love From Bangladesh 🇧🇩🇧🇩

    • @joshmunsch
      @joshmunsch  2 роки тому +1

      More coming! Appreciate the kinds words, Mahe 🙏

  • @SociallyVersedNetwork
    @SociallyVersedNetwork Рік тому +1

    A Video on how to build an AI Generator using Flutter flow would be KILLLLLER

  • @alexsimas9260
    @alexsimas9260 2 роки тому +2

    Excellent Tutorial. Make one with text completion.

  • @youseffau
    @youseffau 6 місяців тому

    Thank you. I've used this as a basis to create a solution on Bubble. Thank you. This has been the most helpful video so far. Please, could you make one for Makersuite & Bubble?

  • @carson_crisp
    @carson_crisp 2 роки тому

    Love it

  • @markhaberstock
    @markhaberstock Рік тому +1

    Great video! In this scenario, if you were to create multiple different generators for different things, is there a benefit to setting up a new call for each specific new prompt in the way you have over just creating 1 API call with a dynamic field in the API Body called , then have a hidden text field in each generator that stores the prompt with dynamic data from the fields? If there is I'd love to know before I build too deep lol

  • @HeyCulliganMan
    @HeyCulliganMan Рік тому

    All of this... for free??? Thank you! Instantly subscribed!

  • @ojhonataferreira
    @ojhonataferreira Рік тому

    Show man!

  • @Stuart_Bache
    @Stuart_Bache Рік тому +1

    This is a great tutorial. If you have time, could you let me know if it’s possible to 1) make the generated text appear in the rich text editor and 2) if it can follow on from the end of your written text?

  • @1702Felip
    @1702Felip 2 роки тому

    thanks a lot

  • @Fadogar911
    @Fadogar911 Рік тому

    duuude, how is this your ONLY video?!! you need to do mooore! enlighten us!

  • @1702Felip
    @1702Felip 2 роки тому +1

    Thanks a lot man, can you explain how to show no records in database for new users?

  • @kelli8294
    @kelli8294 Рік тому +2

    This is awesome! How do you put a limit on the number of requests a user can pull (similar to how the copywriting tools stop at 7000 tokens).

  • @LuqmanSohail
    @LuqmanSohail Рік тому +1

    I know it's a nocode but creating an app on bubble is still a challenge for someone like me. Would it be possible to share bubble app template? Amazing tutorial.. please keep up the work.

  • @artychokes
    @artychokes 2 роки тому +6

    Thanks for this tutorial! Such a breath of relief for a non-technical dude. I just have a question/request: would you be able to explain how to fine tune a GPT-3 model in a way that doesn't jump straight to entering commands into a window that is unrecognisable to someone non-technical? 🙏

    • @artychokes
      @artychokes 2 роки тому

      I think I'm part way there now. I downloaded Anaconda prompt for windows.

    • @joshmunsch
      @joshmunsch  2 роки тому +4

      Thanks Mihira 🙏 I’m actually digging into this currently. Hoping to share more soon

    • @MoonKidAI
      @MoonKidAI Рік тому

      ​@@artychokes How'd you do?

    • @MoonKidAI
      @MoonKidAI Рік тому

      @@joshmunsch How'd you do?

    • @artychokes
      @artychokes Рік тому +1

      @@MoonKidAI for my purpose I found that the model works without fine-tuning when the input is formatted in a specific way, so for now I've not gone further down the rabbit hole, instead I've made it clear to the user how to format the input. Not ideal but works for now.

  • @antoniooriol5823
    @antoniooriol5823 Рік тому

    Very nice video. Thank you. I have an application in mind similar to the one you just created in the video. But instead of a list of texts I would like ChatGPT to create a table, and then I need to store the complete table in the database. Any ideas how to do that? The problem is to process correctly in Bubble the text in "choices - first Item

  • @michasw3837
    @michasw3837 Рік тому

    Awesome tutorial!!! But, i have a questions. How can i make the text return in real time, letter by letter?

  • @baljeetsaggu7212
    @baljeetsaggu7212 2 роки тому

    get issues: sometime, I got incomplete data in response. i have a question how i can remove scrollbar from repeatingGroup element

  • @jasmineco5642
    @jasmineco5642 2 роки тому

    I have a solution that works about 95% of the time to resolve the previous query. what are the steps in openai to take the feature live in bubble?

  • @MJabirbinabdullah
    @MJabirbinabdullah Рік тому +1

    Thanks, man for this great tutorial. I have a question, I want to generate a complete article about 800-1000 with a single click, and openai has token limits that don't let me fine-tune the model for that long output. So what is the way to fine tune gpt3 for that long outputs of about 1000 words?

    • @swishh7693
      @swishh7693 Рік тому

      chat gpt already does this for free. You just have to ask it

  • @jasmineco5642
    @jasmineco5642 2 роки тому +1

    This is a great video, thank you. I have some questions though... I am requesting 3 suggestions in open ai. In bubble when i run the workflow I get an entry in front of each suggestion, either a "1. text string..." or a "1) text string..." or a "- text string...". Is there a way to maintain a consistent beginning to each text string, or remove anything in front of the text string? Is this bubble or openai? In the raw data in the API call it shows 1:
    2:
    in front of each suggestion. I have tried to use find and replace controls but this hasn't seemed to have worked. Any advice?

    • @Orcrambo
      @Orcrambo Рік тому

      Sounds like it's coming from gpt-3. You can use a regex to find the filter out any characters before the first letter

  • @TheWinColumnByCoachJay
    @TheWinColumnByCoachJay 10 місяців тому

    I can't figure out how to add a copy to clipboard button for the field that generates the information from OpenAI. Help Please!

  • @vey134
    @vey134 Рік тому

    Plz make a tutorial on "How user can create folders/playlists and Save/Move Posts to folders." in bubble.

  • @hasbullahboiler
    @hasbullahboiler Рік тому

    I added the save copy button but it's repeating it too many times for every line of text 😬 is there a way I can make sure it only shows per each body
    instead of each line?

  • @farhansheikhahmad
    @farhansheikhahmad Рік тому

    I'm getting a Raw response for the API: Status code 401 while trying to initialize the API call. I'm doing everything correctly, even tried changing different browsers.
    It always gives me this message: You didn't provide an API key. You need to provide your API key in an Authorization header using Bearer auth (i.e. Authorization: Bearer YOUR_KEY)

  • @themusicalstrings412
    @themusicalstrings412 Рік тому

    how does the user retrieve from the database once it's been saved?

  • @LorenzoSportiello
    @LorenzoSportiello Рік тому

    Amazing video! I GOING MAD trying to find a way to set a workflow to use automatically the output of the APIcall as an input to get back to another OpenAI call!!!! I know is strong but I need a double pass through the API. Is there anyone out there can HEEEELP ME?! plz :)

  • @MattJonesYT
    @MattJonesYT Рік тому

    Volume is too quiet, if you normalize the audio and add some compression it will even out the levels

  • @eliethealien
    @eliethealien Рік тому

    Hi this Elie, the Alien. 😀You made an awesome video, but you didn't make any more? Are you disappeared in space somewhere or what?

  • @trendingtopic3547
    @trendingtopic3547 Рік тому

    Create a App like lensa ai avtar creator

  • @DN2ART
    @DN2ART 2 роки тому +1

    How do I contact you for work like this?

    • @joshmunsch
      @joshmunsch  Рік тому +1

      Feel free DM me on Twitter @joshmunsch or email me at munschjosh@gmail.com

  • @protrick4u
    @protrick4u Рік тому

    Can you make ai tool for me paid task?

  • @jerrytomas3136
    @jerrytomas3136 2 роки тому +7

    Please slow down next time and explain the steps more! I had no idea what you were doing half the time. For example, it took me 30 minutes to figure out how to multi select something because I thought I was doing it wrong or it was glitched because you didn’t explain how. I probably watched the whole video a total of 3.5 times because of how much I rewinded

  • @YasinNabi
    @YasinNabi Рік тому

    “Success is peace of mind, which is a direct result of self-satisfaction in knowing you made the effort to become the best of which you are capable.” -John Wooden-.[

  • @WordsInVain
    @WordsInVain Рік тому

    What is wrong with people today? I'm still waiting for the AI that will write my UA-cam comments for me.

  • @WordsInVain
    @WordsInVain Рік тому

    I can't believe all the idiotic bot comments on this video...

  •  Рік тому +1

    hi. on 27:02 when i go to workflow i clicked to "click here to add an action" like you do. But when i check the Plugins, it shows blank. Please help me? Thank you. @KNOCODE

    • @leonaylor_onovomercado
      @leonaylor_onovomercado Рік тому

      You just need to change the API from "data" to "action" as he does in 20:39

  • @adwordsandinternetmarketin4024

    This is so awesome. Have learnt alot. What if i want to have for example a project on github that has to do with voice tts and work with bubble. How can we achieve this? Now the backend work is all done by openai. hope you can do a video on this.