Skip to main content

Hello, how can we help you today?

Or select a category below
Getting Started
Videos

Working with the Facebook Feed signature element

  1. Exclaimer Knowledge Base
  2. User Manual
  3. Signatures
  4. Edit Signature Design
Ari Flavell
  • Updated

Description 

The Facebook Feed element allows you to connect a Facebook feed to your signature. The element displays a preview of the three most recent posts from a connected Facebook account, including images, within the signature and allows users to access the posts directly via hyperlinks.

Select an option below to view the related instructions:

How to access it

To access the Facebook Feed signature element:

  1. Open your signature in the Signature Designer.
    For more information, see how to select a signature to edit.

  2. From the toolbox, expand Social Feeds and select the Facebook Feed element.
Adding a Facebook Feed element 

To add a Facebook Feed element to the signature: 

  1. Drag and drop the Facebook Feed element onto your canvas.



  2. If this is your first time adding a Facebook Feed, the Facebook Social Feed window is displayed.

    Select CHANGE FACEBOOK SETTINGS to connect a Facebook page to your Exclaimer account, or select Continue without connecting to add an unconnected placeholder element to the signature. This will not show any Facebook content.



    The connected Facebook Feed displays and links to the latest three posts from the chosen Facebook page, depending on the number of posts available. 
    For more information on connecting Facebook pages to your Exclaimer account, see our resources on Integrations in Facebook Social Feed.
    NOTE:  If there are no images in your posts, then no images will be displayed in your signature.

  3. To delete a Facebook Feed element, select the element then select DELETE from the Properties pane.

Defining Facebook Feed element properties
You can edit the following properties in the Properties Pane:

Facebook Social Feed properties

Facebook Social Feed properties are used to determine whether you wish to display the images in your signature. 

Show Images Select On or Off to toggle the visibility of images in connected Facebook posts.
Configure Facebook account: Select which Facebook account is connected to the element.


Show posts from: Select a Facebook page to show posts from.
CHANGE FACEBOOK SETTINGS

Select to add or remove the selected Facebook pages, or log into another account.


Text properties

Text properties are used to determine the appearance of any text within your social feed.

Font Family

Select a font from the dropdown menu.
The default font style is Inherit - select this font style to allow your text to inherit a font style from the parent element.

The Branding Fonts section of the dropdown contains font choices set on the Branding screen. If you change the fonts set as Brand Font 1 or Brand Font 2 on the Branding screen, your elements set to Branding fonts will automatically update to the new font choice.
Font size Select or enter a font size in pixels (px) or points (pt).
The default font size is Inherit - select this font size to allow your text to inherit a font size from the parent element.
Text Color

Select or enter a color for selected text.

Brand Color 1 and Brand Color 2 appear in the color picker and contain color choices set on the Branding screen. If you change these colors on the Branding screen, your elements set to Branding Colors will automatically update to the new color choice.


NOTE: Hyperlinks will always be blue.


Visibility properties

Visibility properties are used to adjust when the item appears.

Always visible Select to ensure the item is always visible in the signature.
Visible when Select to set conditions under which an item becomes visible.


Alignment properties

Alignment properties are used to determine the horizontal and vertical alignment of the item.

Horizontal  Select Left, Center, or Right to set the horizontal alignment.
Vertical  Select Top, Center, or Bottom to set the vertical alignment.


Border properties

Border properties are used to set borders on the item.

All  Check All the same to enable the All border properties. Select line style, line width, and line colour to apply to all sides of the item.
Brand Color 1 and Brand Color 2 appear in the color picker and contain color choices set on the Branding screen. If you change these colors on the Branding screen, your elements set to Branding Colors will automatically update to the new color choice.
Left / Right / Top /Bottom Uncheck All the same to enable individual border properties for Left, Right, Top, and Bottom. Select line style, line width, and line colour to apply to each side of the item.
Brand Color 1 and Brand Color 2 appear in the color picker and contain color choices set on the Branding screen. If you change these colors on the Branding screen, your elements set to Branding Colors will automatically update to the new color choice.


Padding properties

Padding properties are used to define spacing for the item.

All  Check All the same to enable the All padding properties. Enter either a pixel or point value to apply padding to all sides of the item.
Left / Right / Top /Bottom Uncheck All the same to enable individual padding values for Left, Right, Top, and Bottom. Enter either a pixel or point value to apply padding to each side of the item.


Render properties

Render properties are used to determine how the element is rendered in messages.

Normal  Select to render the element in HTML.
Bitmap Select to render the element as a bitmap image. 

NOTE: In bitmap signatures, any externally linked images will be embedded into the signature, and text will not wrap if the field size is set to auto.