Function
Webflow Template

Instructions

This guide aims to provide comprehensive instructions and resources to help you make the most out of your Webflow template. If you have any questions or need further assistance, feel free to reach out to our support team.

Support

Want to get in touch ? Send us an email.

Webflow 101

To be able to make the most of this template, it’s important to familiarize yourself with Webflow basics using Webflow 101 Crash Course.

This course provides an overview of the Webflow UI, basic building blocks of the web, and positioning and layout basics — all of which you’ll need to know to get up and running with your template.

More information

Consult Webflow documentation or visit the Webflow Help Center for comprehensive guides, tutorials, and troubleshooting resources.

Template Licence

Not sure where and how often you can use your Webflow template? This licensing guide breaks down all the rules for you.

Client First

Client First is a set of guidelines and strategies to help you build Webflow websites. You can learn more about the methodology on Finsweet's Client First doc.

How to use svg's

SVG (Scalable Vector Graphics) is a powerful web technology that allows designers and developers to create interactive and scalable graphics for their websites. With its ability to scale without losing quality, SVGs can free up bandwidth, improve page speeds, and boost SEO performance.

To embed the SVG code into your Webflow project, click on the “Open Code Editor” button within the Embed element settings. This will open a code editor where you can paste your SVG code.

Now that your SVG is embedded in your Webflow project, you can style and animate it using Webflow’s visual design tools. You can use Webflow's styling options to change colors, apply gradients, adjust opacity, add borders and more. You can also add hover effects, click triggers, or even create complex animations using Webflow's interactions panel.