Setting up on-site messages

On site message styles

Popup template

In a pop-up template, the styles window will be organized in two sections:

• Pop-up section
• Form section

Pop-up section

Configure the options relating to the general graphic layout of the pop-up object.

• Type:
  define the type of pop-up you want to create (Popup or Sidebar);
• Popup Width: 
  Changes the width of the popup (default 568 pixels). 
  The height will automatically adjust based on the number of objects in the workspace.
• Image: 
  Insert an image inside the popup. The image's height will be resized to the popup's height and can be aligned left or right.
• Image File: 
  Allows you to upload the image displayed in the on-site message.
• Image Width: 
  Sets the maximum width of the image.
• Background: 
  Changes the background color of the on-site message.
• Corner Radius: 
  Rounds the corner of the pop-up;
• Border Thickness: 
  A border of the thickness specified in the field (in pixels) is applied to the box;
• Drop Shadow: 
  This option adds or removes a shadow effect to the pop-up;
• Close Icon: 
  Changes the color of the pop-up's closing icon;
• Background: 
  Choose the background color of the on-site message;
• Opacity: 
  Sets the percentage transparency of the on-site message's background.

Form section

In this section you can configure further pop-up options.

• Font:
  change the font of the text fields;
• Field label:
  change the color of field labels;
• Field Border: 
  Change the color of the text field borders;
• Corner Radius (px):
  Enter the number of pixelsthe curvature of the corners of the fields;
• Error Text: 
  Change the color of the error message text;
• Show asterisk (*) next to required fields: 
  The asterisk symbol is displayed if a field is mandatory;
• Background: 
  Changes the background color of the popup buttons;
• Text: 
  Changes the color of the button text;
• Corner Radius (px):
  Enter the number of pixels to curve the button corners;
• Alignment: 
  Aligns the button to the left/right or center of the box.

Fields section

• Selected fields border:
  you can change the color of the field box border when they are selected.

Page Styles

This section is active only in on-site popup messages

You can show or hide the image configured in the On-site message styles.

Sidebar Template

The Sidebar is a small space hosted within the page structure of a site (usually in the form of a vertical column) that contains various types of content, such as news, images, or forms.
The Sidebar template is configured like the Popup template, but the Overlay option will obviously not be available.