
How to Use Ajax Loading in Version 7.0 Templates
Ajax loading enables faster and more seamless page transitions in specific version 7.0 templates by loading only essential content when navigating between pages.
When Ajax loading is active, static elements like headers and footers remain in place while new content loads, creating a smoother user experience, particularly beneficial for content-heavy pages like blogs and galleries.
Supported Templates
- Brine
- Farro
- Skye (blog landing page only)
- Tremont
- York
Default Behavior
- Enabled by default for visitors
- Automatically disabled for logged-in contributors
- Recommended to keep enabled when supported
Potential Conflicts Ajax loading may conflict with:
- Custom code implementations
- Code-based customizations
- Anchor links
- URL redirects
- Website analytics (may only record first-page clicks)
Enabling/Disabling Ajax
- Navigate to "Site Styles" panel
- Locate "Enable Ajax Loading" setting
- Toggle the checkbox as needed
Important Notes:
- Cannot be disabled in Skye templates
- Farro family maintains Ajax on blog landing pages regardless of settings
Loading Bar Feature Available in:
- Brine
- Farro
To customize the loading bar:
- Access "Site Styles" panel
- Find "Site: Loading" section
- Adjust visibility, width, and color settings
Remember that Ajax loading significantly improves page load performance and user experience when properly implemented and compatible with your site's features.
Related Articles

How to Add Swiftype Search to Your Squarespace Website
