AI chatbot for JetStyleManager-styled sites
SleekAI reads the same block style options JetStyleManager writes to wp_options and Gutenberg block attributes, so the chat widget colors, fonts, and spacing match your site without writing CSS, using your own OpenAI, Anthropic, Google, or OpenRouter key.
♾️ Lifetime License available
Brand consistency without theme code
JetStyleManager is Crocoblock's free Gutenberg companion that adds advanced style options to every Crocoblock block: typography presets, color schemes, spacing tokens, hover and active states. The settings are stored as block attributes inside the post content and, for site-wide presets, in wp_options under keys like jet_style_manager_presets. The Gutenberg block editor reads them on save; the frontend reads them on render.
SleekAI reads the same presets. When the chat widget loads, it inspects the active JetStyleManager preset for the page and applies the same color, typography, and spacing tokens to the chat bubble, input, and message UI. There is no separate widget skin to maintain. If you rebrand the site, the chat rebrands with it. The bot also has access to the JetEngine and WooCommerce data layer, just like every other SleekAI install, so the conversation itself stays grounded in live WordPress data.
Generic chatbots ship with a hard-coded look or a fixed set of theme tokens. Either you accept the default styling, which clashes with carefully tuned brand palettes, or you write custom CSS to override every selector inside an iframe widget. With SleekAI on a JetStyleManager site, neither is necessary. The widget reads the same option keys the rest of your blocks read, so visual consistency is automatic.
Workflow
How SleekAI uses your presets
Read active preset
Map tokens to widget CSS
Render in normal DOM
Apply per-bot overrides
Try it now
A typical JetStyleManager-themed chat
Comparison
Generic chatbot vs SleekAI for JetStyleManager
Generic chatbot
- Ships with hard-coded widget styling, no theme awareness
- Cannot read JetStyleManager presets from wp_options
- Requires custom CSS overrides per page or template
- Breaks visual consistency when you switch brand palettes
- Iframe widget blocks parent CSS from reaching the chat UI
SleekAI chatbot
-
Reads
jet_style_manager_presetsfromwp_options - Inherits per-block style attributes stored in post content
- No iframe, so the chat lives in your normal DOM and CSS scope
- Per-bot overrides cascade cleanly over the active preset
- Updates automatically when you switch JetStyleManager presets
Features
What SleekAI gives you for JetStyleManager
Preset-aware widget
Whatever JetStyleManager preset is active on the page (colors, typography, spacing) is read on widget load, so the chat matches the surrounding blocks pixel for pixel without a single line of custom CSS.
Light and dark variants
If your JetStyleManager presets define both light and dark variants tied to prefers-color-scheme or a body class, the chat widget follows the same rule and switches with the rest of the page in real time.
Per-bot overrides
Need the chat to stand out a little? Override accent color, border radius, font size, or shadow per chatbot. Global preset stays untouched, so brand-wide changes still flow through cleanly when you tweak the preset.
Use cases
Where JetStyleManager sites apply SleekAI
Brand-led marketing sites
Studio and agency sites with carefully tuned JetStyleManager palettes get a chat surface that respects the same color, typography, and spacing tokens as the surrounding Gutenberg blocks.
Dark-mode-capable themes
Themes that ship light and dark variants of every JetStyleManager preset get a chat widget that switches with the rest of the page when the visitor toggles dark mode.
Multi-brand WordPress networks
WordPress multisite or multi-brand setups with per-site JetStyleManager presets get a chat widget that auto-rebrands per site, with no extra configuration.
The bigger picture
Why this matters for JetStyleManager sites
Sites that bother with JetStyleManager bother with it because brand consistency matters. The plugin exists to give Gutenberg the same kind of design system controls that Elementor and theme.json offer, with a friendly UI on top. Once a brand has invested in defining presets and rolling them across the block library, the last thing it wants is a third-party chat widget that ignores all of it.
Most chat widgets do exactly that. They ship in an iframe with their own fonts, their own colors, and their own padding. Even the ones that offer color customization expose a flat list of options that does not respect the layered token system JetStyleManager builds.
SleekAI is different because it lives in the same DOM as the rest of the site and reads the same option keys JetStyleManager writes to. The chat looks like part of the design system from day one. When the design team tweaks a preset, the chat moves with the rest of the site.
That removes a small but real friction point in adopting chat: the design team does not have to sign off on a separate visual treatment, and there is no ongoing maintenance to keep the chat in sync as the brand evolves. For agencies that ship JetStyleManager sites for clients, the integration also means one less plugin to brief on, one less ticket about chat colors, and one fewer surface that drifts from the brand over time.
Questions
Common questions about SleekAI for JetStyleManager
In most cases, no. SleekAI inherits the JetStyleManager preset for the page on first load and applies the same color, typography, and spacing tokens to the chat widget. If you do want to fine-tune, the SleekAI admin exposes per-bot overrides without touching the JetStyleManager preset itself.
 On the next page load, SleekAI reads the new active preset and applies the updated tokens. Within the same page, if your theme uses CSS variables that flip on a toggle (light vs dark), the chat widget follows automatically because it consumes the same variables.
 Yes. SleekAI also reads native WordPress theme tokens (theme.json, CSS custom properties) and falls back to its own neutral defaults if nothing else is present. JetStyleManager just makes the inheritance richer and more granular when it is installed.
 The widget loads async and adds roughly 60 to 90 KB compressed to the initial page, deferred until after first paint. CLS and LCP are not affected because the chat is positioned absolutely and rendered after the main thread is idle. The CSS variables it consumes are the same ones JetStyleManager already loads.
 Yes. SleekAI ships a Gutenberg block that renders the chat inline as a normal content block, alongside other Crocoblock blocks styled by JetStyleManager. That is useful for full-page chatbot landing pages or in-context demos embedded in documentation articles.
 In the block editor, the SleekAI chat block previews with a placeholder so editors can position and style it. The live chat itself is disabled in the editor to avoid burning API calls. Switching to a frontend preview activates the chat with the active preset applied.
 Yes. JetStyleManager presets are not user-scoped by default, so both groups see the same widget styling. If you swap presets per role using a plugin like User Role Editor or by hooking JetStyleManager's filters, the chat follows whatever preset the current visitor sees.
 Yes. SleekAI is bot-config-scoped, not theme-scoped, so one chatbot can run across a multisite network where each site uses a different JetStyleManager preset. Each site applies its own preset to the widget, while the bot logic and data mappings stay shared.
 Pricing
More than 1000+
happy customers
Explore our flexible licensing options tailored to your needs. Upgrade your license anytime to access more features, or opt for a lifetime license for ongoing value, including lifetime updates and lifetime support. Our hassle-free upgrade process ensures that our platform can grow with you, starting from whichever plan you choose.
Lifetime ♾️
Most popular
EUR
once
- Unlimited websites
- Lifetime updates
- Lifetime support
...or get the Bundle Deal
and save €250 🎁
The Bundle (unlimited sites)
Pay once, own it forever
Elevate your WordPress site with our exclusive plugin bundle that includes all of our premium plugins in one package. Enjoy lifetime updates and lifetime support. Save significantly compared to buying plugins individually.
What’s included
-
SleekAI
-
SleekByte
-
SleekMotion
-
SleekPixel
-
SleekRank
-
SleekView
€749
Continue to checkout