
Explaining Ajax Loading in Version 7.0 Templates: A Complete Guide
Ajax loading functionality in Version 7.0 templates enables faster, seamless page transitions by keeping static elements like headers and footers pre-loaded while dynamically updating page content.
Supported Templates
- Brine
- Farro
- Skye (Blog landing page only)
- Tremont
- York
Enable/Disable Ajax
Ajax is enabled by default for visitors. You can manage this setting in Site Styles panel by toggling "Enable Ajax Loading" option.
Important Notes:
- Cannot be disabled in Skye template family
- Cannot be disabled on Farro's blog landing page
- Always disabled for logged-in creators
- May conflict with:
- Custom code
- Code-based customization
- Anchor links
- URL redirects
- Site analytics tracking
Loading Bar Configuration
Available in Brine and Farro templates. To manage the loading bar:
- Navigate to Site Styles panel
- Locate "Site: Loading" section
- Toggle "Show Loading Progress Bar"
- Customize width and color as needed
Benefits of Ajax Loading
- Faster page transitions
- Reduced server requests
- Improved user experience
- Efficient content delivery
- Smoother navigation between pages
Consider keeping Ajax enabled when possible to maintain optimal site performance, unless specific functionality conflicts arise with custom implementations or analytics requirements.
For sites with heavy content like blogs and galleries, Ajax loading significantly improves the browsing experience by reducing load times and providing seamless transitions between pages.
Related Articles

How to Add Swiftype Search to Your Squarespace Website
