Alphi - Nocode API
Alphi - Nocode API
  • 5
  • 39 849
How to build custom forms in Framer + Connect Airtable #nocode
Learn how to build a custom form in Framer without writing code using our opensource Framer Form Component.
Custom fields:
Text, Email, Number, Textarea, Select, Checkbox
Alphi: www.alphi.dev/
Form component: framer.components.io/
Переглядів: 33 743

Відео

How to Secure Airtable Data in Webflow using Outseta + Alphi to build Web applications
Переглядів 302Рік тому
In this video, we deep dive into how you can build secure web applications in Webflow using Outseta, Airtable Alphi. Alphi will act as the Middleware to authorise inbound requests ensuring the user making the request is a valid Outseta user. Alphi also handles securely storing Airtable API (OAuth) tokens used to retrieve and create records. Outseta is an all-in-one membership software which pro...
Building Reactive Forms in Webflow + Server-side Rendering (Live Event)
Переглядів 479Рік тому
At this live event, we cover various topics related to building Web applications in Webflow. 🔗 Links Alphi - www.alphi.dev Community Hub - hub.alphi.dev SO-Framework - shinyobjectlabs.gitbook.io/framework-js/ Webflow Cloneable - webflow.com/made-in-webflow/website/reactivity Key moments 00:00:00 Introduction 00:05:36 Installation 00:08:20 Creating a component 00:13:20 SO-Inspector 00:17:06 Bin...
How to display Airtable Data In Webflow using APIs + JavaScript
Переглядів 4,4 тис.Рік тому
In this tutorial, you'll learn how to display data from Airtable in a Webflow project using JavaScript and Nocode Middleware. We'll walk through the process step by step, starting with connecting your Airtable account to Alphi. From there, we'll create a secure workflow (middleware) that will let you call the API from the frontend without exposing our API key. Next we will convert a native Flow...
Fs CMS Attributes API + MiddleLink | Display Airtable Data in Webflow
Переглядів 8962 роки тому
This tutorial covers how to use the CMS Attributes API by Finsweet with MiddleLink to display data from an Airtable database in Webflow. {{ TOOLS }} MiddleLink | Visual No Code API Builder | www.middlelink.io Attributes by Finsweet | No-code Attributes Solutions for Webflow | www.finsweet.com/attributes/ {{ RESOURCES }} Airtable Base | airtable.com/shrNt6KBZWrJC4gmS Finsweet Attributes Tutorial...

КОМЕНТАРІ

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

    thanks. but your volume is very low. you need to add a light compressor and adjust your volume to peak at 6db-12db

  • @Jaylen-k2d
    @Jaylen-k2d 3 місяці тому

    1:08 its not giving me those options for the input, its only letting me change the color for the form and boxes

  • @rafita8112
    @rafita8112 4 місяці тому

    Hey man. Is it possible to add a filter based on outseta authenticated user?

  • @sale7680
    @sale7680 4 місяці тому

    ❤❤❤

  • @caesarzkn
    @caesarzkn 7 місяців тому

    Hey @alphi, it's awesome. But I cannot go to redirect URL that I filled in the form. Can you help?

  • @jurgendevries1036
    @jurgendevries1036 7 місяців тому

    Is it possible to make a multi-step form?

  • @js-oc
    @js-oc 8 місяців тому

    voice is too low

  • @JayloAbdullahi
    @JayloAbdullahi 8 місяців тому

    How would you add custom animation to the submit button only?

  • @kevinbarry3495
    @kevinbarry3495 8 місяців тому

    I just want to find out the best free way to have a form on my website with name, phone number, email and message fields. And a way to just keep this information in framer and not have to outsource to a third party platform, is this possible?

  • @tech_curious4985
    @tech_curious4985 8 місяців тому

    Man you are awesome

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

    Was this signup form workflow suggestioned pre Formspark release. Or as an alternative?

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

    Is this process from Framer through Alphi through Airtable, all free on a regular Framer subscription? Or do I have to pay extra for this service?

  • @David-xq7ef
    @David-xq7ef 9 місяців тому

    Hey thank you, this is really helpfull. How do you manage Captcha or prevent spam in your form ?

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

    I don't have any idea about what just went on but I know this is what I've been waiting on. We need to talk business because ShinyObjects is amazing too.

  • @MathiasRahbek-u8u
    @MathiasRahbek-u8u 9 місяців тому

    Is it possible to get all the submission data sent directly to an e-mail address instead of using a form submission service like Airtable or formspark?

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

    Can you do this same thing with Framer?

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

    my man...

  • @darraghlynch.design
    @darraghlynch.design 11 місяців тому

    Hey do you know how I could add a link in the title, for instance, I want a checkbox for user to agree to a privacy policy but I want the text of the checkbox to go to link to the privacy policy

  • @sakinaihsan93
    @sakinaihsan93 11 місяців тому

    Hey! Great tutorial. Let me know if it is possible to bring this data to Google Sheets?

  • @themichaellll
    @themichaellll 11 місяців тому

    Please I need this and how to publish it to framee

  • @cheapandhealthy
    @cheapandhealthy 11 місяців тому

    Just want to let you know, I highly appreciate your work

  • @hynora
    @hynora 11 місяців тому

    Can't seem to get the URL to display properly in airtable :( it keeps showing {{request.body.linkedin-url}} but not the correct URL link

  • @jonathanself1263
    @jonathanself1263 11 місяців тому

    Does Alphi offer discounted pricing for non-profits and schools/educational use?

    • @HeyAlphi
      @HeyAlphi 11 місяців тому

      Hi Jonathan, We have paused all discounts for non-profits and schools/ educational institutions for the current version of Alphi as we plan on launching Alphi V2 in Q1 2024. V2 is an entirely new product and much more suitable for educational purposes as we have significantly minimised the abstraction.

  • @Dileep-s7i
    @Dileep-s7i Рік тому

    i wann get the single record that should be last record any please suggest me how to do it ?

  • @Dileep-s7i
    @Dileep-s7i Рік тому

    HI I need a get Call Can any one please Suggest me

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

    Hi! Thank you very much for this video. I was wondering, which is the section of the code that makes the form responsive to its container stack in the framer editor? I'm trying to make mine responsive as yours and wasn't able quite yet. Thanks in advance!

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

    Everything work perfectly at first after following this tutorial but I realize that when I am not logged into Alphi the form does not work until I log back in and open the flow. Is this just how Alphi works or is there some setting I need to turn on?

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

      Hi Jowan, If the form is not working when Alphi has been closed, it indicates the allowed hosts have not been set up correctly. Please double-check that your website URLs are listed in the allowed hosts. You can access the allowed-hosts by clicking the ⚙ icon in the navigation on the left. Feel free to raise a support ticket if you have any follow-up questions.

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

    Important to note: Aplhi is not a free tool!

  • @TomasHelbig-u7s
    @TomasHelbig-u7s Рік тому

    Geat video!! Is it possible to create, from this signinup form, a user validation form, so that the user can log in?

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

      Thanks for the feedback. Yes, you could connect the form to your preferred authentication provider and create a form for registering, logging in, resetting passwords, etc. Luckily, we have already built an out-of-the-box solution, so you don't have to do all the legwork. It's called FramerAuth.com, and it lets you add memberships to your Framer website. If you are looking to sell a product or subscription, you can use our LemonSqueezy integration. Next year, we will be releasing a FramerAuth + Alphi integration.

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

    Hi, can Alphi build membership in framer? and how to use it?

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

    My flow keeps disconnecting, which have become a disaster for my facebook ad campaign.

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

      Hi, We have updated your support ticket with instructions on adding your live domain to your allowed hosts. From our investigation, we noticed your flow is only set up to work with your Framer demo URL (****.framer.app) If you have any further questions or you would like us to update your allowed hosts for you please reply to the support ticket with your production domain. e.g. example.com Kind regards, Joel

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

    Hi, trying to create a new integration with airtable. It says I need to "verify your email to authorize this integration". I haven't received an email. Any help?

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

    Can someone help me to change the forms colour

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

    Hi! Finally found something that doesn’t involve 30348 $ sub. I’m trying to style it as a multi step form, is there any way to have several components and just one submit button and feed all data at the end? Thanks 🦾🦾🦾

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

    Far too complicated for an idiot like me…

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

    Awesome tutorial, is there any chance of finding out how I could make the message input higher?

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

    You can also use Zapier ;)

  • @JohnOates-u6r
    @JohnOates-u6r Рік тому

    Hey there Joel. This is working well but we've run into an issue. We're getting successful submission of the fields but we can't get the success state to show. The form just shakes so there's no confirmation to the person that it went through. We are using sendgrid with the x-www-form-urlencoded for the content type. Any insight would be great, thank you.

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

    I watched your tutorial and changed it to live settings and posted it as well. But if I turn off Alphi, it doesn't work. I think you said that if you set it to live, it will work even if it's turned off. Is there a solution?

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

      Hi, If the live endpoint is not working it indicates the allowed hosts are not configured. The allowed hosts can be accessed via the ⚙️ icon in the left navigation. Within the allowed hosts, you should list the websites that can call the API. e.g. example.com, example.framer.page Please note the domains do not end in a trailing slash and are separated by <comma><space>. Feel free to create a support ticket by clicking the 🛟 icon in the left navigation. Once the ticket is raised, I will be able to take a look at your account.

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

    Hi, I was wondering: If I follow the exact procedure, my submissions will be visible within the Alphi environment. Can I get the submissions to also appear in my own e-mail (for ex. through Outlook or other services)? And how can I do that? Thanks!

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

      Hi, If you only need to receive the email in your inbox, I recommend a service like Formspark. If, on the other hand, you are looking to save form data to Airtable and receive an email, you have a couple of options: 1. Use an integration service that lets you send emails via an API. An example is PostMark. 2. If you are saving the data to Airtable, you could set up an Airtable automation to send an email when a new record is created.

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

    Is Aphi still active? It's been a while since you uploaded a video, I am wondering if I can go ahead and use Aphi to develop my webapp

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

      Hey 👋, Alphi is still active and we have lots of exciting plans for the future. If you are building a Webflow Web App we recommend using Wized with Alphi and Airtable or Baserow.

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

    Hi, where can I find the prepared code?

  • @Jack-hq8ce
    @Jack-hq8ce Рік тому

    How can i make savable data and informations

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

    why in the world hasn't framer just added all these features?!

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

      I know a form builder is high on their list but for now their priority is localisation and the CMS API. Source: Twitter (Don't quote me) 😉

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

    Why does it only work if the Alphi website is open?

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

      Hi 👋, Whilst the Alphi flow is open, it can be called from any domain. When you are ready to publish the flow, you will need to: 1. Publish the flow 2. Add your domain to your allowed hosts. 3. Make sure your form points to live.api-server.io/... You can access the allowed hosts using the ⚙️ icon in the left navigation. You can list your staging and live domains. example.com, example.framer.website (Note the ,<space>) Feel free to raise a support ticket 🛟 if you have any follow-up questions.

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

      @@HeyAlphi thank you! Very helpful

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

    This is great, just signed up to Aphi from this video.

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

    Greetings, your work is really excellent. Do you also offer forms where you can do spam protection in Framer via Formspark?

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

      We have started development on reCaptcha and PoisionBot, however, we are currently prioritising the launch of FramerAuth. I will update this comment when we release captcha support.

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

    Great tutorial, thanks for sharing!

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

      Glad you enjoyed it!

  • @darcey.
    @darcey. Рік тому

    I've followed your tutorial, and successfully managed to replicate exactly what you configured in the video which is great (thank you!). However, I've encountered an issue - the connection seems to no longer work when I add another "service" to the form-field. I'm not a back-end developer, so it's really hard to understand exactly what I need to do in order to restore the connection between Framer, Alphi and Airtable. I've tried fiddling around with it, but I'm totally lost at this point. Being able to frequently change parameters is going to be key for me, as I work with clients who constantly want changes made on the site, and knowing how to restore connection will be super helpful Attentively await response! Thanks again for making content like this

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

      Hi Darcey, Thank you for reaching out. From the information provided, it sounds like the website you are working on/ testing is not listed in your allowed hosts. The allowed hosts can be found by clicking the ⚙ icon, in the left navigation. Looking at your account, I can see you only have one website listed d********u.co.uk Whilst an Alphi flow is open, the host's rule is not enforced to help streamline development. If you are working/ testing a different website, you can also add it to the allowed hosts. e.g. d********u.co.uk, darcey.framer.website Please raise a support ticket (🛟 icon) and include the link to the page with the form and the Workflow URL. I can then investigate this in more detail for you. Additionally, I have some availability this afternoon if you would like to schedule a call to go over any questions you have. Kind regards, Joel

    • @darcey.
      @darcey. Рік тому

      @@HeyAlphi Solved it! Amazing. Thank you so much for getting back to me so quickly 🙌

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

      @@darcey. Happy to help! I tried out your form, and I noticed the "Subscribe to our newsletter" field is set as required in Alphi. I recommend the following: 1. If the field should be required, also make it required in the Framer form settings (then is prompts the user) 2. If the field is optional, remove the required option in the Alphi settings I hope this helps. Happy building!

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

    the framer components its free but Alphi doest right?

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

      Hi Alister, You are correct, the component is free but Alphi is a paid service. If you are looking for a free service to collect form data you could use a variety of tools. e.g. Formspark.