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

Laptop showing the BackOffice Webstore Marketing page.

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 & Kiosk 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 code from the meta tag. The tag looks like a line of code with facebook-domain-verification and content="...". Copy only the letters and numbers between the quote marks after content=. Copy it from Meta's screen, not from an example in a help article.

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

4. In BackOffice, go to 'Online & Kiosk Orders', open 'Webstore', then open 'Marketing'.

5. Open the 'Facebook domain verification' tab.

6. Paste the code into 'Facebook domain verification meta-tag', then click 'Save'. Paste only the code, not the whole tag.

Webstore Marketing page with the Facebook domain verification meta-tag field and 'Save' highlighted.

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:

  • A Facebook catalogue.

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 & Kiosk Orders', open 'Webstore', open 'Marketing', open the 'Facebook product catalogue' tab, then click 'Export CSV now'.

Webstore Marketing Facebook product catalogue tab with 'Export CSV now' 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 & Kiosk Orders', open 'Webstore', open 'Webstore Setup', then open the 'Tracking' tab.

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

Webstore Setup Tracking tab with the 'Facebook Pixel ID' field and 'Save' 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 & Kiosk Orders', open 'Webstore', open 'Webstore Setup', then open the 'Contact detail' tab.

2. Scroll to 'Social media' and enter your Facebook Page ID under 'Facebook page ID'.

3. Tick 'Enable Facebook Chat', choose your 'Facebook language', type your 'Facebook greeting message', then click 'Save'.

Contact detail tab with 'Facebook page ID', the ticked 'Enable Facebook Chat' box, and the language and greeting fields highlighted.


​

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 that only the code from the meta tag (not the whole tag) is saved in 'Facebook domain verification meta-tag' 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 the Page ID is correct, 'Enable Facebook Chat' is ticked, and 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?