Tutorial: UltraCart Storefront - Facebook / Meta Integration Guide
- 1.1 Introduction
- 1.2 Prerequisites
- 2 Part 1 — Install the Meta Pixel
- 3 Part 2 — Connect Facebook Analytics & Custom Audiences
- 4 Part 3 — Sync Your Product Catalog with Facebook
- 4.1 How the Facebook Feed Generation Works
- 4.2 Step 1 — Enable the Google Product Search Feed
- 4.3 Step 2 — Configure Product Feed Settings Within Each Item
- 4.4 Excluding Products from the Feed
- 4.5 Step 3 — Locate the Generated Facebook Feed File
- 4.6 Step 4 — Connect the Feed to Meta Commerce Manager
- 4.7 Step 5 — Review Feed Diagnostics
- 5 Part 4 — Configure Facebook Conversions API (CAPI)
- 6 Part 5 — Open Graph Tags for Facebook Sharing
- 7 Troubleshooting
- 7.1 Pixel Issues
- 7.1.1 Pixel Not Firing
- 7.1.2 Purchase Events Missing
- 7.2 Product Feed Issues
- 7.2.1 Products Rejected
- 7.2.2 Feed Not Updating
- 7.3 CAPI Issues
- 7.3.1 Invalid Access Token
- 7.3.2 Low Match Quality
- 7.4 Open Graph Issues
- 7.4.1 Incorrect Share Image
- 7.4.2 OG Tags Missing
- 7.1 Pixel Issues
- 8 Quick Reference
- 9 Conclusion
- 10 Next Steps
Introduction
This guide explains how to integrate your UltraCart StoreFront with Facebook and Meta services, including:
Meta Pixel browser tracking
Facebook Analytics and Custom Audiences
Product catalog synchronization for Facebook and Instagram Shopping
Facebook Conversions API (CAPI)
Open Graph sharing metadata
While UltraCart is not a native Meta Commerce Manager partner platform, UltraCart fully supports the core integration points required for modern Facebook and Instagram advertising, conversion tracking, catalog syndication, and retargeting workflows.
This tutorial provides step-by-step instructions for configuring each integration area using current UltraCart administrative interfaces and StoreFront capabilities.
Note: The Conversions API (CAPI) and Open Graph functionality described in this document require the StoreFront Visual Builder beta runtime as of May 2026.
Prerequisites
Before beginning, verify the following requirements.
Facebook / Meta Requirements
You will need:
A Meta Business Account
A Meta Business Manager account with administrator access
A Meta Pixel created in Meta Events Manager
A Meta Commerce Manager catalog
Your Facebook Pixel ID
A Conversions API Access Token (for CAPI configuration)
UltraCart Requirements
You will need:
An active UltraCart account
At least one configured StoreFront
Administrative access to the UltraCart account
UltraCart Analytics enabled
A populated product catalog with:
Product titles
Descriptions
Prices
Product images
Warning: Your Conversions API Access Token provides write access to your Meta conversion tracking data. Store it securely and never expose it publicly.
Part 1 — Install the Meta Pixel
The Meta Pixel allows Facebook and Instagram to track storefront activity such as:
Page views
Product views
Add-to-cart activity
Checkout activity
Purchases
UltraCart includes native Meta Pixel support through the StoreFront Privacy & Tracking settings.
Step 1 — Locate Your Facebook Pixel ID
Log in to Meta Business Manager.
Navigate to Events Manager.
Select your Pixel under Data Sources.
Copy the numeric Pixel ID shown at the top of the page.
Example:
1234567890123456Step 2 — Open Privacy & Tracking Settings in UltraCart
Navigate to:
Main Menu → StoreFronts → [StoreFront] → Privacy & Tracking[Image Placeholder — Privacy & Tracking Facebook Pixel Configuration]
Step 3 — Enter the Pixel ID
Locate the Facebook Pixel ID field.
Paste the Pixel ID.
Click Save.
Step 4 — Verify Pixel Tracking
Open your storefront in a browser.
Open Meta Events Manager in another tab.
Navigate to:
Events Manager → Test EventsBrowse your storefront.
Verify that events begin appearing.
Test the following actions:
View a product
Add an item to cart
Begin checkout
Complete a test purchase
Tip: Install the Meta Pixel Helper Chrome extension to verify Pixel activity directly in your browser.
Automatically Tracked Events
Event | Description |
|---|---|
PageView | Fires on all storefront page loads |
ViewContent | Fires on product detail pages |
AddToCart | Fires when a product is added to cart |
InitiateCheckout | Fires when checkout begins |
Purchase | Fires on the receipt page after checkout |
Part 2 — Connect Facebook Analytics & Custom Audiences
UltraCart Analytics can connect directly to Facebook using the Graph API to:
Import advertising spend data
Sync customer lists into Facebook Custom Audiences
Support Lookalike Audience generation
Step 1 — Find Your Facebook Account ID
Log in to Facebook Business Manager.
Navigate to:
Business Settings → Business InfoLocate your numeric Business Account ID.
Example:
987654321098765Step 2 — Open Facebook Analytics Settings in UltraCart
Navigate to:
Main Menu → StoreFronts → [StoreFront] → Conversion and Tracking → OtherScroll to the Facebook Analytics section.
[Image Placeholder — Facebook Analytics Configuration]
Step 3 — Connect Your Facebook Account
Enter the Facebook Account ID.
Click Connect.
Authorize UltraCart within Facebook.
After authorization:
UltraCart downloads Facebook advertising spend data hourly.
UltraCart uploads customer audiences for retargeting.
Step 4 — Verify Audience Syncing
After 24–48 hours:
Open Meta Ads Manager.
Navigate to:
AudiencesConfirm that the UltraCart audience appears.
Tip: Use your synced customer audience to generate Lookalike Audiences for prospecting campaigns.
Part 3 — Sync Your Product Catalog with Facebook
UltraCart can automatically generate a Facebook-compatible product feed through the Google Product Search integration. This feed can then be connected directly to Meta Commerce Manager for:
Facebook Shop
Instagram Shopping
Dynamic Product Ads
Catalog Ads
Unlike a completely manual export workflow, UltraCart automatically generates and maintains the Facebook feed file once the Google Product Search integration is enabled.
Note: The generated Facebook feed file is named
facebook.xmland is automatically placed in the StoreFront File Manager under theFeedsfolder.
How the Facebook Feed Generation Works
UltraCart uses the Google Product Search feed configuration as the source for both:
Google Product feeds
Facebook / Meta product feeds
This means the product-level feed configuration performed within the item editor also controls which products appear in the generated Facebook feed.
The generated Facebook feed file is:
facebook.xmlThe file is automatically generated and updated by UltraCart after the feed integration is enabled.
Step 1 — Enable the Google Product Search Feed
Navigate to:
Main Menu → StoreFronts → [StoreFront] → Google Product Search[Image Placeholder — Google Product Search Configuration Page]
This configuration area controls:
Feed generation
Feed activation
Manual feed updates
Global feed settings
After configuring the feed settings:
Click Save
Click the Update Now button
The Update Now button immediately regenerates the product feed files, including:
Google feed files
facebook.xml
Tip: The
Update Nowbutton is located next to the Save button on the Google Product Search configuration page.
Step 2 — Configure Product Feed Settings Within Each Item
Each product included in the Facebook feed should be reviewed within the item editor.
Navigate to:
Main Menu → Items → Item Editor → Google Product Search[Image Placeholder — Item Editor Google Product Search Tab]
The Google Product Search section of the item editor controls important feed data including:
Product titles
Descriptions
Product categories
Brand information
Availability
GTIN / UPC values
MPN values
Product condition
Apparel attributes
Feed inclusion settings
This information is used when generating both the Google and Facebook product feeds.
Excluding Products from the Feed
Products that should not appear in Facebook or Google Shopping feeds can be excluded individually.
Within the item editor's Google Product Search section:
Locate the checkbox:
Omit from feedEnable the checkbox
Save the item
Excluded products will not appear in generated feed files, including facebook.xml.
Common reasons to exclude products include:
Restricted items
Internal-only products
Incomplete product data
Products without valid images
Non-shippable products
Products not intended for advertising
Important: Products omitted from the feed will not be available for Facebook Shop, Instagram Shopping, or Dynamic Product Ads.
Step 3 — Locate the Generated Facebook Feed File
After the feed has been generated, the Facebook feed file is available within the StoreFront File Manager.
Navigate to:
Main Menu → StoreFronts → File Manager → Feeds[Image Placeholder — StoreFront File Manager Feeds Folder]
The generated file will be:
facebook.xmlThis XML feed file is the file you will provide to Meta Commerce Manager.
Step 4 — Connect the Feed to Meta Commerce Manager
Open Meta Commerce Manager
Create or select a catalog
Navigate to:
Data Sources → Add ItemsSelect:
Data FeedChoose:
Use a URLEnter the public URL to your
facebook.xmlfeedConfigure the refresh schedule
Complete the import
[Image Placeholder — Meta Commerce Manager Feed Import]
Tip: Daily feed refreshes are recommended for most stores. High-volume stores may prefer more frequent refresh schedules.
Step 5 — Review Feed Diagnostics
After importing the feed into Meta Commerce Manager:
Review the Diagnostics section
Resolve any feed warnings or errors
Confirm products are approved
Common issues include:
Missing images
Invalid pricing formats
Missing brand data
Invalid availability values
Missing GTIN or MPN values
Important: Product image URLs must be publicly accessible. If Meta cannot access the image directly, the product may be rejected from the catalog feed.
Part 4 — Configure Facebook Conversions API (CAPI)
The Conversions API supplements browser Pixel tracking with server-side event delivery.
Benefits include:
Improved conversion attribution
Reduced tracking loss from ad blockers
Better iOS tracking reliability
Higher Event Match Quality scores
Note: UltraCart automatically handles event deduplication between browser and server-side tracking.
Step 1 — Generate a CAPI Access Token
Open Meta Events Manager.
Select your Pixel.
Navigate to:
Settings → Conversions APIClick Generate Access Token.
Copy and securely store the token.
Step 2 — Configure CAPI in UltraCart
Navigate to:
Main Menu → StoreFronts → [StoreFront] → Conversion and Tracking → UltraCart Analytics[Image Placeholder — UC Analytics Facebook CAPI Configuration]
Enter the Following Values
Setting | Description |
|---|---|
Facebook Pixel ID | Your Meta Pixel ID |
CAPI Access Token | Your Conversions API token |
Save the configuration.
Step 3 — Enable the Visual Builder Beta Runtime
Open your StoreFront settings and enable the Visual Builder beta runtime.
This runtime enables:
Enhanced analytics collection
Server-side event relay
Open Graph tag output
Step 4 — Verify CAPI Delivery
Open Meta Events Manager.
Navigate to:
Test EventsPlace a test order.
Confirm that events display both:
Browser source
Server source
Tip: Aim for an Event Match Quality score of 8.0 or higher.
Part 5 — Open Graph Tags for Facebook Sharing
Open Graph (OG) tags control how product pages appear when shared on Facebook or Instagram.
UltraCart's Visual Builder beta runtime automatically outputs Open Graph metadata for supported pages.
Automatically Generated Open Graph Tags
Tag | Description |
|---|---|
og:title | Product or article title |
og:description | Product description |
og:image | Main product image |
og:url | Canonical page URL |
og:type | product or article |
Step 1 — Enable the Visual Builder Beta Runtime
Open Graph support requires the Visual Builder beta runtime.
Step 2 — Verify Open Graph Output
Open a product page.
View the page source.
Search for:
<meta property="og:title">Alternatively, use Facebook's Sharing Debugger:
https://developers.facebook.com/tools/debug/[Image Placeholder — Facebook Sharing Debugger]
Step 3 — Refresh Facebook Cache
If Facebook displays outdated previews:
Open the Sharing Debugger.
Paste the product URL.
Click Scrape Again.
Tip: Use high-quality images at least 1200 × 630 pixels for best share preview quality.
Troubleshooting
Pixel Issues
Pixel Not Firing
Verify the Pixel ID is correct.
Remove any duplicate manual Pixel scripts.
Confirm Privacy & Tracking settings were saved.
Purchase Events Missing
Ensure the storefront uses the UltraCart-hosted receipt page.
Product Feed Issues
Products Rejected
Common causes:
Missing brand field
Incorrect price formatting
Invalid image URLs
Feed Not Updating
Verify:
The feed URL is public
The file updates correctly
Meta can access the file
CAPI Issues
Invalid Access Token
Generate a new token in Meta Events Manager.
Low Match Quality
Ensure customer information is collected during checkout, including:
Email
Phone
First name
Last name
Open Graph Issues
Incorrect Share Image
Use the Facebook Sharing Debugger and click Scrape Again.
OG Tags Missing
Confirm the StoreFront Visual Builder beta runtime is enabled.
Quick Reference
Integration | Purpose | Configuration Location |
|---|---|---|
Meta Pixel | Browser-based tracking | StoreFront → Privacy & Tracking |
Facebook Analytics | Ad spend import and audience syncing | Conversion & Tracking → Other |
Product Feed | Shopping ads and catalogs | Commerce Manager Data Feed |
Conversions API | Server-side conversion tracking |