Styling On-Site Engagements

On-Site Engagements are pop-up banners that can be displayed on your customers' websites.

By default, the engagements follow the general Global Design parameters of your website such as font, text styling, button styling and colors.

To add or edit an engagement, navigate to the On-Site Engagements menu in the Products dropdown.

on-site engagements.png

 

There are four different On-Site Engagement display types that can be styled through Global Design: central box, image box, thin bar and corner box.

display type.JPG

 

To edit the Global Design for on-site engagements, navigate to Global Design > On-site engagements in the left menu.

global design onsite.png

 

Find an overview of the different styling attributes below.

 

  No individual styling

Please note that you can't style each of your On-Site Engagements individually. All engagements inherit the global style of the their specific layout type. For example, all engagements of the type "thin bar" will have the same design and cannot be differentiated on a per-engagement basis.

 

Styling attributes 

  • General: this section includes background, border, and spacing, which affect the main element that all of the items are contained within. Read more about background, border and spacing here.
  • Title, text and links: customize the styling for each text element by expanding its respective section to access all styling options.
  • Close icon: in this section, the close icon color and size can be styled, both for the normal and hover state.
  • Button: customize the 'Button' style as well as the Buttons Text color and Background color. Read more about styling of buttons here.
  • Inputs: customize the text styling for each element by expanding its respective section to access all styling options.
  • Map: adjust the spacing, margin and padding for the map.
  • Form: adjust the spacing, margin and padding for the form fields.
  • Thank you message: The 'Thank you message' text inherits all styles from the 'General text'. However, you are able to customize the styling by expanding its respective section to access all styling options.
Was this article helpful?
0 out of 0 found this helpful