Type: Pro
Purpose: Automatically generates a concise TL;DR summary at the top of each article, giving readers an immediate overview before they commit to reading the full piece.
What It Does
Long-form content is valuable, but many readers want to quickly gauge whether an article is worth their time. The AI Content Summarizer solves this by generating a 2–3 sentence summary that appears prominently at the beginning of the post, labeled as a summary or “TL;DR.”
This helps readers decide quickly, reduces bounce rates from frustrated scanners, and adds a professional editorial touch to your content.
How It Works
When a post is processed, Supercharger sends the full article content to your AI provider and requests a summary of the configured length. The result is stored and served on subsequent page loads without additional API calls.
The module supports two display modes:
- Always visible — The summary is shown immediately when the page loads.
- Mimic Content Generation — The summary is hidden behind a button. When a visitor clicks the button (e.g., “Generate AI Summary”), a loading animation plays for a configurable delay, then the summary is smoothly revealed. This creates the impression of live AI generation, even though the content is already pre-generated and stored.
Settings
Content
| Setting | Description | Default |
|---|---|---|
| Summary Length | Range of sentences for the generated summary (1–15) | 2–3 sentences |
| Insertion Position | Where the widget appears: before content, after content, or via a custom hook | Before content |
| Widget Title | The heading shown at the top of the summary widget | AI Summary |
| Widget Title Tag | HTML heading tag used for the widget title (h2-h6, div, p) | h2 |
Mimic Content Generation
| Setting | Description | Default |
|---|---|---|
| Mimic Content Generation | Show a button instead of the summary; reveal the summary after a click with a loading animation | Enabled |
| Loading Delay (ms) | How long the loading animation plays after the button is clicked, before the summary appears. Set to 0 for immediate reveal. | 2000 ms |
| Initial Section Heading | Text displayed above the button before the visitor clicks | Looking for a Shorter Overview? |
| Initial Button Label | Text on the reveal button | Generate AI Summary |
| Button Attention Effect | Adds a subtle animation to draw the visitor’s eye to the button | Enabled |
Design
| Setting | Description | Default |
|---|---|---|
| Style Preset | Pre-built visual style for the widget | Theme default |
| Dark Mode | Dark mode behavior: auto, always on, always off | Auto |
| Show AI Badge | Display an “AI-generated” label on the widget | Disabled |
| AI Badge Text | The label text if the badge is enabled | AI-generated |
Overriding the Summary
If you want to write your own summary for a specific post, open the Supercharger sidebar in the Gutenberg editor and enter your custom text in the Summary override field. The AI-generated version will be ignored for that post.
To revert to the AI version, clear the override field.
Display
The summary block is rendered with the CSS class supercharger-content-summarizer. The widget includes a customizable title, an optional icon, and the summary text. Colors, gradients, border radius, and typography are all configurable from the module settings.
Tips
- A range of 2–3 sentences is optimal for most articles. Very long summaries defeat the purpose of a quick overview.
- The Mimic Content Generation mode works well on editorial and magazine-style sites where the “AI reveals the answer” interaction feels natural. For news or documentation sites, consider disabling it for a cleaner, more direct experience.
- The Loading Delay defaults to 2 seconds. Shorter delays (500–1000 ms) feel snappier; longer delays build more anticipation but may frustrate impatient readers.
- Summaries are cached after first generation. If the post content changes significantly, regenerate from the Gutenberg sidebar.