Flockler Embed

Creating Components

On this page:

Flockler Embed example

Custom Title

Description of the social media feed.

What is a Flockler Embed?

Flockler is a third-party, paid for service that enables you to collate and embed social media feeds on a website. Display content automatically or moderate and pick all the content one-by-one from Instagram, TikTok, X (formerly Twitter), Facebook, YouTube, Linkedin, Pinterest, and more.

If you already or plan on utilizing the Flockler services, the Flockler Embed Component for the Web Platform makes it easy to place all your social content on a site page. For more information on Flockler, or to purchase their services please visit the Flockler website. 

How to add a Flockler Embed

  1. Click the edit link at the top of the page 

    Example of selecting the edit button on a page
  2. Move your cursor where you want to place the component. (Add a section if needed). 

  3. Click the plus icon.

    Example of the plus icon with a red square around the icon

  4. Select Flockler Embed from the menu

    Example of the Flocker menu select

Content 

  1. Enter the Title  of your Flockler Embed Component (optional)
    Note: Title field text is limited to 70 characters.

    Example of the Flocker title field

  2. Enter the Description of your Flockler Embed Component (optional)
    Note: Description text is limited to 300 characters

    Example of the Flocker description field

  3. Enter the Flockler ID  (required) The Flockler ID is unique for each widget embed and it can be obtained from your account at flockler.com.

    Example of the Flocker embed ID field

  4. Enter the Script Source (required) The Script source string is unique for each widget embed and it can be obtained from your account at flockler.com.

    Example of the Flocker script source field

Styles

  1. Toggle to the Styles tab. 

    Example of the Styles option selected
  2. Select the amount of additional space you would like above the component. 

  3. Select the amount of additional space you would like below the component. 
    Note: By default, there is no space below a component.

    Example of the top and bottom margin drop-down section with a red box around it

Save

  1. Click Save.

  2. Scroll to the top of the page and click Save.

    An example of how to save both the component and the page. The save buttons for both are outlined in red to emphasize the action.

  3. Click the Done button beside the save button.
    Note: This will display the page in the closest representation of how site visitors will view it. All links and actions that are disabled in editing mode will be functional now.
     

    Example: of the Done button outlined