{"id":104,"date":"2025-05-22T07:58:28","date_gmt":"2025-05-22T07:58:28","guid":{"rendered":"https:\/\/doc.topperpack.com\/docs\/api-integrations\/facebook-api\/"},"modified":"2025-07-02T06:32:50","modified_gmt":"2025-07-02T06:32:50","slug":"facebook-api","status":"publish","type":"docs","link":"https:\/\/doc.topperpack.com\/docs\/api-integrations\/facebook-api\/","title":{"rendered":"Facebook API"},"content":{"rendered":"\n<p><strong>Integrate your Facebook Page feed seamlessly with Topper Pack using the Facebook API.<\/strong> This allows you to display real-time updates directly from your Facebook page on your website.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u2705 Step 1: Go to API Settings<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Navigate to <strong>Topper Pack > API Settings<\/strong> in your WordPress admin dashboard.<\/li>\n\n\n\n<li>Under <strong>Connect with Facebook<\/strong>, you\u2019ll need to provide:\n<ul class=\"wp-block-list\">\n<li><strong>Facebook Page ID<\/strong><\/li>\n\n\n\n<li><strong>Facebook Access Token<\/strong><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"565\" src=\"https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook-1024x565.jpg\" alt=\"\" class=\"wp-image-225\" srcset=\"https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook-1024x565.jpg 1024w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook-300x166.jpg 300w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook-768x424.jpg 768w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook-1536x848.jpg 1536w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook-2048x1131.jpg 2048w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">\u2705 Step 2: Create a Facebook App<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Go to <a class=\"\" href=\"https:\/\/developers.facebook.com\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0);color:#ff00ae\" class=\"has-inline-color\">https:\/\/developers.facebook.com<\/mark><\/strong><\/a> and log in.<\/li>\n\n\n\n<li>Click <strong>\u201cCreate App\u201d<\/strong> in the top right corner.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"642\" src=\"https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook1-1024x642.jpg\" alt=\"\" class=\"wp-image-227\" srcset=\"https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook1-1024x642.jpg 1024w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook1-300x188.jpg 300w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook1-768x482.jpg 768w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook1-1536x963.jpg 1536w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook1.jpg 1682w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:17px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u2705 Step 3: Set App Details<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choose:\n<ul class=\"wp-block-list\">\n<li><strong>App name<\/strong> (e.g., <code>facebook feed<\/code>)<\/li>\n\n\n\n<li><strong>App contact email<\/strong><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Click <strong>Next<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"480\" src=\"https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook2-1024x480.jpg\" alt=\"\" class=\"wp-image-228\" srcset=\"https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook2-1024x480.jpg 1024w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook2-300x141.jpg 300w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook2-768x360.jpg 768w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook2.jpg 1104w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:19px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u2705 Step 4: Select Use Case<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>On the <strong>Use Case<\/strong> screen, scroll to the bottom.<\/li>\n\n\n\n<li>Select <strong>Other<\/strong> and proceed.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"984\" height=\"1024\" src=\"https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook3-984x1024.jpg\" alt=\"\" class=\"wp-image-229\" srcset=\"https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook3-984x1024.jpg 984w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook3-288x300.jpg 288w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook3-768x800.jpg 768w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook3-16x16.jpg 16w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook3.jpg 1096w\" sizes=\"(max-width: 984px) 100vw, 984px\" \/><\/figure>\n\n\n\n<div style=\"height:9px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u2705 Step 5: Select App Type<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Choose <strong>Business<\/strong> as the app type.<\/li>\n\n\n\n<li>Click <strong>Next<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"435\" src=\"https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook4-1024x435.jpg\" alt=\"\" class=\"wp-image-230\" srcset=\"https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook4-1024x435.jpg 1024w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook4-300x127.jpg 300w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook4-768x326.jpg 768w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook4.jpg 1133w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:18px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u2705 Step 6: Finalize App Setup<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Confirm app name, email, and optionally connect a business portfolio.<\/li>\n\n\n\n<li>Click <strong>Create App<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"517\" src=\"https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook5-1024x517.jpg\" alt=\"\" class=\"wp-image-231\" srcset=\"https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook5-1024x517.jpg 1024w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook5-300x151.jpg 300w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook5-768x387.jpg 768w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook5.jpg 1130w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u2705 Step 7: Add Products to Your App<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Once inside the app dashboard, you\u2019ll see products like:\n<ul class=\"wp-block-list\">\n<li>Instagram<\/li>\n\n\n\n<li>WhatsApp<\/li>\n\n\n\n<li>Marketing API<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Skip product selection for now.<\/li>\n\n\n\n<li>From the top menu, click <strong>Tools &gt; Graph API Explorer<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"788\" src=\"https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook6-1024x788.jpg\" alt=\"\" class=\"wp-image-232\" srcset=\"https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook6-1024x788.jpg 1024w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook6-300x231.jpg 300w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook6-768x591.jpg 768w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook6.jpg 1481w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u2705 Step 8: Use Graph API Explorer<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Select your app from the dropdown.<\/li>\n\n\n\n<li>Choose <strong>User or Page<\/strong>, then click <strong>Get Token<\/strong>.<\/li>\n\n\n\n<li>Authenticate and continue as your Facebook user.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"595\" src=\"https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook7-1024x595.jpg\" alt=\"\" class=\"wp-image-233\" srcset=\"https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook7-1024x595.jpg 1024w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook7-300x174.jpg 300w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook7-768x446.jpg 768w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook7-1536x892.jpg 1536w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook7.jpg 1784w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div style=\"height:11px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u2705 Step 9: Select Your Page<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A modal will appear asking you to select the Facebook page.<\/li>\n\n\n\n<li>Choose your business page (e.g., Topper) and click <strong>Continue<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"618\" height=\"771\" src=\"https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook8.jpg\" alt=\"\" class=\"wp-image-234\" srcset=\"https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook8.jpg 618w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook8-240x300.jpg 240w\" sizes=\"(max-width: 618px) 100vw, 618px\" \/><\/figure>\n\n\n\n<div style=\"height:18px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">\u2705 Step 10: Copy Access Token<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Once generated, <strong>copy the Access Token<\/strong> from the top field in Graph API Explorer.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"614\" src=\"https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook9-1024x614.jpg\" alt=\"\" class=\"wp-image-235\" srcset=\"https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook9-1024x614.jpg 1024w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook9-300x180.jpg 300w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook9-768x460.jpg 768w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook9-1536x921.jpg 1536w, https:\/\/doc.topperpack.com\/wp-content\/uploads\/2025\/05\/facebook9.jpg 1540w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">\u2705 Step 11: Paste into WordPress<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go back to your WordPress Dashboard \u2192 <strong>Topper Pack > API Settings<\/strong>.<\/li>\n\n\n\n<li>Paste:\n<ul class=\"wp-block-list\">\n<li>The <strong>Facebook Page ID<\/strong><\/li>\n\n\n\n<li>The <strong>Access Token<\/strong><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Save settings.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Integrate your Facebook Page feed seamlessly with Topper Pack using the Facebook API. This allows you to display real-time updates directly from your Facebook page on your website. \u2705 Step 1: Go to API Settings \u2705 Step 2: Create a Facebook App \u2705 Step 3: Set App Details \u2705 Step 4: Select Use Case \u2705 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":49,"menu_order":6,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[135,136,134],"class_list":["post-104","docs","type-docs","status-publish","hentry","doc_tag-facebook-api","doc_tag-facebook-feed","doc_tag-social-feed"],"author_avatar":"https:\/\/doc.topperpack.com\/wp-content\/litespeed\/avatar\/7b6b48be1e52939d6a914fe9b20bbc7a.jpg?ver=1776846517","author_name":"tpl","_links":{"self":[{"href":"https:\/\/doc.topperpack.com\/wp-json\/wp\/v2\/docs\/104","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/doc.topperpack.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/doc.topperpack.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/doc.topperpack.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/doc.topperpack.com\/wp-json\/wp\/v2\/comments?post=104"}],"version-history":[{"count":1,"href":"https:\/\/doc.topperpack.com\/wp-json\/wp\/v2\/docs\/104\/revisions"}],"predecessor-version":[{"id":1200,"href":"https:\/\/doc.topperpack.com\/wp-json\/wp\/v2\/docs\/104\/revisions\/1200"}],"up":[{"embeddable":true,"href":"https:\/\/doc.topperpack.com\/wp-json\/wp\/v2\/docs\/49"}],"wp:attachment":[{"href":"https:\/\/doc.topperpack.com\/wp-json\/wp\/v2\/media?parent=104"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/doc.topperpack.com\/wp-json\/wp\/v2\/doc_tag?post=104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}