Documentation

1. Visit the Chrome Web Store or Firefox Add-ons 2. Search for "SSupercharge for Squarespace" 3. Click "Add to Chrome" or "Add to Firefox" 4. Once installed, visit your Squarespace website 5. Look for the SSupercharge icon in your browser toolbar

1. Open your Squarespace website in edit mode 2. Click the SSupercharge extension icon 3. Browse available plugins in the plugin library 4. Click "Enable" on any plugin you want to use 5. Configure plugin settings as needed 6. Save and publish your changes

No coding knowledge required! SSupercharge is designed for everyone: • Visual interface for all settings • Pre-built templates and presets • One-click plugin activation • Live preview of changes • Helpful tooltips and documentation

Plugins extend Squarespace functionality by: • Adding custom CSS and JavaScript to your site • Providing visual editors for configuration • Injecting code blocks automatically • Managing settings through an intuitive UI • Updating automatically with new features

Yes! All plugins are designed to work together: • No conflicts between plugins • Shared settings panel • Unified styling system • Optimized performance • Automatic compatibility checks

Each plugin has its own settings panel: 1. Click on the enabled plugin 2. Adjust options using visual controls 3. Preview changes in real-time 4. Use CSS variables for advanced customization 5. Export/import settings between sites

Try these steps: 1. Ensure the plugin is enabled in SSupercharge 2. Clear your browser cache and reload 3. Check if plugin is compatible with your template 4. Verify you're not in Safe Mode 5. Disable other browser extensions temporarily 6. Contact support if issue persists

To optimize performance: • Disable unused plugins • Use lazy loading for images • Minimize custom code additions • Clear browser cache regularly • Update to latest plugin versions • Check Squarespace's own performance settings

If changes aren't saving: 1. Check your internet connection 2. Verify you have editor permissions 3. Ensure you clicked "Save" or "Publish" 4. Try refreshing the page 5. Check browser console for errors 6. Contact support with error details

Plugins expose CSS variables for customization: <Code> --plugin-primary-color: #6366f1; --plugin-spacing: 1rem; --plugin-border-radius: 0.5rem; </Code> Add custom CSS in your Squarespace Custom CSS panel to override defaults.

Plugins use data attributes for targeting: <Code> [data-plugin="header-boxed"] [data-plugin-option="sticky"] </Code> Use these in Custom CSS to create advanced styling rules.

Save time when working on multiple sites: 1. Open plugin settings 2. Click "Export Settings" 3. Save JSON file 4. On new site, click "Import Settings" 5. Select your JSON file 6. Settings are applied automatically