New UI Instructions
- Sign in to your website solution
- Ensure that you are using the New UI (click the Try New UI button if you are not) and navigate to your page:
- Click to expand the Widgets tab:
- Drag and drop the Custom HTML widget onto the part of the page where you want the Facebook Plugin to appear:
- Create a new browser tab and go to the Facebook Page Plugin Generator page
- Complete the fields with their requested information:
- Facebook Page URL: The link to the Facebook page that you want to connect
- Tabs: Section of the Facebook page that you want to feature
- Width: How wide the widget will be
-
Height: How tall the widget will be
Note: You can adjust the height and width through the Facebook Plugin Generator or through the code directly. - Use Small Header: Click to use a smaller-sized header
- Hide Cover Photo: Click to prevent featuring the page's cover photo
- Adapt to plugin container height: Click to default to your site's widget height
- Show Friend's Faces: Click to feature friend's faces
- Once the fields and options are complete, click the Get Code button:
- In the resulting dialog window, click the IFrame tab:
-
Copy the code:
- Return to your site tab and paste the code into the Custom HTML widget:
- Click the Done button:
- The Facebook plugin will appear:
- Finally, click the Save Changes button to save the page:
Old UI Instructions
- Sign in to your website solution
- Ensure that the Live Edit state is toggled to ON (simply click the button to change the state) and navigate to your page:
- Click the View all widgets button on the Content tab:
- Drag and drop the Custom HTML widget onto the part of the page where you want the Facebook Plugin to appear:
- Create a new browser tab and go to the Facebook Page Plugin Generator page
- Complete the fields with their requested information:
- Facebook Page URL: The link to the Facebook page that you want to connect
- Tabs: Section of the Facebook page that you want to feature
- Width: How wide the widget will be
-
Height: How tall the widget will be
Note: You can adjust the height and width through the Facebook Plugin Generator or through the code directly. - Use Small Header: Click to use a smaller-sized header
- Hide Cover Photo: Click to prevent featuring the page's cover photo
- Adapt to plugin container height: Click to default to your site's widget height
- Show Friend's Faces: Click to feature friend's faces
- Once the fields and options are complete, click the Get Code button:
- In the resulting dialog window, click the IFrame tab:
-
Copy the code:
- Return to your site tab and paste the code into the Custom HTML widget:
- Click the Done button:
- The Facebook plugin will appear:
- Select a saving option:
- Save: Will save your work without publishing
- Save and Publish: Will save and publish (Draft Pages only)
- Save as Copy: Will save as a unique draft/version
- Cancel: Will cancel the changes made
Comments
Let us know what was helpful or not helpful about the article.0 comments
Please sign in to leave a comment.