✨ New Plugin Alert ✨ SleekRank is now available with €50 launch discount
✨ New Plugin Alert ✨ SleekRank is now available with €50 launch discount
✨ New Plugin Alert ✨ SleekRank is now available with €50 launch discount
✨ New Plugin Alert ✨ SleekRank is now available with €50 launch discount
✨ New Plugin Alert ✨ SleekRank is now available with €50 launch discount
✨ New Plugin Alert ✨ SleekRank is now available with €50 launch discount
✨ New Plugin Alert ✨ SleekRank is now available with €50 launch discount
✨ New Plugin Alert ✨ SleekRank is now available with €50 launch discount
✨ New Plugin Alert ✨ SleekRank is now available with €50 launch discount
✨ New Plugin Alert ✨ SleekRank is now available with €50 launch discount

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

SleekAI chatbot for JetStyleManager

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

1

Read active preset

On chat open, SleekAI inspects wp_options for jet_style_manager_presets and reads the preset assigned to the current page or to the global default if none is page-specific.
2

Map tokens to widget CSS

Background, text color, accent, typography stack, base font size, border radius, and spacing tokens from the preset are mapped to CSS custom properties on the chat widget root.
3

Render in normal DOM

The chat is rendered in the normal document, not an iframe, so the inherited CSS variables propagate cleanly and any global theme rules (sticky header offset, mobile breakpoints) keep working.
4

Apply per-bot overrides

If a chatbot has appearance overrides set in the SleekAI admin, those cascade on top of the JetStyleManager preset, letting individual bots stand out without forcing a brand-wide change.

Try it now

A typical JetStyleManager-themed chat

Brand site using JetStyleManager preset 'Midnight' with deep navy background, warm cream text, and a custom Söhne font stack.

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_presets from wp_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.

Starter

€79

EUR

per year

  • 3 websites
  • 1 year of updates
  • 1 year of support

Pro

€149

EUR

per year

  • Unlimited websites
  • 1 year of updates
  • 1 year of support

Lifetime ♾️

Most popular

€249

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