# 🔧 SQUARESPACE CODE INJECTIONS ## Copy & Paste These Snippets --- ## 📍 WHERE TO PASTE CODE **Site-Wide Code:** Settings → Advanced → Code Injection - **Header** = Code that loads on every page in - **Footer** = Code that loads on every page before **Page-Specific Code:** Pages → Click Page → Settings → Advanced → Page Header Code Injection --- ## 🌐 SITE-WIDE HEADER CODE **Copy this ENTIRE block and paste into: Settings → Advanced → Code Injection → HEADER** ```html ``` **⚠️ IMPORTANT: Edit these values:** - Replace `+1-858-XXX-XXXX` with your real phone number - Replace `YOUR STREET ADDRESS` with your real address - Replace `92XXX` with your real ZIP code - Update social media URLs if different - Update lat/long if not in San Diego --- ## 📱 SITE-WIDE FOOTER CODE (Optional) **Paste into: Settings → Advanced → Code Injection → FOOTER** ```html ``` --- ## 🛍️ PRODUCT PAGE CODE INJECTIONS ### Sol-Ark 15K Product Page **Page → Sol-Ark 15K → Settings → Advanced → Page Header Code Injection:** ```html ``` ### Sol-Ark 18K Product Page **Page → Sol-Ark 18K → Settings → Advanced → Page Header Code Injection:** ```html ``` ### ECHO 2.0 Battery Page ```html ``` ### ECHO 3.0 Battery Page ```html ``` --- ## 📝 BLOG POST CODE INJECTION **For EVERY blog post, add this to individual post → Settings → Advanced → Post Code Injection:** ```html ``` **⚠️ Update for each blog post:** - Change "YOUR BLOG POST TITLE HERE" - Change "YOUR META DESCRIPTION HERE" - Update image URL - Update datePublished and dateModified - Update the blog post URL --- ## 🗺️ SERVICE AREA PAGE CODE **For each service area page (e.g., /service-areas/san-diego):** ```html ``` **⚠️ Update city name for each service area page** --- ## ❓ FAQ PAGE CODE INJECTION **For your FAQ page:** ```html ``` **⚠️ Add more Q&A pairs matching your actual FAQ content** --- ## 🎯 COMPARISON PAGE CODE **For comparison pages (e.g., Sol-Ark 15K vs 18K):** ```html ``` --- ## 🔍 HOW TO VERIFY CODE IS WORKING ### Test Your Schema Markup: 1. **Google Rich Results Test** - Go to: https://search.google.com/test/rich-results - Enter your page URL - Check for errors 2. **Schema Markup Validator** - Go to: https://validator.schema.org/ - Enter your page URL - Validate all schema types 3. **Google Search Console** - Wait 1-2 weeks after adding code - Check "Enhancements" section - Look for Product, FAQ, Article rich results --- ## 📋 INSTALLATION CHECKLIST **After pasting code:** ``` ✅ Header code added to site-wide settings ✅ Updated phone numbers and addresses ✅ Updated social media URLs ✅ Added product schema to all product pages ✅ Added article schema to blog posts ✅ Added service area schema to location pages ✅ Added FAQ schema to FAQ page ✅ Tested with Rich Results Test ✅ Validated with Schema.org validator ✅ Checked for JavaScript errors (browser console) ``` --- ## ⚠️ IMPORTANT NOTES 1. **Always test after adding code** - Use browser dev tools (F12) to check for errors 2. **Update placeholders** - Replace XXX, YOUR ADDRESS, etc. with real info 3. **Don't duplicate schema** - If Squarespace adds schema automatically, don't add it again 4. **Mobile-first** - Test all code on mobile devices 5. **Keep code updated** - Update dates, prices, review counts regularly --- ## 🆘 TROUBLESHOOTING **Code not working?** - Check browser console for JavaScript errors (F12 → Console) - Verify you pasted in correct location - Make sure JSON is valid (use jsonlint.com) - Clear Squarespace cache and test again **Schema not showing in Google?** - Wait 2-4 weeks for Google to crawl and process - Verify with Rich Results Test - Check Search Console for issues - Make sure page is indexed --- **All code is ready to copy/paste! Update the placeholder values and you're good to go! 🚀**