Pixelflow
Setup Examples

Squarespace Tracking Examples: Forms and eCommerce Events

Overview

This guide shows you practical examples of how to track conversions using the Facebook Conversions API and PixelFlow on your Squarespace website.

You'll learn how to track form submissions using success page redirects and understand which eCommerce events are tracked automatically.

Critical: Remove Your Existing Meta Pixel Integration

PixelFlow automatically loads both your Meta Pixel and CAPI together with proper event deduplication. If you have the Meta Pixel installed separately in Squarespace, you must remove it to avoid duplicate events and inaccurate tracking data.

To remove it:

  1. Open the Meta Pixel & Ads panel in Squarespace (Settings › Marketing › Meta Pixel & Ads)

  2. Delete the information in the Pixel ID field

  3. Save your changes

Prerequisites

Before following these examples, ensure you have:

  • PixelFlow installed on your Squarespace site (see the Squarespace Setup guide)

  • Access to your Squarespace website editor

  • Removed any existing Meta Pixel integration from Squarespace

Automatically Tracked eCommerce Events

Good News for eCommerce Sites!

If you're running a Squarespace eCommerce store, PixelFlow tracks all essential purchase events automatically—no configuration needed. Just install the script and you're done.

Once PixelFlow is installed, these eCommerce events are tracked automatically without any additional configuration:

1. Add to Cart (AddToCart)

When it fires: When customers click the "Add to Cart" button on your product pages

Example URL: Any product page where users click "Add to Cart"

What's tracked: Product details, price, quantity, and customer data

2. Initiate Checkout (InitiateCheckout)

When it fires: When customers click the "Checkout" button in their cart

Example URL: Your cart page when users proceed to checkout

What's tracked: Cart contents, total value, and customer information

3. Add Payment Info (AddPaymentInfo)

When it fires: When the purchase confirmation page loads

Example URL: https://www.yoursquarespacesite.com/commerce/orders/2e45bc6c-173e-4a1d-8b64-ea52127b4926

What's tracked: Payment method details and order information

4. Purchase

When it fires: When the purchase confirmation page loads

Example URL: https://www.yoursquarespacesite.com/commerce/orders/2e45bc6c-173e-4a1d-8b64-ea52127b4926

What's tracked: Complete order details, revenue, products purchased, and customer data

Duplicate Prevention Built-In

PixelFlow automatically prevents duplicate purchase events if customers refresh the order confirmation page. You don't need to configure any blocking rules—this protection is enabled by default.

Tracking Form Submissions with Success Page Redirects

The most reliable way to track form submissions on Squarespace is to redirect users to a dedicated success or thank-you page after they submit your form. This ensures the event fires only when someone actually submits the form, not just when they visit the page.

Why This Method Works

When you use a redirect-based approach:

  • The event fires only after successful form submission

  • Users can only reach the success page by completing the form

  • You avoid tracking false conversions from people who just view the form

  • You can track different form types with unique success pages

How It Works: When a visitor submits your form, Squarespace redirects them to your designated thank-you page. PixelFlow detects the page load and fires your conversion event to Meta.

Step-by-Step: Track a Contact Form Submission

Here's a complete example of tracking a contact form using the success page method:

Step 1: Create a Thank-You Page

  1. In your Squarespace dashboard, go to Pages

  2. Click the + icon to add a new page

  3. Select Blank Page and name it "Thank You" (or similar)

  4. Design your thank-you page with a confirmation message like:

    • "Thanks for reaching out! We'll get back to you within 24 hours."

    • Optional: Add links to your social media or other resources

    • Optional: Include next steps or additional information

  5. Set the page to Not Linked in your navigation (this prevents people from accessing it directly)

  6. Save and note the URL slug (e.g., /thank-you or /contact-success)

Step 2: Configure Your Form to Redirect

  1. Go to the page containing your contact form

  2. Click on your form block to edit it

  3. Click the pencil icon to open form settings

  4. Navigate to the Post-Submit tab

  5. Select the Redirect option (instead of "Display a message")

  6. Enter your thank-you page URL:

    • Full URL: https://www.yoursite.com/thank-you

    • Or just the slug: /thank-you

  7. Optional: Update the loading message to "Loading..." for a smoother transition

  8. Click Save

  9. Publish your changes

Pro Tip: Create Unique Thank-You Pages

Create separate thank-you pages for different forms (e.g., /contact-thank-you, /quote-thank-you, /newsletter-thank-you). This allows you to track each form type as a different event and measure which forms drive the most conversions.

Step 3: Set Up the Event URL in PixelFlow

Now you'll configure PixelFlow to fire a specific event when someone reaches your thank-you page:

  1. Log in to your PixelFlow dashboard

  2. Navigate to your site's Overview page

  3. In the Event URLs section, click Add URL

  4. In the popup window:

    • URL field: Enter your complete thank-you page URL Example: https://www.yoursite.com/thank-you

    • Event dropdown: Select the event type that matches your form's purpose:

      • Lead – For general contact forms, inquiry forms, or lead capture

      • Subscribe – For newsletter signups or email list subscriptions

      • Contact – For contact us forms

      • CompleteRegistration – For account registration or signup forms

  5. Click Add URL to save

Step 4: Update Your Script

Critical Step: You Must Update Your Script

Anytime you add or modify Event URLs in PixelFlow, you must update the script on your Squarespace website and republish for the changes to take effect. The new events won't track until you complete this step.

  1. In your PixelFlow dashboard, copy the updated script from the Custom Code section

  2. Go to your Squarespace dashboard

  3. Navigate to Settings › Advanced › Code Injection

  4. Replace the existing PixelFlow script in the Header section with your new script

  5. Click Save

  6. Publish your website to make the changes live

Step 5: Test Your Form Tracking

  1. Visit your live website (not in preview mode)

  2. Fill out your contact form with test information

  3. Submit the form and verify you're redirected to the thank-you page

  4. Check your PixelFlow Events Log in the dashboard—you should see your Lead (or other) event within a few minutes

  5. Verify the event appears in Meta Events Manager (this may take 15-20 minutes)

Success Indicator: You should see the event in your PixelFlow Events Log with the thank-you page URL and the correct event type. The event should include basic visitor data like IP address and user agent.

Real-World Example: Newsletter Signup

Here's a complete example for tracking newsletter signups:

Setup Details

  • Form page: https://www.yoursite.com/newsletter

  • Thank-you page: https://www.yoursite.com/newsletter-welcome (set to Not Linked)

  • Form post-submit action: Redirect to /newsletter-welcome

  • PixelFlow Event URL: https://www.yoursite.com/newsletter-welcome → Subscribe event

User Flow

  1. Visitor lands on yoursite.com/newsletter

  2. Visitor enters email and clicks "Subscribe"

  3. Squarespace redirects to yoursite.com/newsletter-welcome

  4. PixelFlow detects the page load and fires a Subscribe event to Meta

  5. Meta receives the conversion data with visitor information

Preventing Duplicate Events from Success Pages

Even with a redirect setup, users can sometimes trigger duplicate events by:

  • Refreshing the thank-you page

  • Bookmarking the thank-you page and visiting it later

  • Sharing the thank-you page URL with others

Solution: Event Blocking Rules

To prevent these scenarios from creating false conversions, configure Event Blocking Rules in PixelFlow. You can set rules to block repeated events from the same IP address or user within a specific time window (e.g., 24 hours).

Alternative: Class-Based Form Tracking (Advanced)

While redirect-based tracking is recommended for most Squarespace users, advanced users can use class-based tracking for more precise control and better data capture. However, this method requires adding custom code to your Squarespace site.

Why Use Class-Based Tracking?

Class-based tracking allows you to capture form field data (like name and email) and send it to Meta, significantly improving your event match quality score from ~5-6 to ~8-9 out of 10. This leads to better ad optimization and lower costs.

To learn more about this advanced method, see:

Common Tracking Scenarios on Squarespace

Quote Request Form

  • Form page: /get-a-quote

  • Success page: /quote-received

  • Event type: Lead or SubmitApplication

Booking Consultation

  • Form page: /book-consultation

  • Success page: /booking-confirmed

  • Event type: Schedule

Download Resource

  • Form page: /free-guide

  • Success page: /download-guide (with download link)

  • Event type: Lead

Contact Sales

  • Form page: /contact-sales

  • Success page: /sales-contact-received

  • Event type: Contact

Troubleshooting

Events Not Appearing in PixelFlow

Symptom: You submitted your form but don't see the event in your Events Log.

Solutions:

  • Verify you updated the PixelFlow script after adding the Event URL

  • Confirm you published your Squarespace website (not just saved)

  • Check that you're testing on the live published site, not in preview mode

  • Verify the Event URL in PixelFlow exactly matches your thank-you page URL (including https://)

  • Wait 2-3 minutes and check again—events aren't always instant

Form Doesn't Redirect

Symptom: The form shows a message instead of redirecting to your thank-you page.

Solutions:

  • Edit your form block and verify the Post-Submit tab is set to "Redirect" (not "Display a message")

  • Check that you entered the correct URL in the redirect field

  • Ensure your thank-you page is published (even if set to Not Linked)

  • Try using the full URL instead of just the slug, or vice versa

  • Clear your browser cache and test again

Duplicate Events on Every Page Refresh

Symptom: Every time you refresh the thank-you page, another event fires to Meta.

Solutions:

  • This is expected behavior for Event URLs—they fire on every page load

  • To prevent this, implement Event Blocking Rules

  • Configure a rule to block duplicate events from the same IP within 24 hours

  • Educate users not to refresh or bookmark the thank-you page

Events Showing in PixelFlow but Not Meta

Symptom: Events appear in your PixelFlow Events Log but not in Meta Events Manager.

Solutions:

  • Wait 15-20 minutes—there can be a delay before events appear in Meta

  • Verify your Meta Pixel ID and Access Token are correctly configured in PixelFlow

  • Check that your Meta Pixel is active in Meta Events Manager

  • Ensure you removed any separate Meta Pixel integration from Squarespace

  • Review the event payload in PixelFlow for any errors or warnings

eCommerce Events Not Tracking

Symptom: Purchase events or cart events aren't showing up.

Solutions:

  • Verify the PixelFlow script is installed in your Squarespace header (Settings › Advanced › Code Injection)

  • Check that you removed the native Squarespace Facebook Pixel integration (Settings › Marketing › Meta Pixel & Ads)

  • Test on the live published site, not in preview mode

  • Complete a real test purchase (or use Squarespace test mode) to trigger events

  • Check your PixelFlow Events Log for any error messages

Best Practices

Success Checklist:

  • Always create unique thank-you pages for each form type

  • Set thank-you pages to "Not Linked" to prevent direct access

  • Use descriptive URL slugs (e.g., /contact-success not /page-5)

  • Test every form before launching ad campaigns

  • Monitor your Events Log regularly to catch any tracking issues early

  • Set up Event Blocking Rules to prevent duplicate conversions

  • Never run the native Squarespace Meta Pixel integration alongside PixelFlow

What's Next

Now that you understand how to track forms and eCommerce events on Squarespace, you can:

Getting Help

If you need assistance setting up tracking for your Squarespace site:

  • Check your PixelFlow Events Log to see exactly what data is being captured

  • Review your Meta Events Manager to verify events are reaching Facebook

  • Book a free setup call with our team for personalized help

  • Contact support with your form URLs, thank-you page URLs, and any error messages

Free Setup Support

Our team offers free setup calls to help you configure Squarespace tracking correctly. This ensures your events are accurate from day one, preventing wasted ad spend and data issues down the line.

Was this helpful?