Framer Forms for Beginners: HubSpot, Mailchimp & More Integrations

🎓 Framer University: framer.university
👉 Create a free Framer account: framer.university/free-account
In this Framer tutorial, you'll learn how to use the new form builder feature in Framer. With this new feature, you can build your own custom forms right on the canvas like never before. In this video, I'll show you how to use webhooks to send the submissions to any app, like HubSpot or Mailchimp.
0:00 - Introduction
0:21 - The roadmap
0:42 - Setup & customization
7:45 - Connecting to HubSpot
14:09 - Connecting to Mailchimp
17:20 - Connecting to ANY app
18:42 - Conclusion & resources
Follow me on:
Twitter: / learnframer
Instagram: / framer.university

Пікірлер: 57

  • @OleksandrIzmailov
    @OleksandrIzmailovАй бұрын

    Figma is burning with jealousy ))) Thanks for the update, Nandi!

  • @Ari-lv8nc

    @Ari-lv8nc

    Ай бұрын

    Nope

  • @framer.university

    @framer.university

    Ай бұрын

    Glad u liked this one 🫶

  • @apexdigital.studio

    @apexdigital.studio

    Ай бұрын

    haha for sure Figma is already working on their upgrades. but of course, there are still pros and cons using Figma and Framer.

  • @jakelopez-euphoricmedia7299
    @jakelopez-euphoricmedia7299Ай бұрын

    You are the best teacher by far, so easy to comprehend when you explain things! thanks man!

  • @framer.university

    @framer.university

    Ай бұрын

    Ahh thank u so much for the feedback! May I ask what makes my teaching easy to comprehend? It would help me a lot knowing it so I can double down on that. :)

  • @jakelopez-euphoricmedia7299

    @jakelopez-euphoricmedia7299

    Ай бұрын

    @@framer.university You explain things step by step perfectly, and when I have a question pop up in my head while you're teaching, you then answer that right away. The way you teach is super beginner friendly and you leave no questions on the table!

  • @framer.university

    @framer.university

    Ай бұрын

    Thank u so much! I’ll try to keep doing better and better 🫡

  • @curiousjourneys3279
    @curiousjourneys327914 күн бұрын

    SLOOOOOOOOWER Nandi!!!!!

  • @framer.university

    @framer.university

    14 күн бұрын

    ahh sorry mate! which part was too fast?

  • @OleksandrIzmailov
    @OleksandrIzmailovАй бұрын

    Could you do the video explaining the process of creating a template for selling it on the framer market, please?

  • @framer.university

    @framer.university

    Ай бұрын

    I might! Can you reply with a list of questions I should cover?

  • @OleksandrIzmailov

    @OleksandrIzmailov

    Ай бұрын

    @@framer.university Sure., here are some questions I have - Breakdown what are the requirements for the templates - How do you get the idea for a template? How to pick a niche? - How to make a template look unique and still not use components created by other designers? - How many templates I should submit to be consistent as a creator, and to secure a steady income?

  • @rodrigoaquije2534
    @rodrigoaquije2534Ай бұрын

    This is great Nandi, thank you! Do you know how can we get more than 50 forms monthly?

  • @framer.university

    @framer.university

    Ай бұрын

    It’s based on what plan you’re subscribed to. Check framer.com/pricing ✌️

  • @artcgix
    @artcgixАй бұрын

    Can you connect the form directly to Hubspot? Or you must use Zapier to connect Framer forms with Hubspot, Mailchimp, etc?

  • @framer.university

    @framer.university

    Ай бұрын

    yes. you can connect to Google Sheets directly, and also you can set up Direct email notifications. the third options is webhooks, which requires Zapier to connect to any other app through webhooks. i'm sure though that in the future, they'll be adding more and more native integrations. but for now, this is what you have, and imo it's pretty dope :) what do u think?

  • @henson_prod
    @henson_prodАй бұрын

    Hey! Nandi I'm curious how would you handle multi-step form with this new feature. I think that would be an awesome video.

  • @framer.university

    @framer.university

    Ай бұрын

    Here’s how: framerverse-multiform-sample.framer.website

  • @-_SamsulHadi
    @-_SamsulHadiАй бұрын

    Nice job nandi 🔥 Can I create email automation in Framer? For example, when a customer subscribes, they receive an automated announcement about their subscription

  • @framer.university

    @framer.university

    Ай бұрын

    Natively, you can’t. But you can use the same technique shown in this video to automate such things as well 🤙

  • @alibellamlih7196
    @alibellamlih7196Ай бұрын

    Hey, first of all thank you for your work. I have a few questions: 1) Would it be possible to build multi step components ? 2) Is there a way to build conditional forms in framer ? What I mean is frame the question (with its checkboxes etc) depending on previous answers. Basically a tree of possibilities. Thanks

  • @antoniofranciscozubiaurre
    @antoniofranciscozubiaurreАй бұрын

    can i make the form send an email for the email imputed? i'm migrating my website to framer and i dont know how to make this, if i use code override or something and if is possible

  • @romanbondarenko1720
    @romanbondarenko1720Ай бұрын

    Thank you for the video! ❤ What about custom API integration? Or can I catch data to make request after submitting form using code component?

  • @framer.university

    @framer.university

    Ай бұрын

    You’re welcome! What are you exactly looking to achieve?

  • @dariopadula7612
    @dariopadula7612Ай бұрын

    Thanks for the video :) Is zapier necessary to connect it to third party apps (eg formspark)?

  • @framer.university

    @framer.university

    Ай бұрын

    yes, but for example, you don't really need to connect it to formspark, since formspark also just collects it for you in a table. connecting it to google sheets is basically the same thing as connecting it to Formspark since at the end of the day, you also export your Formspark list as a .csv file.

  • @KaizenUI
    @KaizenUIАй бұрын

    Can I connect it to payment gateways like PayPal or gcash?

  • @apexdigital.studio
    @apexdigital.studioАй бұрын

    yeah boy! this is the most awaited component in framer!!! thank you for listening to us.

  • @martialganiere9949
    @martialganiere9949Ай бұрын

    Awesome Nandi, thank you! As I understand we need a Zapier paid plan ($20/m) to integrate with any email marketing platform. Does it work with alternatives such as IFTTT?

  • @framer.university

    @framer.university

    Ай бұрын

    Thanks:) Yes you need Zapier! You can try IFTTT too! I think they have webhook support so you can set it up in a similar way. They might support less apps though. Try it and lemme know how it works :)

  • @cyberbombs
    @cyberbombsАй бұрын

    And about the limits of subscribers in the framer plans?

  • @framer.university

    @framer.university

    Ай бұрын

    framer.com/pricing

  • @LanguagedesignLearn
    @LanguagedesignLearnАй бұрын

    Nandy, U r professional, i would like to ask about something, HOw can i deliver a website for a client, i mean the dashboard for the client, how can the client add and change from the CMS,

  • @framer.university

    @framer.university

    Ай бұрын

    Here’s a tutorial for you: x.com/learnframer/status/1783447415905026473?s=46

  • @damiojetunji
    @damiojetunjiАй бұрын

    First comment ☺ Thank you so much for all your help

  • @framer.university

    @framer.university

    Ай бұрын

    Thank YOU for the support Dami :))

  • @rizkihidayatulfadli
    @rizkihidayatulfadliАй бұрын

    How to reconnect the account that has been sync in framer?

  • @framer.university

    @framer.university

    Ай бұрын

    Not sure what you mean here. Can you elaborate?

  • @mohammedashour6176
    @mohammedashour6176Ай бұрын

    How u filmed before it's officially announced on the Framer channel??

  • @framer.university

    @framer.university

    Ай бұрын

    I was beta testing it.

  • @Aditya-dk7vh
    @Aditya-dk7vhАй бұрын

    When is your framer course launching?

  • @framer.university

    @framer.university

    Ай бұрын

    My courses are coming sometime this year :) please stay tuned! 🫶🫶

  • @eternitygraphic
    @eternitygraphicАй бұрын

    4th Comment! ❤❤

  • @framer.university

    @framer.university

    Ай бұрын

    Biggest supporters are here!! love u all :))

  • @eternitygraphics7161
    @eternitygraphics7161Ай бұрын

    3rd Comment❤❤❤❤

  • @framer.university

    @framer.university

    Ай бұрын

    Thank u for the support mate 🫶

  • @v.erdman
    @v.erdmanАй бұрын

    I'll be honest, because I left a dislike a felt obliged to write a reason. It's a good video, the only thing that disappointed me and where I feel that it wasted my time was that it was using Zapier, which wasn't mentioned in the title. I'm trying to avoid Zapier and connect this custom Form directly to Mailchimp, without limitations of Zapier.

  • @framer.university

    @framer.university

    Ай бұрын

    What do you not like about Zapier? You can also use make.com. It’s up to ya!

  • @Amir_Wanas_Photography

    @Amir_Wanas_Photography

    Ай бұрын

    Im also curious why zapier is a bad choice? I am building a website in farmer and use hubspot, what is the downside of using zapier?

  • @v.erdman

    @v.erdman

    Ай бұрын

    Hi, thanks for taking this feedback into account. I actually love Zapier, I'm using it in my job and it's an amazing automation tool I'd highly recommend trying. The problem for me in this case was that I was looking for a solution that didn't involve paying for additional software, the cost of which increases extremely as you scale.

  • @v.erdman

    @v.erdman

    Ай бұрын

    And the problem I have with the free version is that Mailchimp allows me to get 500 contacts into my list, which I expect this month, but Zapier only allows 100 zaps, which limits me. I've found a solution yesterday to connect Framer directly to Mailchimp using Code Block

  • @v.erdman

    @v.erdman

    Ай бұрын

    Sorry it took to long to reply, it seems like my post is probably breaking some YT policies, because it's removed whenever I post it. Oh now I see what was the problem, it seems that I shared specific numbers about the limits of the tool.

  • @apexdigital.studio
    @apexdigital.studioАй бұрын

    by the way, how to enable the built-in error handler of the framer forms? when I tried submitting, even without typing anything in the field, it already submits.

  • @framer.university

    @framer.university

    Ай бұрын

    You can set if the input is required or not on the right panel. And also make sure to choose the correct input type so you’ll se proper error tooltips and so on.

  • @apexdigital.studio

    @apexdigital.studio

    Ай бұрын

    @@framer.university got it. I didn't see the required switch tab earlier in the setting. thanks!