11 Tools to Power Up Your Webflow Projects

in today's video i'm going to be showing you some tools that you can use to take your webflow project to the next level so without further ado let's get into it hello everyone welcome back to the channel if you're new here my name is conan and on this channel i make a whole bunch of videos to show you how you can build your online business with no code tools like webflow ear table and zapier so in today's video i am going to be diving deeper into certain tools that you can use to really take your webflow projects to the next level now if you've been on this channel before you'll know that i use tools like zapier or integromat to connect a variety of apps to my webflow cms but the tools that i am going to be showcasing today can be used without having to use any of these third-party automation tools now because webflow has gotten incredibly popular over the last few years there are now a huge variety of tools that you can actually use to integrate it into your webflow project so if i have forgotten any that you feel are crucial then please let me know in the comments down below and i will add them in a future iteration of this video so the tools that i chose today i chose for one of three reasons and number one it is a popular feature request on the webflow wishlist and a native web flow solution doesn't exist yet number two i have used this tool myself and i rate it or number three it is a tool that i haven't used myself but a lot of people have recommended it to me and the only reason i haven't used it yet is because i haven't come across a use case where it would have been useful for any of my projects but before we get into the first tool do me a quick little favor if you haven't already please subscribe to the channel for more no code videos also if you want me to make more web for specific videos then also hit like on this video it lets me know that you want me to make more of these videos plus it helps spread the word about webflow and these tools that are out here but without further ado let's get into the first at all so the first tool i wanted to talk about today is optoly and what optically allows you to do is to automatically resize images that you might be using on your webflow site now i made a more detailed breakdown of optoly last week so i'll link it in the video above and you can kind of see how it all works and how i use it to resize all of the images on the unicorn factory canada so the reason why you might want to use a tool like optoly is because if you start adding images to your webflow sound over time those image sizes get quite big and if you don't optimize the size of your images it will have a negative effect on your overall load speed of your page and that in turn negatively affects your seo score which means it won't be as easy for people to discover your website now if you only have a few images on your website or you don't have that many images inside of your webflow collections then it's probably easy enough to just download those images and then compress them for a tool like tinypng but if you do have a very image heavy website or a lot of your collection items contain images then using a tool like optically is super useful because it will just be a huge time saver so i did it for the unicorn factory camera as you'll see in the video that i linked above but after i was done with that i also did it on the unicorn factory new zealand which has two and a half thousand images and i managed to compress about one gigabyte worth of files and that was amazing for my overall seo score and for the overall page load speed so i highly endorse optile it's a fantastic tool you don't even really need to do much but the overall result that it generates you is really outstanding so the next set of tools that i want to introduce you to allow your website visitors to search or filter through different collection lists on your webflow pages so on the unicorn factory canada i have a lot of freelancers and what i want to allow my website visitors to do is to quickly filter out freelancers based on a set of criteria that's important to them so in this case if i want a website visitor to search for things like just consultants i have this type of functionality that allows me to filter out the freelancers that have that particular skill attached to their cms item i can also allow my website visitors to search by just typing in certain search terms into the search bar above and all of this is made possible by a tool called jetboost so i've talked about jetboost a lot on this channel it allows you to basically do dynamic filtering searching and a whole bunch of other fun things with you are using the webflow cms now there's some fantastic use cases for example with people building custom directories people building really advanced blogs so whatever your use cases if you are using the webflow cms then jetboos can really help you take the filtering and the overall user experience to the next level an alternative tool that is available to do pretty much the same functionality is the fin suite cms library so if you don't know the thin suite guys here they make a whole bunch of awesome youtube videos on how to take your webflow projects to the next level so i'd highly recommend checking them out as well but what they have done with the cms library is essentially build the functionality that you can also implement with jetboost that allow you to do things like load filter and search for different types of cms items inside of your collection lists so using the vince with cms library involves a bit more custom code than jet boost but it is free to use so if you are on a budget this might be a very great solution to use in order to really take your webflow cms to the next level either way i use jet boost but i think both platforms are fantastic what the fin suite dudes are doing is phenomenal so i definitely recommend checking out both tools and then just going with what works best for you so the next two tools are a solution to the most requested feature on the webflow wishlist which is user accounts and membership functionality so the tool that i use on the unicorn factory is member stack and what that allows me to do is to create things like user dashboards where i can allow my freelancers to update their accounts to add case studies and a whole bunch of things like that so the unicorn vector is only one particular use case some other use cases that you can use member stack for are things for example having premium content for a blog that you might want to run and it's a really straightforward process to integrate into your webflow project so once you get the hang of webflow learning how to implement memberstack onto your site isn't that difficult there are definitely a few little bits and pieces here and there that you need to learn but i'll link a video to a tutorial on my youtube channel above so you can kind of check out what you'll have to do at a high level now an alternative tool that you can use to member stack is outsetter now i myself haven't used outsetter before but a lot of people in the webflow community speak very highly of it so i thought it was only for you to include them in this video now similar to member stack it allows you to do things like have a login portal have user accounts hide certain types of contents based on different membership types and it integrates directly into your webflow sites they also have a bunch of additional little features that mimisec doesn't offer for example automated emails that you can send to your customers a custom crm so if you are looking for an option you can either choose member stack or outsider just go and check out the different tools see what your specific requirements are any of those two should really get the job done so now that we have got the most requested feature on the webflow wish list covered now let's jump to the second one which is multi-language sites and cms fields now a tool that allows you to automatically translate your webflow sites from one language to the other is a tool called weblot now i haven't used wiglot myself because i haven't had any use cases where i've had to translate my sites into a different language but as you can see from the actual website it is actually quite easy to just see how it goes from say english to german to a whole bunch of other languages just by connecting it to weblot now as i said i haven't used it myself but i have seen a demo of wiglot before and it's really impressive what it does basically it does all of the translations for you automatically but if you want to go ahead and change the wording of certain types of translations then you can just jump into the at all make those changes and then that will automatically apply to your webflow site now again if you want to see a demo of it you should go and check out the fin suite walkthrough of weblog where they show you how you can set up a multi-language site it's again very impressive that this is possible and i am actually going to be implementing this into my unicorn factory candidate site because i also want to have a french version of the unicorn factory canada so another highly requested feature on the webflow wishlist is a way to make your webflow sites more gdpr compliant and that brings us right back to the fence week fellows who actually have built a tool that allows you to have a cookie consent pop-up come up on your site that then allows your users to opt into whatever their preferences are for tracking on your website so like most of the fensweet integration the way it works is you just install the script on your website and then you start tagging links diff blocks all sorts of different things with attributes and it's a very simple straightforward way to have a cookie consent form on your website now unfortunately i actually ended up with a different cookie consent tool because fin suite hadn't released this particular tool yet and the one that i went with is termsfeed.com now i actually didn't use terms feed for that cookie consent tool in particular i actually initially used it to just create a privacy policy in a terms and conditions but when i had created i also saw that they allow you to then add a cookie consent pop up to your website for free again all they do is they give you the script you install it on your site you basically do like a little bit of tagging based on the different types of tools that you use and then as soon as people come to your website it pops up and they can opt in or opt out of being tracked with certain types of platforms so from what i can tell both of these tools do the same thing but the fin suite tool is free whereas if you want to use termstream.com you actually have to buy a privacy policy or terms and conditions generators so if you haven't got one yet that might be an option otherwise the thin sweet cookie consent tool will absolutely be the right thing for you if you are setting that up inside of webflow on to the next tool which is no code lytics now i actually had a chat to the founder of noco lyrics the other week so i decided to include him in this video now what no codelytics allows you to do is to basically see how certain types of people use your website and the really cool thing about it is is that it integrates with member stack and outsetter meaning that if you have user accounts you can also see when the last time was that someone logged into your platform and it is just easy to set up which is a key benefit of the tool now i personally use google analytics i have been for ages so i don't really have a need for this product at the moment but with that being said setting up google analytics and doing things like link tracking or setting up custom events is quite a bit more difficult than with an out-of-the-box tool like no code lyrics especially if you want to track things like how people use your jet boost search or tag filtering then that might be something that might be slightly too complicated to set up in something like google tag manager and google analytics so if that is the case for you then i definitely recommend a checking out no codelytics on to the next tool and the next tool is called monto now monto is a tool that you can use to basically make your webflow shops or your webflow ecommerce sites even better by integrating things like reviews or abandon cart emails so i personally haven't built a site in webflow ecommerce yet so i haven't actually come across this but this tool was recommended to me by someone that i've been working with and from what i can tell the way that it works is you can integrate these types of widgets onto your webflow sites you can customize it based on different cms items and you can really do some amazing things with it so especially for webflow e-commerce sites this might be a really amazing tool to use because as you know there are a few things in the webflow ecommerce space that are currently missing so if your email recovery is something that is important to your site then this might be the right tool to use even if you're not using an e-commerce site you can use these types of widgets to also have for example user reviews so ever since discovering this story i've been thinking about implementing on the unicorn factory to basically allow customers to review certain types of freelancers another thing that i found quite interesting about what they're doing is they have an affiliate program that you can set up and that might be a really great add-on to your e-commerce site again here it looks like it's designed specifically for webflow which is awesome so if you are running a site then definitely go ahead and check this out as well and then last but not least i want to introduce you to member chat and member chat is a tool that again i haven't used myself before but i've seen it come up quite a bit on twitter now the reason why i wanted to mention this is because oftentimes i see a lot of people who want to build freelancer marketplaces looking for the functionality where for example customers can talk to each other or users can talk to each other and this tool would allow you to do exactly that so the way that it works from what i have seen is that you can connect your webflow sites and member stack accounts to member chat and that will then allow you to open up custom little chat rooms where different people can communicate with each other so if you are for example building a freelance marketplace and you want to give your customers the ability to talk to your freelancers or whatever other use case you have then all you'd need to do is just install the script on your site and then you'll be able to create that type of chat functionality and that is it that is a variety of tools that you can use to take your webflow project to the next level or to just improve the overall performance of your webflow sites i hope you found this useful if i haven't gotten any tools please let me know in the comments down below and before you leave if you haven't already quickly smash the like button subscribe to the channel and i'll see you back here for the next one

Channel: Connor Finlayson

Views: 9,805

Keywords: webflow tutorial 2021, webflow tutorial for beginners, webflow tutorial website, webflow tutorial landing page, no code, jetboost, memberstack, memberstack webflow, memberstack webflow tutorial, outseta webflow, outseta vs memberstack, monto webflow, weglot webflow, weglot review, no code tools, no code tutorials, No code app development

Id: Rodd2Oq6CvU

Length: 12min 15sec (735 seconds)

Published: Mon Apr 26 2021