Pro-publish allows you to customize your Facebook App’s favicon. This little icon attached to the lower-left corner of your apps might seem insignificant at first, but if you’re reading this you probably don’t think so; and neither do we!
Customizing your favicon can go a long way with brand recognition, content identification, and overall professional appearance – plus, it just looks cool! Follow the steps below to enable pro-publish on your campaign and get your favicon in action.
Please Note: In order to use our Pro Publish feature, you must be subscribed to our “Lead” plan.
Step 1: Open the campaign you’d like to enable pro-publish on. Then select “Save and Preview” to open your campaign in preview mode.
Step 2: Once in preview mode, flip the “Pro Publish” switch to “on” in the right-side toolbar; this will reveal a pro-publish menu with some steps. Click the link in the first step to create a new Facebook App for your campaign.
Step 3: If you haven’t already done so, you’ll have to register as a Facebook developer in order to create Facebook Apps. Just click the “Register Now” button and follow the simple steps Facebook provides to register. If you’ve already registered and created an app for your campaign, just skip to Step 6.
Step 4: Once you’ve finished registering, click on the “Create New App” button or select it from the “Apps” drop-down menu.
Step 5: Now, enter the name of your app and choose a category that best describes your app’s content. You can also choose a “namespace” which is a unique URL for your canvas page (e.g., apps.facebook.com/yourappnamespace.) These can all be changed at a later time through the app’s editor.
Note: If you just created this app, it isn’t “active” yet – you’ll have to make sure everything is the way you want it, then go to “Status & Review” on the left-side menu to activate it. For the purposes of this tutorial, I’m just showing you how to enable pro-publish and upload your favicon.
Step 6: After you’ve been taken to your Facebook App’s dashboard page, copy the “App ID” and “App Secret,” then paste them in the fields provided over on the Heyo pro-publish toolbar.
Step 7: Now, just go back to the Facebook App editor and select “App Details” from the menu on the left side. Once on this page, scroll down until you see the section titled “Icons.”
Step 8: Once you’ve found the “Icons” section, click on the “Icon 16×16” option and follow the directions to upload your very own favicon. Make sure that your favicon’s background is transparent and that its dimensions are set to 16×16 before uploading it, otherwise, Facebook will prompt you to do so.
Step 9: Once you’ve uploaded your favicon, click the “Save Changes” button at the bottom of the screen.
Step 10: Now, head back over to the Heyo preview screen and click the “Publish” button.
You’re all set! The Facebook App your campaign is published to now has your awesome, customized favicon!