No-code Talk #1

A monthly stream with Connor where we cover all things no-code!

Resources

Transcript

Aron    00:00:00    All right, Connor, welcome to a no-code talk. I'm so excited to have your, how are you doing? 

Connor    00:00:08    I'm doing good. Thank you. Yeah, I'm excited too. It's been, we've been talking about it for a while, so it's exciting that the day's finally come. Yeah.  

Aron    00:00:16    Tell me about it. I feel like this is what maybe a year in the making, or maybe even more in the making, because we met at no code comp about two years ago now it feels like,  

Connor    00:00:28    Yeah. Yeah. So just for a little bit of context. Yeah. So Aron and I met at the no-code conference, um, which was very exciting because at the time I was living in New Zealand and I hadn't met that many people that were that interested in, like, we'd play your tables, Zapier, all that type of stuff. And we kind of caught up there and ever since then, we've kind of been having chats about no code related things. I've pretty much copied all of errands tutorials into my no code projects. And yeah. So I suppose this is just like another one of these chats just with more people more for this time. Yeah. So, so  

Aron: I think this is like a really good place to start about what is no code talk and why we decided to have this kind of hopefully recurring stream is that, you know, Connor moved to Canada, uh, what maybe eight months ago, right in the middle of a pandemic. And ever since Connor moved, we had weekly chats where Connor would say, Hey, have you, can you help me with this workflow? Can you check out this tool? Would you, where does it fit in your workflow? And I think every Tuesday morning it was one of the meetings I would look forward to every single week and a month ago. I said, you know, why don't we have these discussions in public? They're so valuable. I feel like other folks in the no-code community could benefit from both hearing what we say, but also interacting, you know, giving us projects that we can talk about pitching us tools.  

Connor  Right? So, uh, this is our first attempt at a no-code talk where we're gonna show off projects. We're going to talk about new tools. We're going to work through workflows, uh, and answer your questions. So our goal is really to, uh, maybe loftly, uh, have a mini no-code conference every month, right? No, co-talk every first Wednesday of the month where we, um, have, uh, yeah, just like bring the community together, answer some questions, review some tools, check out some workflows, uh, really condense what's happened in the past month in no-code and hopefully make it enjoyable. So really excited. We've got a bunch of folks in the chat. Uh, let us know if you're here. I means a lot that you're taking the time to join. I know Connor that we had some folks who are maybe more familiar with what you do, or maybe a little more familiar with what I do. So how about just a quick intro into, uh, yourself who is Connor? Uh, and then I'm going to do the same and we're going to jump into today's agenda.  

Connor Okay. So yeah, my name's Connor. I run a freelance marketplace in New Zealand called unicorn factory. So it's basically designed to make it easier for New Zealand businesses to find local freelancers. And I built the entire platform with no-code tools. So it all started off with Webflow. And then over time, as soon as you spend enough time in that space, you start to discover a whole bunch of other tools. So I started automating workflows with Zapier. I built my database and ear table. And, um, yeah, since then I've been just like playing around with a whole bunch of different no-code tools. Um, I started a little YouTube channel where I make tutorials explaining how to build different things. Um, I've also worked on a whole bunch of other projects that I haven't really talked about that much, but really, um, yeah, I mean, what at all, what I mostly do is just do no code related things and yeah. Is that a good summary of, yeah, I think that's good.  

Aron We also learned that you have a squeaky chair, so everyone just please in the chat make fun of Connor. He's very, self-conscious about his chair, uh, that we're gonna, we're probably gonna, you know, chip in some money and get him a new chair. I  

Connor  Bought this chair on purpose. I was like, I'm going to find the squeakiest chair for this first thing so that we have that to talk about. Well,  

Aron I appreciate it. We all, we all really love the fact that you're adding some, uh, some sound effects into the stream. Um, so yeah, it's kind of weird to introduce myself at my own stream, but my name is Aron Korenblit, but I started, uh, automate all the things, you know, what feels like five years ago, uh, and, uh, what started off as, you know, dinners where folks would come in and I'd show them how to use, how to automate their lives, right? I'm not in a very tech environment here in Montreal, uh, turned into this YouTube channel. I'm on the education team at air table. And I stream every Wednesdays at 1:00 PM, uh, how to work smarter, not harder using no-code tools. Uh, and yeah, this week we've got Connor. So I think that's pretty good for an introduction. So really first Wednesday of the month, we're going to go through the agenda that you see on the screen and you know, this is open to change.  

Aron So if you have any suggestions around things, we should cover, you have a tool to pitch us a question you want to ask, please tweet at Erin cor or at, uh, Finland's and Connor. Uh, and we're going to kind of integrate the agenda, make it yours. Really. You guys are kind of watching this, listening to this after the fact we want to make this stream all yours. So pitch us. We're always, always open to adapt the agenda. Okay. So Connor, are we ready for the first question on no-code talk, let's go. All right, let's do it. So I'm going to go ahead. There we go. So Connor, everyone on the stream should now see my screen. Connor. You should see the same. There you go.  

Connor Boom.  

Aron Okay. So our first question comes from anonymous. This person didn't want to reveal what they're working on. Uh, but wanted to ask us a question, which we're cool with that. We're cool with anonymous questions. People got, people got billion dollar startups they're building here. So, um,  

Aron So this person is building,  

Aron Uh, a marketplace using member sack, web flow, Zapier and airtable specifically, this is a job board and they're wondering about how to integrate payment, right? So there's a few ways, you know, you can integrate payment, you can do it on a monthly subscription, right? So every month for posting a job, pay me $30 a month, or you can have ad-ons, you can say it's $30 a month plus 50 to be featured, or maybe to target a specific demographic, like a tech job or a no-code job, whatever it is. And this person is wondering, how should they integrate payment? So should they use member stack on a monthly recurring Stripe jot form a type form? So what is the best way to integrate payment into your no-code tool? Uh, I know Connor, you have experience with this. So this is definitely gonna be a question that you can answer, uh, tell us what your thoughts are.  

Connor Okay. So funnily enough, this question is kind of perfect to start off with, because I was in that exact position probably six and a bit months ago. So on the unicorn factory, which is a freelancer marketplace, I also have a job board where clients can come and list their jobs. And then I basically put that onto a members only page and then freelancers can request introductions to those clients. So when I started off with it, I built it in, um, weird flow forms, just because it was the quickest way to do it. Um, also, um, I played around the bit with, um, ear table forms, but I ended up sticking with Webflow forms because it allowed me to track kind of how far in the process people were getting when they were filling out the form. But one of the big challenges that I ran into over time was payments.  

Connor And so, um, the problem with payments is that there is currently no good native solution inside of workflow that allows you to take payments. So, um, I did have a brief little look into Wipro e-commerce, but I feel like for this particular use case, it wasn't going to be a good fit. So, um, the, the idea that I had for my job board was to do something similar to we work remotely, where there are two components to it. First of all, you can, um, choose a category of listings. So like a basic one, a premium one, or super premium one that have different pricings and give you a whole bunch of benefit, different benefits, for example, different durations of time that the project was listed on the job board, um, like highlighted listings, all those types of things. And I thought that that was a really good way, um, to, um, you know, give different types of businesses, different options.  

Connor And then another thing that I wanted to do was have add ons. So, uh, an add on that I wanted to add is, um, to manually filter out the right types of freelancers for a particular client who has posted a job board. And so that is what we work remotely did. And I thought, you know what, this will be perfect for what I'm doing. So in our, in our research, a whole bunch of different tools that I could use to set this up. Now I tried them. I tried a lot of them. Um, and let me put it this way. If you are looking for the perfect form builder, you are not going to find it. Every form builder has its pros and cons. So what I had to find, um, was the form builder that ticked most of my boxes and that ended up being dropped four. Okay. So, um, yeah. Um, should we go and have a look at what this, um, job board looks like? Uh, the process of posting your job looks likes,  

Aron So let's go into post. So my understanding is that, you know, the form, maybe I'm, I'm, you know, I'm familiar with Airtable form. So when you said like the forms don't have the capabilities, what you mean is that, you know, some accept payment upfront, right? Some don't let you pre-fill some information. So what are those elements, I guess, before we jump into the form, that folks should be thinking about when it comes to payment, when picking the right form provider?  

Connor Well, I think the, I think the most important thing to understand is your business model or how you want to charge for job postings. Now, if you want to keep things simple and just charge a one-off fee, then you can use something like Stripe, um, checkout links and you, and so if I just had like a single price, like say $50 per job posting, um, and there was no ad-ons, there were no different plans. It was just a simple one-off plan. Then what I'd probably end up using is your table forms, plus a redirect to a Stripe checkout page or painted link, um, that you can get that set up a lot faster. But obviously the downside of that is that you might end up missing out on revenue, um, for starters, because maybe some smaller businesses consider it too expensive, um, or, um, other businesses were willing to pay you more than you actually charging. So having variable pricing makes a lot of sense. Um, but yeah, it's just not possible to do with a tool like, um, like air table or even web flow, I suppose you could sit up, um, workflows that sends an email with the payment link, the pin ring on how much they're willing to spend, but like honestly, uh, jock, like I considered all those options. And I just found with the overall user experience that I wanted to create, this was just the best option at the end of the day. So walk us through  

Aron The form itself. So right here I clicked on, you know, and then it seems like there's three steps you post the job it gets reviewed and then it gets published. So first one is just contact information, right? So I've got I've prefilled here. Just, it's kind of, uh, it's got, it's actually a, like a really nice form. I got to say I was filling this out and it looks really good. It's very slick. So this is all junk form native,  

Connor Correct. It's an embedded  

Connor Great. It's like a big factor. So it really, so this is just an embed, but yeah, you can, they give you quite a bit of freedom when it comes to styling your page and I, I'm not, uh, I'm not a big designer. So, um, like basically the default templates were really good and then I just changed the brand colors a bit. Um, and yeah, so the form really has free elements to it. First of all, the first step is you fill out your business information, what you've done now, then the next step is so when you click on the next button, uh, now you post your, um, uh, some information about your project and this is what I use to categorize things inside of your tables so that I can then filter out the freelancers that will receive an email. So if, for example, someone selects, um, the design project category, then I'm only going to contact our designers. And so, yeah. So this  

Aron Quick question here, so what this does is that it, it submits to an air table base and has a multi reference tab, none of maybe a multi reference or a single a multi-select on project type and then finds the freelancers who are in that project category and shoots them an email to say, Hey, there's a new job. Is that right? That is correct. Got it. And you take payment before you send that email. That is correct.  

Aron Jot JotForm is what allows you to take that payment before form submission?  

Connor Yep. So, um, job form allows you to take the payments, but there's actually another thing that they allow you to do, which for me, just completely sealed the deal. And that is that you can actually manually trigger if the payment is made. So if a client posts the job, and I know for sure that I won't be able to find them someone, because what they're looking for is way too niche. Then I can also opt to not take that payment. So job, when the, when the job submission is made, um, you get an email from form with a link where you can then trigger the payment. So that is a real good way to make sure that you're not accepting payments from people that you can't actually help. And so that was another thing that was phenomenal.  

Aron Got it. Okay. So when I submit this, it sends over that payment link and then fills out your airtable base. So this is how you would recommend for your specific project to go ahead and get payment.  

Connor So I'll show you it. So actually complete this part of the form, and then we're actually going to end up on the pricing page. Okay. Got it. So this is, so now all the information has been submitted and now they can pick their, um, their pricing. So you can see there, I have three different listing types. One is the legendary listing, which is the most expensive one. I mean, yeah. I mean, there's the epic listing in the free list thing. And so you can go and pick one of those. And then below that, there's also an add on section. And so in the add on section, you can basically select the filter applicants add on. And what that will do is I will then automatically filter out people for you. And you can see at the bottom that all of that is calculated, including the GST component, which is, um, our tax. And then, um, you can just add your credit card details. Payment gets agrees to the terms and services and then just  

Aron At the center. Amazing. Amazing. Yeah.  

Connor Okay, cool. So I think this answers that question, right? So I think this is one way to implement the tax. The variable ad-on does the calculations all in one place. So I'm actually going to go ahead and drop this in the chat for folks. Go ahead and play around with it, you know, give, give Connor some money.  

Connor Definitely, definitely try the Legendary listing. That one works the best.  

Aron That's the best way to discover how everything works. But honestly, if you're interested in how, uh, Connor set this up, uh, check out his YouTube channel and honestly just tweet at him, uh, Connor loves answering questions. I've heard that if you email Connor, he will answer you within the hour. Uh, he's just that type of dude. Uh, and he loves answering questions around very complex topics. Uh, so, so yeah, no really appreciate that. Awesome. So that was our first question of the month. I'm actually going to go ahead and drop the link in the chat for future. So if you ever want to ask us a question for no-code talk, go ahead and fill that out. We're going to take the questions, you know, a week before. So it might take a little bit of time for us to answer. Uh, if you, we don't pick your question, I'll probably shoot, uh, a note with a quick answer. I promise I'll try our best to get to every question, uh, but really loving, uh, our first example. And I'm happy that we could tie in your project. Okay. That was our first segment. Let us know what you think should keep doing question of the month. I personally love answering your questions and I know O'Connor does as well, so cool. Okay. Next one is project of the month. Let me go ahead one second here.  

Connor Boom. Gonna move there. Go project  

Aron Project of the month. Okay. So, uh, in this segment, uh, every month we want to highlight a project, uh, that is not a job board. I know it's a little ironic, cause we just showed off a, your job board Connor. Uh, but I promise that this is not a job board. So what we want to do in this segment is highlight something cool from, uh, that someone built into no-code community. And again, we'd love for you to submit your projects, right? Uh, tweet at us tweet at Connor. If you want us to showcase your project, what we want to do is show the behind the scenes. So how is it set up? Uh, what are the automations that run from whatever tools you're using? Uh, why did you build it? So that's our goal is just to show that no code is not just for job boards. 

Aron Really. You can build a lot of things with, uh, no code projects, but this month we thought we'd show off a little, a little meta Connor. We're going to show off how I run, automate all the things. Uh, so folks who are familiar with the stream, uh, have seen bits and pieces of this. Uh, I've been working on automate all the things. This is our 51st stream. Uh, so I've done this for a year plus, and this base has been what I've been working, um, towards for over a year. So let me just show you the end product and Connor. You're going to be the voice of folks in the chat. So let us know if you have any questions. So this website is my website built by fin suite, uh, for the front end. And I control the whole backend has two large components.  

Aron The first is my essential guide to air table, which is a free course that folks can take around, you know, learning air table and the payment per the kind of it's free. But I use a passwordless setup with member stack to get people signed up. And the reason I wanted to, I wanted to gate it in some way, just so I can get people's emails to know how the course is going, uh, to tell them about the stream and other free resources. So I implemented member stack. So that's piece number one, which is the course content plus, uh, the, the signup flow, which then needs to go into my email provider. And I have two of those because I like pain. Uh, and I like making things complex. And the second part of this website is everything around the stream. So I stream every Wednesdays at 1:00 PM.  

Aron So I need a way to tell people that a stream is upcoming and once it's happened, I need a way to host the stream. So folks can come watch the replay on my website. So that has a schedule. So these are all of the upcoming streams, little note fact thing. You can view it as a calendar view as well, right? Uh, that, that I know, I know no one, I think the analytics says no one goes to this one, which is kind of sad. Um, and then, uh, once the stream is over, you should be up here as a stream. Uh, uh, okay.  

Aron So let's how do I set this up? Okay. So I, I kind of did a little mural board of, uh, what happens. So the first I have to air table basis, again, because I'm terrible at organizing this stuff. I have two separate air table basis to manage all of this. The first is around how do I get the signups? So whenever someone signs up to the website member stack sends me a web hook to my air table based to say, this user has just signed up to your course. And then I have a script that does two things first. It does three things. First, it checks whether that user already exists in my database. Second, it checks, it sends them to mailer Lite, which is like my transactional email in the backend that just fires off to say, Hey, welcome to automate all the things.  

Aron You know, I hope you enjoy the course. And if they want to sign up to my newsletter, it goes to review. So I'm going to show you how that works in just a moment. And second is how do I manage the stream? So I schedule the stream and air table, and then there are three places again, because I like pain, uh, that the stream needs to go to. I have to send it to YouTube to create the URL. I have to send it to web flow so that it shows up on my website and then I need to send it to Google calendar. So folks can, uh, um, you know, have it on their calendar, which is one option of subscribing. And I'm going to have a fourth one, which is emailing folks. Uh, once the stream is near and after the stream, I need to update the web flow CMS so that the latest stream appears here. And that it's no longer in my schedule. Questions, thoughts before I kind of show you the, the magic behind the scenes here, Connor,  

Connor Uh, I have a very specific question about the second part of our wait until we get to that, but can you, so w are you at the moment only using your table automations to automate your workflows?  

Aron Yes. Uh, I, everything here is a mix of incoming Webhooks scripts and air table automations. I do not use any other third-party automation software.  

Connor Okay. Wow. Yeah. Cool. Well, let's get, I don't use scripts that much or at all, so I'm very excited to see how this works. Yeah. Okay,  

Aron Cool. Okay. So first let's talk about this. So I have here the air table base that I've anonymized to get new, so you can kind of option a new course followers. Actually, I'm having some problem. Connor, I'm just gonna turn off my headphones. So I might not hear you for a moment. I'm just gonna cool. There you go. Folks should still hear me and I can. Um, so what I do here is that member stack sends me a web hook whenever someone signs up. Right? So let me go kind of go into w what I do from that point is I run a script, as I said, that those three things, and I'm going to quickly go through this and I'm happy to send to anyone. Who's kind of thinking of doing the same thing, this script, I'm sorry. It's like a little messy. So member stack sends me, let me kind of give you some space. Is this better? Can folks see like that? Okay. So this script, although it may seem complex, actually does very simple things. It gets the signup, right? All the signup details checks, whether they want to go into the newsletter checks, whether what their members stack ideas and what their email is. And then it checks whether it  

Aron Is an existing user or a new user.  

Aron So is this someone who just wanted to sign up to the newsletter and has come through the workflow, or are they, uh, like a new user that I need to create a new row for? So then it just says, if it's an existing user update their information, so make sure that they have the right newsletter, the right members stack ID, the right email, all that stuff. And then it just does two things. It automatically sends their information to MailerLite that's to my service backend. And then if they did say, yes, I want to be part of your newsletter. I do an API call to review that says, Hey, this is a new subscriber to my mailing list. So, you know, what I like about this is that there were a lot of things I needed to do in the script. I needed to check whether it's a duplicate, I needed to send them to third party services with a script. I can do all of that at once. And frankly, this may look complex, but it's actually just two API calls with a quick filter at the beginning to check whether it's an existing user. So it's actually quite simple.  

Connor So can you, for starters, can you tell me how, or where you, how long ago you started learning, writing scripts and where specifically you learned how to write scripts?  

Aron Yeah, so I actually learned there's a stream, uh, um, Colleen, if you could drop, uh, there's a how to learn air, table scripts or learning air table scripting. Uh, I actually learned live on the stream with air table last year. And I, you know, I think there's this assumption that I knew how to code before, but didn't, um, and this uses everything I learned. So a filter, which checks whether, uh, there is an existing record with that same email, which was, you know, of course the first stream we did and then two API calls, which is the fourth stream that we did. So I think folks who watch those four streams should be able to write this exact script, uh, very easily. Uh, and again, I'm happy to open source this one, uh, for anyone who wants to kind of understand really what happens behind the scenes. And I'd also love folks to improve it because I think there's some definitely some improvements that can be built in here. 

Connor Cool. Okay. It looks really interesting.  

Aron So that is for bucket one. So when someone signs up automatically sends them to my mail back backend second, sends them to review if they've chosen to subscribe to, uh, um, to the newsletter. So Colleen just dropped the link to learn irritable scripting four part series, uh, and you know, four hours, you should be pretty proficient in writing scripts. Okay. So that was the user management side. Let's talk about the stream management side, which is on the left side. And for some reason this is on the right side, but, um, okay. So EV like let's, let's use no co-talk as an example, right? So I'm in my hair table base. Um, and I have this streaming content table, which has all of the information around a stream. So it has the title. No, co-talk number one, you can see automate your e-commerce store is number two for next week. I have a guest table that has all of the, you know, Connor's information, Twitter handle, nice little image. You really do look better on, on that image then than live Connor. I don't know what happened on that one. Also, you're wearing a hat, uh, which you're not right now. That's so rare.  

Connor We finally got to get here cuts in Ontario. So I've stopped wearing my cap for now. Um, so,  

Aron Uh, and then live stream number, just some stuff. And this is where the magic happens, right? So I'm mapping each one of these fields to a CMS ID, but there's a lot of things I need to create for every stream. The first is this thumbnail. So you notice this thumbnail has elements from the stream. It has the title, the guest, when it happens, and then the image, right? So what I do to create is actually I have a page designer that has all of those elements, right? So if you cycle through this, you see all of my thumbnails. So when I have a new show, I take a screenshot of this like that, and then I just upload it as a thumbnail. So if anything changes, let's say, I go, no talk number 10. And I made a mistake. You can see that my thumbnail updates, and I just need to take another screenshot.  

Aron Right. So I kind of added into my screenshots here, and then I have the send to web flow button, right? So remember that my sent to web flow is a script that sends all of this information to web flow. So I'm not actually going to do it. I'm just going to show you guys the script again, very simple. Again, it's going to look complex, but it just, those two API calls, it checks whether this is an existing stream, and if it is a new stream, it just maps all the different fields that I need in my web flow CMS. So it says, take name for the YouTube title, show calendar invite for show Cal the publish date, the stream start time. All that information is in my Airtable base. So at the click of a button, I can go ahead and update my web flow CMS.  

Aron So from there I sent to YouTube, this is the manual step. So I actually have not find any way to automatically schedule my stream. Uh, if there are any people in the chat in general, uh, um, who want to build this, I would love a way to communicate from air table to YouTube. I know a lot of content creators use air table. Uh, and so I'm sure that they would love it as well. And then last one I want to show off is sent to calendar, which is, if you go to, uh, there's a, I have a calendar that you can subscribe to, which is no code like my stream, right? So it has on my calendar, every single stream that I have, and this is just an air table automation. So I have an automation that says when a record matches conditions. So when I check off this box, go ahead and create this event on the Google, the public Google calendar that has all the stream information. So it grabs the title, it grabs the link, the little description, and all of that information is updated to the calendar, which is the best way to kind of subscribe to this stream. Ah, yes. Veronica proud calendar subscriber. Appreciate it. Uh, love to hear it. Um, so, so yeah, so there's a lot of questions, Connor. I wonder, do you have any questions? And there's some in the chat that I want to get to.  

Connor Yeah. So Veronica asks a good question and that is how to save the image. So from what I understood you screenshot it,  

Aron  That is correct. So there is no way today, today that really sounded Canadian today. Uh, to let me open up that one more time. So let's open pages, diner. So if you open pages, I, it, there's no way to PR like you can print, but there's no way to say save this as a, uh, image in the record that generated this page. Uh, um, and so what I do is I use cloud app. So you can see I've a shortcut to take a screenshot, and then I have cloud app, which folks in the stream won't see, but it's in my Mac, uh, kind of sidebar here. And I can just go ahead and drag and drop it into the record. Uh, there are ways to automate this, uh, but I found taking a screenshot is not so much a, um, so it's not that much work.  

Aron Yeah. I use a tool called Placid app that does that, but that's a paid app, but yeah, it does the same thing as you. It just automatically imports it using the plastic tab API. Um, but I like your solution. That seems like a real good way. You  

Aron Can go ahead and steal it. It's yours. Anyone watch on can steal it as well. Um, cool. There's a few more questions that, uh, one person asked why not use, why not use something like Zapier? And I think that's a really fair question. This is much easier to use Zapier, uh, than to use air table automations plus a script. Frankly, I like having all of my automations run natively within my air table base because I stream a lot. This is gonna sound really silly. I stream a lot. So I sometimes configure something on the stream that I'm then worried that will like trigger an automation that I don't know about. So having one place where I see all of my automations, knowing what triggers, what is really valuable to me and writing a script, wasn't that much work once you get the hang of it. So that felt more natural. Now had I done this maybe six, seven months ago and or a year ago, and I didn't know how to write scripts. I would have probably used something like a Zapier to get this done. So really it is up to you what your comfortable using, uh, and not necessarily like there's no good right answer here.  

Connor Cool.  

Aron Do one more question from Veronica, which is what happens if you reschedule or a detailed changes, right? Um, yeah, it's a great question. I, again, I don't automate that. I, I just go here, I delete it. I changed the information and I send it back, right. So I rerun the automation. This might be an issue if you have multiple, uh, um, you know, changes that need to happen. So there is no way to say update calendar. I think, let me check if there's an update, Google calendar is update event, right? So you are able, if you're making changes to update an event, I think you'll be like to find that Google calendar you'll need an ID or to match the name of the event. So that's definitely possible. So Veronica, I'll let you, I'm going to scroll down a little bit. Can folks see? Yeah, you can see it. Great. So update event, uh, is a possibility, so you don't need to delete and recreate like I do.  

Connor Cool. Okay. Nice.  

Connor Quick question. I do have, is, do you ever seen the actual video to web flow after it's been published?  

Aron Uh, no. So it's always the, the link, the YouTube link that I embed and then I have to manually go and just update one thing. It doesn't render automatically, but my script. So the one thing I do update is show in calendar. So it show in calendar means that if it's checked, don't show it in the calendar like Eric ATT diode slash calendar, if it is unchecked, uh, just highlight in the stream page, the homepage. So my script, uh, accounts for that. So my script updates the information, uh, when I run it to check any updates to, uh, uh, the CMS item. Right. So it, I don't send the actual recording, but I do update the information to be able to place it in a different place in my website.  

Connor Cool. Cool. Awesome.  

Aron Yeah. So there's a question. So, uh, event ID.  

Connor Yeah. Okay, awesome. Cool.  

Aron Um, Okie dokes. Alright. We're on to tools of the trade, which is our last segment here. I think Connor, you've got something you want to show off. So, uh, talk to us a little bit about what the two oh, that baby Connor, tell us about what tool of the month tools of the trade is. And then we're going to jump into the actual tool of the month tools, tools of the trade of the month.  

Connor Cool. So the tool that I chose for tool of the month is the flow based components club. Now this is going to be very relevant to anyone who uses web flow and specifically people that like to use templates or components a lot now, um, what the flow based team have done with component club is absolutely mind blowing. When I, um, when I, when they got in touch with me and told me about what they were up to a fault, I misunderstood what exactly it does until I gave it a try. And basically what this tour is going to allow you to do is to copy and paste over components from their website, without you having to download the actual project into flow first. So maybe let's just do a demo so that you can see what exactly I mean by it, because it's honestly amazing.  

Aron Yeah. And especially as we're both terrible designers, this is a revelation. So, uh, where should you want me to go to the, the, yep. Okay. So w where are we now? We're in navigation, it looks like a navigation bar. What can I do with this?  

Connor So just a little bit of context. What flowbase does is they build a whole bunch of components for Webflow sites. So if you click on the explore tab, you can have an overview of all of the different, um, uh, select premium components. You can kind of see all the kinds of stuff that they've built. So you've got things like testimonials, sliders, you've got multistep forms, a whole bunch of like really awesome things that you can use in your workflow projects. And then the past, the way it would work is you would, uh, someone in the photos team would send it to you as a project, uh, to your, um, workflow account. And then you would jump into that project and copy and paste it over into whatever project you want. It. What you can do now is you can browse through this directory and select a component that you want. So let's pick that testimonial, uh, component on the right side there. And now what you can do is you can just click on the copy component, tab a button on the right side. Now,  

Aron Wait, Connor, are you telling me that I'm just going to click this button and then I'm going to have this component, this piece in my Webflow website. Correct.  

Connor That is what I'm telling you. So jump into your workflow project. Okay. Okay. We've got a new project and now just hit the paste button. Okay. No, and just like that, um, wait, is that what it's supposed to look like though?  

Aron No, but I think it's just because I don't have it set up. Right. So I don't have it properly set up. Hmm. Right.  

Connor So that's an interesting one, usually that, so this has worked for me perfectly. Let's do another one. Let's do another one. Let's do another one. It's always, it's always these live demos  

Aron That, but this is, this is where this is where you see what happens, you know? It's good. Let me go grab this navigation one that I had opener it's okay. It's okay. Copy component. Right. Let me go into web flow. And it might be because I don't have any, I just have a body  

Connor Right there. Yeah. Oh, no. There you go. There you go. Boom. And so, um, basically this has taken out the entire step of having to download a project, which if you are not on one of the higher paid, um, whip flow plans is going to be an issue anyway, because you can only have so many projects in your account at any given time, but now you can just go and pick and choose whatever elements you want, copy and paste it straight from the website here. Now, another cool thing about it is, is that, um, if you are copying it into an existing project, it will be existing like font settings, like the global font we have and automatically apply it to that project, meaning that, um, your styles will kind of be pretty much how you've already got it set up. So you won't have to go in there and change the font of every single component.  

Connor And so, yeah, I think this is going to be very, very, very, very useful for a lot of people. Um, especially people like myself who are not huge designers, um, also a flow base, um, build some really, really awesome things. Like the multi-step form has a lot of custom code in it. Right. Um, and you don't often time see, um, templates with custom code in Webflow because I'm not exactly sure why, I assume it can cause some like support issues, but, um, yeah, they have some pretty advanced, um, like components that you can just copy and paste into your project. And yeah. Obviously just looking at how they design it, your designs are super slick and it's just a fantastic starting point because you can essentially assemble an entire website just using the component library. Yeah.  

Aron Um, honestly I remember building the first version of automate all the things through a template, which had the challenge of having like a bunch of things I don't need. Right. So how templates are created is that they'll just assume you need an about me page a products page a. And so they categorize into like groupings of types of pages. So you have an agency template, you have a, uh, whatever template, right? No one had a, like, do you want to start streaming template? Here's the perfect right. Here's like the perfect template for that. So you end up with a bunch of stuff you don't need and, you know, as someone as well, like you Connor as a terrible designer, uh, the ability to just copy the component that I need style it in the way that I need and, uh, just have to copy paste. It is, you know, a game changer. So yeah, I'd love to know in the chat, give it a try, you know, uh, we'd love to know how you're gonna use this. I just dropped the link. I think Connor, you also have a discount. So I think for folks who are joining, we also have a discount free also. What is the discount? What's the code?  

Connor Hold on 15. And so you'll get 15% off, um, the lifetime of the, of the tour. So, uh, I think, I, I think they charged the $9 a month for it. Um, and so yeah, a 15% discount. Cool. And yeah, I mean, it's pretty much the price of, you know, a template I suppose, or maybe two templates. So, you know, if you just want to spin up a website, real, this is probably the way to go.  

Aron Amazing. Okay. So give it a try folks. That's their tool of the month or tools of the trade. And also that completes our first no-code talk. That's everything we wanted to cover. Great job, Conor. We only heard your chair a few times. It was very impressive.  

Connor I haven't moved last hour.  

Aron Well, you've done a great job. Uh, really appreciate it. Uh, so thanks for coming. We're going to do this next month again. We're going to have no co-talk so until then, ask us your questions, pitch us your projects that you want to show off on the stream. If you're building a tool or encounter tool that you think is cool, um, tweeted us, you know, uh, let us know and we'd love to highlight it next month. Uh, yeah, let us know how, how much, how no co-talk went. You can tweet at us, uh, make sure to like, and subscribe, make sure to like, and subscribe Connor's channel. I'm sure he's going to do about 10, 10 demos before, uh, 10 videos before the next time. Uh, you know, we have no co-talk again. So do make sure to join, uh, yeah. Any, any parting words here, Connor before we head off for today,  

Connor And this was, this was a lot of fun. I definitely want to have a chat to you at some point about your decision to, um, choose air table scripts and near table automations over Zapier. So maybe that's something that we can talk about next time.  

Aron Yeah, definitely. Definitely. I have a lot of thoughts around when to use what third-party automation tool. Uh, awesome. Okay. So I'll see you all next month. Really appreciate you all joining have a great rest of week and yeah. Back to whatever, uh, no-code work you were doing before. So really appreciate y'all have a great day. Bye Connor. Thanks for joining. And I will see you all next week or corner. I'll see you next month. Bye. Sounds good. Bye. 




Key takeaways

Similar streams

Oh no! No videos within this category were found.