Embed Social Media on a Page with the HTML Widget

Prev Next

The HTML Widget can be used to embed feeds or items from various social media sites, such as Twitter, Facebook, or YouTube, on a page. Embedding these items on your page requires embed code from the sites themselves.

Who can use this feature?

System Administrator | Owner | Publisher | Author

Embed an X (formerly Twitter) Feed

  1. Copy your X profile URL X profile URL at the top of the page, beneath the tab(s).

    Note:

    This will be https://x.com/yourhandle.

  2. Paste the URL for your X page at the X Publish page and press Enter on your keyboard Embed URL space bar with a right-facing arrow meant as continue.

  3. Select Embedded TimelineDisplay options including embedded timeline and x buttons.

  4. Click Copy CodeCopy code to the right of the code bar.

  5. Use the Custom HTML Widget to embed the feed to your page

Embed a YouTube Video

  1. Navigate to your video on YouTube

  2. Click the Share button underneath the video YouTube share button beneath the video.

  3. Select EmbedYouTube embed button in a row of other share options.

  4. Copy the default embed code; make adjustments if needed Copy button beneath the embed code.

    • Start at: Choose to start the video at a time other than the very beginning

    • Show suggested videos when the video finishes: Choose to default to showing the viewer a list of suggested videos after they have seen the video

    • Show player controls: Choose to display the video controls, such as pause and volume

    • Show video title and player actions: Choose to display the title and other player actions

    • Enable privacy-enhanced mode: YouTube will not store information about visitors on your Website unless they play the video

  5. Use the Custom HTML Widget to embed the video on your page

Embed a Facebook Plugin

Important Note

Facebook will not allow the Facebook feed to show in an iframe unless the country and age restrictions on the Facebook page are set as "Visible to Everyone." If there are any restrictions set in these fields whatsoever, the Facebook feed will show up as blank. If your Facebook feed still appears blank, contact Facebook support.

  1. Visit the Facebook Page Plugin Generator

  2. Complete the fields to generate the plugin codeFacebook Page Plugin Generator fields.

    • Facebook Page URL: The link to the Facebook page that you want to connect to

    • Tabs: Section of the Facebook page that you want to feature

    • Width: Width that the widget will display, measured in pixels

    • Height: Height that the widget will display, measured in pixels

      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

  3. Click the Get Code button: Facebook Page Plugin Generator get code button.

  4. In the resulting pop-up window, select the iframe tab: Facebook Page Plugin Generator Iframe tab.

  5. Copy the provided code: Facebook Page Plugin Generator Iframe tab displaying HTML code to be copied.

  6. Use the Custom HTML Widget to embed the plugin on your page