The Webble template is designed to be simple to edit, fast to deploy, and easy to manage — whether you’re a designer, developer, or business owner.
1. Purchase the Template
Start by purchasing the Webble template from t.
2. Customize Global Styles
Head to the Style Guide page and variables to modify: Fonts, Colors, Button styles, Typography and Spacing. These changes will apply across your entire site for consistency.
3. Edit Your Pages
Navigate to the Pages panel and customize:HomeAboutProjectsAContact
Replace placeholder content, adjust layout sections, or duplicate components as needed.
4. Manage CMS Collections
The template includes pre-configured CMS collections for:Projects ArticlesTeam MembersClient TestimonialsFAQs
You can add, edit, or remove items in the CMS tab. Your content updates automatically on all relevant pages. *Don't forget to edit Tabs manually on static pages since they are not connected to any CMS.
5. Update Navigation & Footer
Edit the Navbar (Nav menu) and Footer symbols to reflect your links, logo, and contact info. Changes will sync across the entire site.
6. Configure Forms
Forms on the Contact page are pre-styled and functional. Just update the form notification email in Webflow’s Form Settings.
7. Optimize for SEO & Performance
Add page titles and meta descriptions in Page Settings - Customize Open Graph images - Use compressed images and clean alt tags
8. Publish Your Site
Click Publish to go live with your custom domain or Webflow.io staging link.