Widget Positioning

Control where your feedback widget appears on the page.

Position Options

Bottom Right (Default)

data-position="bottom-right"

Most common position, doesn't interfere with navigation.

Bottom Left

data-position="bottom-left"

Good alternative if bottom-right conflicts with chat widgets.

Top Right

data-position="top-right"

Visible immediately, but may conflict with navigation.

Top Left

data-position="top-left"

Less common, useful for specific layouts.

Offset Customization

Adjust the widget's distance from the edge:

<script
  src="https://cdn.feedvalue.com/widget.js"
  data-widget-id="wgt_abc123"
  data-offset-x="20"
  data-offset-y="20"
  async
></script>

Values are in pixels.

Mobile Considerations

On mobile devices, the widget automatically adjusts:

• Smaller button to avoid blocking content
• Full-width form for easier input
• Bottom positioning prioritized for thumb reach

Avoiding Conflicts

If you have other floating elements (chat widgets, cookie banners):

1. Choose a different corner position
2. Adjust offsets to prevent overlap
3. Use z-index if needed:

.feedvalue-widget {
  z-index: 9999;
}

TIP

Test your widget on various screen sizes to ensure it doesn't block important content.