Widget Placement and Spacing

Proper widget placement ensures visibility without interfering with your website's content and user experience.

Default Placement

By default, the NovaSupport widget appears in the bottom right corner of the screen. This position works well for most websites because:

  • It's easily discoverable.
  • It doesn't block important content.
  • Users expect chat widgets here.

Alternative Positions

Bottom Left

Consider this position if:

  • Your right side has important elements.
  • You have other fixed elements on the right.

Custom Position

For unique layouts, specify exact coordinates.

Spacing Options

Adjust the distance from screen edges:

  • Bottom spacing: 10px - 100px from bottom.
  • Side spacing: 10px - 100px from left/right edge.

Why Spacing Matters

  • Mobile devices: Avoid browser UI elements.
  • Accessibility: Ensure easy tap targets.
  • Visual balance: Create breathing room.

Page-Specific Placement

Show or hide the widget on specific pages:

  1. Go to Widget → Placement.
  2. Choose "Show on specific pages."
  3. Add URL patterns (supports wildcards).

Examples:

  • /products/* - Show on all product pages.
  • /checkout - Hide on checkout.

Z-Index Management

If your widget overlaps with other elements, adjust the z-index in advanced settings. Higher values appear on top.