Template Usage Instructions
All changes and updates made to this Webflow template since release.
Getting Started
To begin using the Muxra Agency Webflow template:
Log in to your Webflow account.
Open the Muxra template in Webflow.
Click the "Duplicate" button at the top-right to create your own editable version.
Rename your project and publish to a staging domain.
Set Up Site Branding Update your branding throughout the site:
Logo: Replace the default logo in the Navbar and Footer. Upload your own via the Assets panel or directly in the Designer.
Site Name: Update your project’s name under Project Settings > General.
Navigation Links: Customize menu items by editing the Navbar component.
Footer Socials: Update social media links by replacing the existing URLs with your own.
Last Updated: 30th May 2025
Global Style Guide Overview
The Muxra template uses a consistent and scalable system:
Typography: Set globally under the Style Guide page.
Primary: #AEE100 (Green)
Secondary: #171E00 (Black Olive)
#FFFFFF (White)
#000000 (Black)
#008DFF (Blue)
#DF2926 (Red)
#F9F9F9 (Gray)
Spacing & Layout: Uses a responsive grid system with consistent padding, margin, and gutters.
Editing Global Styles To match your brand:
Change fonts from the Style panel > Typography
Adjust primary and secondary colors globally from the Style Guide symbols
Update button styles, link styles, and container widths as needed
CMS & Content
Blog & Project Collections To add or edit CMS content:
Go to the CMS panel
Choose Blog Posts or Projects
Click "New" to create or open an existing entry to edit
Mapping CMS Content into Pages
Blog posts and projects are dynamically inserted using Collection Lists
On the Blog page and Projects page, each card links to its respective CMS Detail Page
Updating Featured Blogs or CTA Blocks
Navigate to any section using dynamic blocks (like Featured Blog or CTA)
Use filters in the Collection List to showcase specific entries (e.g., "Featured = True")
CMS & Content
Editable Pages Overview Pages you can modify:
Home
About
Services
Projects
Blog
Blog Details (CMS)
Project Details (CMS)
Contact
Instructions
Style Guide
Page Section Edits
Hero Sections: Change background, title, CTA
Services: Edit service titles, icons, and descriptions
Team: Update images and bios of team members
Contact: Change map, text, and email/form details
Replace Placeholder Content Always:
Update text blocks and buttons
Replace dummy images with your project assets
Check image dimensions to maintain layout
Interactions & Animations
Built-in Animations The template uses Webflow's native Interactions panel:
Fade-up: Used for section reveals
Hover Effects: Applied on buttons, cards, and links
Editing or Adding Animations To modify:
Open the Interactions panel
Adjust timing, delay, and movement as needed
To apply globally, use Classes and Triggers
Forms & Integrations
Form Setup Webflow forms are ready-to-use:
Input, Textarea, Submit Button
Form notification is editable in the Settings panel
Integration Options
Use Zapier to connect forms with Google Sheets, Mailchimp, Slack, etc.
Mailchimp: Add embed code or connect via Webflow integrations
Success Message
Edit the success state by selecting the form and switching to the "Success" state in the Form Settings panel.
Site Go-Live Checklist
Before publishing:
✅ Check layout across all breakpoints (Desktop, Tablet, Mobile)
✅ Replace all placeholder images with optimized, compressed versions
✅ Update meta titles, meta descriptions, favicon, and alt text for SEO
✅ Enable automatic backups in Webflow Project Settings
Support & Maintenance
Need Help? If you're stuck:
Email us at support@muxra.com
Visit the Webflow Forum or Webflow University for tutorials
Safe Editing Practices
Duplicate a page before major changes
Regularly back up your site
Keep CMS entries organized and tagged properly
Book Your Free Consultation Now
This is a placeholder text for the consultation call to action that can be a few lines in length.
