Webflow’s platform supports a few types of code-attributes. Paying users can embed any code directly into any location on the page (even though you can’t watch the changes in the Editor. Only on the live version), free version users can add code to the < head > tag and before the page's < /body > tag, or add attributes to any element on the page.
External apps such as Typeform (Smart Surveys & Forms) or elfsight (Social & Website Marketing Widgets) can be easily added to your website by simply copying a few lines of codes (supported by them) into the website (I use both in nocode-founder).
But, to upgrade the site itself, without embedding other apps, and using Webflow's own elements (like CMS and Lists) we need to use some custom code. So how can we do this without knowing to code?
Let me introduce you to two Webflow code snippet libraries that can help you with this task:
This site is a community repo with code crumbs to give your websites that extra bit of functionality. You can find pre-written snippets of code for you to quickly copy & paste into your projects. Tutorials for each snippet are also available to make things easier and understandable.
Using CodeCrumbs’ search, you can find code snippets for Functionality, CMS/E-Commerce, and UI & UX. they also have s Slack channel for more interactions with the community
A Javascript Library that makes your Webflow Dynamic Lists a hell of a lot more powerful.
F'in sweet CMS Library is made up of components. You can easily add them to your CMS lists to make them much more powerful.
They also offer great tutorials and explanations for any of the components or adjustments you can make, so you can really learn some basic code and functionality on the way.
Another cool thing they're offering is a Visual Script Writer that you can use to build your own code snippets without knowing any code. Check it out!
You can also find other great tutorials or code snippets on the web, some simple and some more complicated. Try it and write me about the cool stuff you find!
.svg)
