Facebook Pixel Integration
What the Facebook Pixel Does
The Facebook Pixel is a JavaScript snippet that tracks visitor behavior on your Squarespace site and sends that data to Facebook. It powers ad optimization (Facebook shows your ads to people most likely to convert), retargeting (showing ads to people who visited your site but did not convert), and conversion tracking (measuring how many ad clicks result in purchases or signups).
How to Add the Facebook Pixel to Squarespace
Go to your Facebook Business Manager (business.facebook.com), navigate to Events Manager > Pixels, and copy your Pixel base code. In Squarespace, go to Settings > Advanced > Code Injection > Header and paste the Pixel code. This loads the Pixel on every page of your site.
For purchase conversion tracking on Squarespace Commerce, add the purchase event code to Settings > Advanced > Code Injection > Order Confirmation Page. This fires the conversion event only when a customer completes a purchase. For Code Injection setup, our guide to custom code injection on Squarespace covers header, footer, and order confirmation injection.
Verifying the Pixel
Install the Facebook Pixel Helper browser extension (available for Chrome). Visit your Squarespace site and the extension shows which Pixel events are firing. Verify that PageView fires on every page and that purchase events fire on the order confirmation page.
Social Sharing Integration
Open Graph Metadata
When someone shares a link from your Squarespace site on Facebook, the platform pulls title, description, and image from your page's Open Graph (OG) metadata. Squarespace generates OG tags automatically from your page's SEO settings - the SEO Title becomes og:title, the SEO Description becomes og:description, and the social sharing image becomes og:image.
To customize what appears when your pages are shared on Facebook, go to each page's settings (gear icon) > SEO tab and configure the title, description, and social sharing image. Use a compelling title, a clear description, and a high-quality image (1200x630 pixels is optimal for Facebook). For SEO metadata configuration, our Squarespace SEO guide covers Open Graph and social sharing optimization.
Facebook Sharing Debugger
After updating your sharing metadata, use Facebook's Sharing Debugger (developers.facebook.com/tools/debug) to force Facebook to refresh its cache of your page. Enter your URL and click "Scrape Again." This ensures Facebook displays the updated title, description, and image when your page is shared.
Facebook Connected Account
Connect your Facebook page to Squarespace under Settings > Connected Accounts. This enables your Facebook social icon to link to your page and may enable additional sharing features depending on your template. The connection does not give Squarespace posting access to your Facebook page - it simply links the two for display purposes.
Facebook Commerce Integration
Facebook Shop
If you sell products on Squarespace Commerce, you can sync your product catalog to Facebook Shop. This lets customers browse and purchase your products directly on Facebook and Instagram. The integration typically works through a product feed that Facebook imports. Check Squarespace's current documentation for the latest Facebook Commerce connection method, as Meta frequently updates their commerce platform requirements.
Facebook Ads for Squarespace Products
With the Pixel installed and a product catalog synced, you can create dynamic retargeting ads that show visitors the specific products they viewed on your Squarespace site. This is one of the highest-ROI advertising strategies in e-commerce - reminding interested visitors about products they already considered. For e-commerce optimization, our guide to Squarespace e-commerce customization covers product page optimization that supports ad performance.
Embedding Facebook Content on Squarespace
Embedding Facebook Posts
Embed individual Facebook posts on your Squarespace pages using Code Blocks. On Facebook, find the post you want to embed, click the three-dot menu, select "Embed," and copy the iframe code. Paste it into a Squarespace Code Block set to HTML mode. The post renders inline with your page content.
Embedding Facebook Page Feed
Facebook's Page Plugin lets you embed a feed of your Facebook Page's posts on your Squarespace site. Generate the embed code at developers.facebook.com/docs/plugins/page-plugin, configure the width and tabs (timeline, events, messages), and paste the code into a Squarespace Code Block. For embedding techniques, our guide to HTML code embedding on Squarespace covers iframe responsive sizing.
Facebook Ads Conversion Tracking
Standard Events
Configure standard Facebook Pixel events for key actions on your Squarespace site: ViewContent (product page views), AddToCart, InitiateCheckout, and Purchase. The PageView event fires automatically with the base Pixel code. Other events require additional JavaScript configuration - either manually in Code Injection or through Facebook's Events Manager setup tool.
Custom Conversions
Create custom conversions in Facebook Events Manager based on URL rules. For example, define a conversion that fires when visitors reach your thank-you page (yourdomain.com/thank-you). This lets you track form submissions, downloads, and other non-purchase conversions without additional code on your Squarespace site.
Troubleshooting Facebook Squarespace Integration
Pixel Not Firing
Install the Facebook Pixel Helper extension and check the browser console for errors. Verify the Pixel code is in Code Injection > Header and includes your correct Pixel ID. Some ad blockers prevent the Pixel from loading - test in incognito with extensions disabled.
Wrong Image Showing When Shared
Facebook caches sharing metadata. After updating your page's social sharing image, use the Facebook Sharing Debugger to force a cache refresh. Ensure the image is at least 1200x630 pixels - smaller images may not display or may be cropped unexpectedly.
Facebook Page Feed Not Loading
The Facebook Page Plugin requires JavaScript to render. Verify the Code Block is set to HTML mode and the embed code is complete. Some privacy-focused browsers block Facebook embeds - this is expected behavior and not a Squarespace issue. For broader design integration, our Squarespace design tips guide covers embedded content styling.
Frequently Asked Questions
How do I add the Facebook Pixel to Squarespace?
How do I control what shows when my Squarespace pages are shared on Facebook?
Do I need a Business plan for Facebook integration on Squarespace?
Can I sell products on Facebook through my Squarespace store?
How do I embed a Facebook post on Squarespace?
Why is the Facebook Pixel not working on my Squarespace site?
Can I retarget Squarespace visitors with Facebook ads?
Connect Facebook to Every Part of Your Squarespace Presence
Facebook integration with Squarespace is not one connection - it is several independent integrations that each serve a different business goal. The Pixel powers your advertising. Open Graph metadata controls your sharing presence. Connected Accounts link your social profiles. Embedded content brings Facebook activity to your website.
Set up the Pixel first (it starts collecting data immediately), configure your sharing metadata next (it affects every link shared from your site), and add embedded content and commerce connections as your needs grow.
* Read the rest of the post and open up an offer