Incorporate additional elements to enhance the flexibility of your Fourthwall site
You can add your own HTML, CSS, and third-party scripts, such as analytics tags, chat widgets, or embeds, to your Fourthwall site. This provides you with greater control beyond the built-in tools.
For step-by-step instructions, see: How to Add HTML and Unique Code to Your Site.
Options for adding custom code
You have two main ways to add custom code:
- Page-specific custom code
- Add HTML sections to embed players, iframes, or custom buttons.
- Add CSS to style just that page or section.
- Useful for things like embedding a Spotify player, Google Maps, or a unique call-to-action block.
-
Site-wide custom code
- Add global CSS or scripts from the Style → Edit Code (Advanced) editor.
- Supports both <style> blocks (CSS) and <script> blocks (header/footer).
- Best for analytics (Google Analytics, Meta Pixel), live chat widgets, or site-wide styling.
Third-party scripts and widgets
You can use this to connect with popular services:
- Analytics: Google Analytics, Meta Pixel, etc.
- Engagement: YouTube embeds or Twitter/X feeds
- Support/marketing: Klaviyo, Beehiiv, etc.
Tip: Always check the provider’s embed code. Most will give you a snippet to paste directly into a Custom HTML block or into the site-wide header/footer section.
Considerations
- Performance: Adding too many scripts can slow down your site.
- Cookie policy compliance: The Fourthwall cookie banner won’t track third-party scripts automatically. If your script uses cookies, you must ensure it respects visitor consent.
- Support scope: Fourthwall Support can’t debug third-party scripts. If something doesn’t load, check with the provider.
- Security: Only use code from trusted sources to protect your site and visitors.
Additional resources