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
Figma is burning with jealousy ))) Thanks for the update, Nandi!
@Ari-lv8nc
Ай бұрын
Nope
@framer.university
Ай бұрын
Glad u liked this one 🫶
@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.
You are the best teacher by far, so easy to comprehend when you explain things! thanks man!
@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
Ай бұрын
@@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
Ай бұрын
Thank u so much! I’ll try to keep doing better and better 🫡
SLOOOOOOOOWER Nandi!!!!!
@framer.university
14 күн бұрын
ahh sorry mate! which part was too fast?
Could you do the video explaining the process of creating a template for selling it on the framer market, please?
@framer.university
Ай бұрын
I might! Can you reply with a list of questions I should cover?
@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?
This is great Nandi, thank you! Do you know how can we get more than 50 forms monthly?
@framer.university
Ай бұрын
It’s based on what plan you’re subscribed to. Check framer.com/pricing ✌️
Can you connect the form directly to Hubspot? Or you must use Zapier to connect Framer forms with Hubspot, Mailchimp, etc?
@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?
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
Ай бұрын
Here’s how: framerverse-multiform-sample.framer.website
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
Ай бұрын
Natively, you can’t. But you can use the same technique shown in this video to automate such things as well 🤙
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
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
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
Ай бұрын
You’re welcome! What are you exactly looking to achieve?
Thanks for the video :) Is zapier necessary to connect it to third party apps (eg formspark)?
@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.
Can I connect it to payment gateways like PayPal or gcash?
yeah boy! this is the most awaited component in framer!!! thank you for listening to us.
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
Ай бұрын
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 :)
And about the limits of subscribers in the framer plans?
@framer.university
Ай бұрын
framer.com/pricing
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
Ай бұрын
Here’s a tutorial for you: x.com/learnframer/status/1783447415905026473?s=46
First comment ☺ Thank you so much for all your help
@framer.university
Ай бұрын
Thank YOU for the support Dami :))
How to reconnect the account that has been sync in framer?
@framer.university
Ай бұрын
Not sure what you mean here. Can you elaborate?
How u filmed before it's officially announced on the Framer channel??
@framer.university
Ай бұрын
I was beta testing it.
When is your framer course launching?
@framer.university
Ай бұрын
My courses are coming sometime this year :) please stay tuned! 🫶🫶
4th Comment! ❤❤
@framer.university
Ай бұрын
Biggest supporters are here!! love u all :))
3rd Comment❤❤❤❤
@framer.university
Ай бұрын
Thank u for the support mate 🫶
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
Ай бұрын
What do you not like about Zapier? You can also use make.com. It’s up to ya!
@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
Ай бұрын
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
Ай бұрын
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
Ай бұрын
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.
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
Ай бұрын
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
Ай бұрын
@@framer.university got it. I didn't see the required switch tab earlier in the setting. thanks!