Custom code enhances your Squarespace site's functionality and appearance beyond built-in features. While Squarespace doesn't require coding knowledge for basic site building, custom code offers advanced customization options.

Supported Code Types:

• HTML (content structure)
• CSS (styling and design, limited to 128,000 characters)
• JavaScript (interactive features)
• Markdown

Note: Server-side code (PHP, Ruby, SQL) is not supported.

Adding Custom Code:

1. Code Blocks: For advanced, customizable code implementation
2. Embed Blocks: For third-party content using oEmbed standard

Common Custom Code Applications:

• Document embedding
• MLS search integration
• Font customization
• Color schemes
• Background modifications

Important Considerations:

• Test code in incognito mode if not visible when logged in
• Use keyboard shortcuts if unable to paste code
• Refresh browser if code doesn't display
• CORS requests are not supported

CSS Usage Guidelines: Do Use For:

• Font types
• Colors
• Backgrounds

Avoid Using For:

• Padding
• Margins
• Float elements
• Size adjustments
• Positioning

Troubleshooting Tips:

1. Check code visibility in incognito mode
2. Remove pages from Index if code isn't visible
3. Contact code provider for third-party code issues
4. Refresh browser after implementation

Recommended Learning Resources:

• W3Schools
• CodeCademy
• Mozilla Developer Network
• Stack Overflow
• Shay Howe
• SitePoint
• Treehouse

For advanced support, consider:

• Joining Squarespace Circle (requires 3+ active sites)
• Hiring a Squarespace Expert
• Visiting the Squarespace Forum

Custom code modifications are outside Squarespace's standard support scope. Ensure you have necessary coding skills or professional assistance before implementation.

Related Articles

Previous Articles