In This Article:

    Embed Salsa pages on Facebook

    In This Article:

       

      Quick Guide: Adding Salsa Pages to Facebook

      Need to add an action page, donation page, or any other page to your organization's Facebook page? Here's how to do it! 

      Are you using a default thank you page?

      Unfortunately, default thank you pages won't work when you put a Salsa page into Facebook. To workaround this issue:
      1. Create a thank you page.
      2. View the newly created thank you page.
      3. Copy the thank you page URL from your browser's address bar.
      4. Edit the page being inserted into Facebook.
      5. Paste the thank you page into the Redirect field.
      6. Change http:// to https:// in the pasted text.  (Very important!)
      7. Save the page that is being added to Facebook.

      Click the view page link in Salsa to get the URL for your action or donation page; copy the page URL.

      FBEmbed1.pngFBEmbed2.png

       

      Go to https://developers.facebook.com/apps. (Add the Developer App to your account if you haven't already done so.) Click the + Add a New App button to start the process.


      FBEmbed3.png

       

      A pop-up will load on your screen, choose Website.


      FBembed4.png


      Type in the name of your App and click Create New Facebook App ID.

       

      FBEmbed5.png

      Choose Apps for Pages in the 'Category' section and then click Create App ID.

      FBEmbed6.png

      Click Skip Quick Start in the upper right hand corner.

       FBEmbed7.png

      Click the Settings option on the left menu bar.


      fb3.png

      On the Settings panel, first make sure to configure the Contact Email field:


      fb-contact.png

      On the Settings panel, click the Add Platform button:


      fb4.png

      On the following screen, choose the "Page Tab" option:
      fb5.png

      And on the Page Tab configuration, configure the following:


      FBEmbed8.png

      (a) - Secure Page Tab URL - Copy your Salsa page URL to this field. Note: Page URLs here should have https:// in the URL (note the s). (Donation pages should automatically have an https.)
      (b) - Page Tab Name - This takes the name of the app by default, but feel free to change this - this will be the name listed on your Facebook page.
      (c) - Page Tab URL - Copy your Salsa page URL to this field. Make no changes to the URL.
      (d) - Page Tab Image - if you would like an image to be displayed on your Facebook page, then configure the image here.

      Click the button, and then move on to the next step.


      fb7.png

      Click to the Status & Review panel, where you'll enable/publish the app by clicking the slider:


      fb-publish.png

      Return to the Dashboard panel or Settings panel to find your App ID number. Copy this number:


      fb8.png

      In a text file / scratch pad, paste your App ID number into a text file (use Notepad on the PC or Text Edit on Mac). 
      In your same text file, create a URL based off of the following template:


      https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&redirect_uri=https://facebook.com

      Replace YOUR_APP_ID with the number you saved.

      Now copy and paste the final URL into your browser. On that page, choose from the dropdown which page you would like to add the app to:


      FBembed10.png

      After selecting which page to add to, click  and then navigate to your organization’s page to confirm the action page has been added.

       

      Please note that app creation is entirely a Facebook process. Unfortunately, Salsa Labs is unable to provide troubleshooting or setup verification for particular app setups.

      Was this article helpful?
      1 out of 1 found this helpful
      Have more questions? Submit a request

      Comments

      1 comment
      • Thanks, Nick - this was really clear and helpful.  I had managed to create the app on my own, but I could not figure out how to add it to my page after several hours of poking around the Facebook help. Thanks!!!!

      Please sign in to leave a comment.