Skip to main content

How to Connect Webstore to Facebook and Marketing Tools

Who Is This For?

StoreHub merchants who use Meta for acquisition and want domain verification, catalogue sync, Pixel tracking, and Facebook Chat aligned with their Webstore.

Overview

This guide walks through Facebook Business Manager domain verification using the meta tag in BackOffice, preparing a Facebook catalogue and Shop that points buyers to your Webstore, adding the Facebook Pixel ID in BackOffice tracking, and turning on Facebook Chat with URL whitelisting.

Apple's privacy settings (iOS 14 and newer) may reduce how many conversions Facebook can track for iPhone users. Verifying your domain helps Meta keep tracking working for as many users as possible.


Before You Begin

  • Your Webstore is published and your Catalogue and storefront content are in good shape.

  • You can sign in to Facebook Business Manager and the Facebook Page tied to your business.

  • You can open BackOffice paths under 'Online Orders' and 'Webstore'.

  • You have admin access to edit catalogues, pixels, and domain settings in Meta.


Step-by-Step Guide

Verify Your Domain in Facebook Business Manager

Verifying the domain ties your StoreHub-hosted site to your Facebook assets for ads and catalogue workflows.

1. In Facebook Business Manager, start domain verification for the same hostname customers use for Webstore or Beep. Use Meta’s documentation or onboarding video for the full Business Manager layout if screens differ from your account.

2. After you add the domain, open the verification method and choose meta tag verification.

3. Copy the full meta tag. It looks like a line of HTML with facebook-domain-verification and a content value. Copy the alphanumeric token from Meta’s screen (do not copy example text from help articles).

Facebook Business Manager showing domain verification or meta tag copy step.

4. In BackOffice, go to 'Online Orders', open the 'Webstore' menu, then open 'Marketing'.

6. Paste the meta tag into 'Facebook Domain Verification Meta-tag', then click 'Save'.

BackOffice Marketing Facebook Domain Verification with meta tag pasted and Save.

7. Return to Facebook Business Manager and click the green 'Verify' control for that domain.

Facebook Business Manager verify action for domain verification.

8. Confirm the domain shows as verified before you rely on it for catalogue or ads troubleshooting.

Facebook Business Manager showing domain verified confirmation.


Facebook Shop and Product Catalogue

Facebook Shop is a free section on your Facebook Page. Customers can browse items there while checkout on Webstore stays on your StoreHub storefront when you send buyers to your external site.

Note:

  • Orders still flow into StoreHub BackOffice or POS. You do not process Webstore checkout inside Facebook.

Product Requirements

Items generally need:

  • At least one online product image

  • Must be set up to sell online.

You need:

1. In Facebook, open 'Catalogue Manager' and create a catalogue.

Example:

  • Select eCommerce

  • Upload product info

  • Complete Facebook’s catalogue creation steps.

(Optional: You can name this Product Catalogue StoreHub Products to help differentiate the catalogs later.)

2. Add a data source.

  • For file upload, download your Webstore product CSV from BackOffice: go to 'Online Orders', open 'Webstore', open 'Marketing', open 'Facebook Product Catalogue', then use 'Export CSV now'.

Use data feeds page with file upload option highlighted.

  • On Select Upload Method, select File Upload and click Next.

Facebook data feeds page with File Upload option highlighted

3. Upload the exported file to Facebook as your catalogue feed, name the data source, set default currency, and finish Facebook’s upload steps.

Facebook data feeds page with file upload option highlighted.

4. Remember that Facebook catalogue content does not auto-update when you change products in StoreHub. Re-export and refresh your feed when you need Facebook to match your current list.

5. To create the Shop experience, follow Meta’s Shop setup flow and select "to buy your items on an external website" so checkout happens on your Webstore.


Facebook Pixel in BackOffice

You need a Facebook Ad Account to use Pixel. Create one in Facebook Business Manager if you do not have one yet.

Create or Open a Pixel

1. In Facebook Events Manager, open the 'Pixels' area.

Facebook Events Manager Pixels section.

2. Click 'Create a Pixel'.

Facebook Events Manager showing Create a Pixel button.

3. A pop-up box will appear. Update the Pixel Name and then click Create to finish creating your pixel.

Facebook Events Manager showing Pixel details.

4. Open your Pixel and locate the Pixel ID (often top left on the Pixel details view).

5. Copy the Pixel ID to your clipboard.

6. Sign in to StoreHub BackOffice.

7. Go to 'Online Orders', open 'Webstore', open 'Webstore Set Up', then open the 'Tracking' tab.

8. Find 'Facebook Pixel ID' and paste the Pixel ID into the field.

BackOffice Webstore Set Up with Tracking tab for Facebook Pixel ID field highlighted.

9. Click 'Save'.

10. Use Facebook’s test tools and Events Manager diagnostics if you need to confirm events after traffic reaches your live Webstore.


Facebook Chat on Webstore

Chat lets customers message your Page from the storefront while you reply in Messenger tied to the same Page.

1. In BackOffice, go to 'Online Orders', open 'Webstore', open 'Webstore Setup', then open the 'Contact Detail' tab.

2. Scroll to the social section. Under 'Facebook Page ID', turn on 'Enable Facebook Chat'.

3. Enter your Facebook Page ID, enable the toggle, then set 'Facebook Language' and 'Facebook Greeting Message' as shown in BackOffice.

Webstore Set Up Contact Detail with Facebook Chat toggle and Page ID.


Find Your Facebook Page ID

4. Open your Facebook Page in a browser.

5. Open 'About' and scroll to the Page ID (Meta may adjust exact placement over time).

Facebook Page About area showing Page ID.

Whitelist Your Storefront URL for Messenger

6. From the Facebook Page, open 'Settings'.

7. Open 'Messenger platform' in the left navigation.

8. Under 'Advanced Messaging', find 'Whitelisted domains'. Add your Webstore URL, for example https://yourstore.storehub.me/ with the correct protocol and slash.

9. If you use a custom domain, add that URL as well, for example https://yourdomain.com/.

Facebook Messenger platform whitelisted domains for StoreHub Webstore URL.


Troubleshooting

Issue

Solution

Domain verification never completes

Confirm the exact meta tag saved in BackOffice, wait for DNS or Business Manager propagation, then click Verify again in Facebook.

Catalogue items missing on Facebook

Check minimum image and online-selling requirements in BackOffice, then re-export CSV and refresh the feed.

Pixel shows no activity

Confirm Pixel ID on the Tracking tab, test on the live Webstore URL, and review Events Manager diagnostics.

Chat does not load on site

Confirm Page ID, Chat toggle, and that your storefront URL is whitelisted including any custom domain.


FAQs

1. Should I verify the domain before I run paid campaigns?

Yes. Verification avoids unnecessary setup friction and matches Meta’s expectations for many web integrations.

2. Does the Facebook catalogue replace Webstore inventory control?

No. StoreHub remains the source of truth. Treat Facebook as a marketing surface that you refresh with exports or tools your team adopts.

3. Is Pixel the same field as Google Analytics?

No. Keep each ID in its own field on the Tracking tab.


Need Help?

Contact StoreHub Support via live chat in your StoreHub app or email [email protected].


Was this article helpful?

Let us know below or contact support for further assistance.

Did this answer your question?