Skip to main content

Engager Section Configuration

Configuration​

This section allows you to adjust the overall appearance of the Engager section of your website. You can set the background color, border style, border height, and border color.

  • Background Color: Choose a color for the Engager section's background to match your website's color scheme.
  • Border Style: Select a style for the border around the Engager section, such as solid, dotted, dashed, double, groove, ridge, inset, or outset.
  • Border Height: Set the height of the border in pixels to define its thickness.
  • Border Color: Choose a color for the border to complement the Engager section's design.

Recommendations​

Adjust the look and feel of the Engager recommendations section with these settings:

  • Header Color: Define the color of the header text in the Engager recommendations section.
  • Icon Color: Set the color of the icons displayed in the Engager recommendations section.
  • Link Color: Choose a color for the links in the Engager recommendations section.
  • Link Weight: Set the thickness of the links in the Engager recommendations section.
  • Link Opacity: Adjust the transparency of the links with a value between 0 and 1.
  • Link Decoration: Select a decoration style, such as underline or none, for the links.
  • Link Decoration Color: Define the color of the link decoration.
  • Link Decoration Thickness(px): Set the thickness of the link decoration in pixels.
  • Link Transition Time: Determine the duration of the link transition animation in seconds.
  • Link Transition Timing: Choose the timing function for the link transition animation.
  • Link Hover Color: Specify the color of the links when they are hovered over by the user.
  • Link Hover Opacity: Adjust the opacity of the links when they are hovered over.
  • Link Hover Decoration: Choose a decoration style for the links when they are hovered over.
  • Hover Decoration Color:

Engage Promo​

Customize the appearance of the Engager promo section using the following settings:

  • Promo Border Width: Set the width of the border around the Engager promo section in pixels.
  • Promo Border Color: Choose a color for the border around the Engager promo section to match your website's design.