Customizing Your Widget

Make the widget match your brand perfectly.

Colors

From your dashboard, go to Appearance → Colors. You can set:

  • Primary: Header titles and main accents
  • Secondary: Badges, arrows, button text
  • Background: Widget background
  • Text: Summary text color
  • Button Background/Text: For floating mode only

Typography & Layout

  • Font Family: Choose from Inter, Poppins, Roboto, or system default
  • Border Radius: Controls how rounded the corners are (0–48px)
  • Widget Max Width: Set to 100% for full width, or a fixed value like 600px
  • Inner Padding: Space between content and widget border
  • Placement: Inline (below article) or Floating button (bottom right)

Text Labels

Change every text in the widget:

  • Header Title (e.g., "AI Summary", "Key Takeaways")
  • Badge Text (small label next to title)
  • Footer Text (e.g., "AI-generated", "Powered by AI")
  • Copy Button Text
  • Helpful Button Text

Custom Prompt

Tell the AI how to summarize. Example:

Summarize in 3 bullet points for busy executives. Keep it professional and concise.

Leave empty for the default prompt.

Live Preview

Changes appear instantly in the live preview panel. Select one of your real pages to see how it looks on your actual content.