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.