How to Display a Facebook Page in a Popup

You can embed your Facebook page inside a Shack Toolbox Pro popup. Visit our Shack Toolbox Facebook Page Demo to see how it looks and works.

To get the same popup with your own Facebook page, follow the instructions below.

  • Open up the Shack Toolbox Pro module for editing
  • Under the Module tab, click Facebook Page:

The Facebook page box

  • Under the Module tab set the following parameters:
    • Facebook Page URL: enter your Facebook page URL
    • Page Plugin Box type: click XFBML
    • Add to <html> tag: copy this code and add it to the HTML tag of your template. Consult your template developer if you need help here.
    • Width: enter 520
    • Height: enter 210
    • Pre-text: leave empty

The first group of settings under the Module tab

  • Still under the Module tab set:
    • Show Title to No
    • Position to debug
    • Status to Published

Title, Position and Satus settings

  • Under the Menu Assignment tab assign this module to the required menu items
  1. Click the Theme tab
  2. Select the Facebook template using the Previous and Next buttons
  3. Click the Choose this theme button

Select the Facebook theme

  • Leave the rest of the settings intact
  • Click Save or Save & Close

You will see the toggler tab on the top left corner of your site:

The toggler button

  • Click Open:

You will see the Shack Toolbox Pro popup box opening up rotating:

Final result

Well done! You now know how to embed your own Facebook page inside your Shack Toolbox popup module.