As a go-to platform for creating modern, visually stunning websites, Webflow is gaining popularity among digital agencies. Its intuitive drag-and-drop interface empowers designers to bring client websites to life faster without coding. For agencies looking to add Webflow to their web design stack, here is a guide to getting started:
Choose your webflow plan
Webflow offers various pricing plans depending on your needs. The CMS plan ($24/month) covers core hilvy website creation capabilities. For advanced features like CMS collections, e-commerce, and form handling, upgrade to the Business plan ($42/month). Enterprise packages add team permissions and white labelling. Start with CMS, then scale up over time.
Set up your account & branding
Sign up for a Webflow account using your agency email. Set up team member seats and permissions. Update your account profile with agency branding, logo, and links. This helps showcase your agency when collaborating on client sites. Customize your Webflow dashboard for quick access to important views.
Learn webflow fundamentals
Dive into Webflow University tutorials to learn fundamentals like editing pages, styling, interactions, animations, publishing, and templates. Get comfortable with key tools in the platform. Leverage resources like video tutorials, knowledge base articles, live webinars, and the Webflow community forum.
Import website templates
Hit the ground running by importing ready-made website templates to easily edit and customize for clients. Browse Webflow’s Template Marketplace or third-party sites like Template Monster. Import templates with one click to build faster. Tweak templates using Webflow’s visual editor.
Create style guides
For consistent branding across client sites, create reusable Webflow style guides defining colors, logos, fonts, buttons, and components for your agency. Set up design systems making it faster to spin up sites adhering to your agency and clients’ brands.
Optimize your webflow workflow
Streamline how your team collaborates in Webflow. Use Collections to manage site content and structure. Set up Project Files to organize team member roles and statuses. Establish naming conventions for sites, pages, and assets. Determine handoff procedures for dev to design.
Add team members
Invite designers, developers, and project managers to join your Webflow team. Assign site and team permissions based on roles. Ensure all project stakeholders have access appropriate to their responsibilities. Get them up to speed on Webflow through training resources.
On board clients
Set up a simple CMS tutorial to demonstrate Webflow to clients. Show them how to access their site dashboard to edit content on their own. Provide documentation on updating pages, adding blog posts, modifying navigation, and performing other routine tasks.
Choose add-ons and integrations
Enhance Webflow’s capabilities by integrating useful apps from the Webflow App Store. Apps for forms, e-commerce, email marketing, analytics, and SEO are especially valuable. Connect your favorite project management tools using Webflow’s Zapier integration. Showcase sites you’ve built in Webflow in your agency’s online portfolio. Clients experience Webflow sites firsthand. Use Webflow’s built-in password protection to limit live site access for unpublished projects.
