View Categories

Can you show what an item looks like in the chatbot window? Is it possible to customize the appearance of cards with custom CSS?

This is an FAQ answer for the WordPress plugin chatGPT SmartSearchWP.

SmartSearchWP does not display results as “cards” or separate blocks of articles.
The chatbot generates conversational responses from indexed content on your site.

Each reply appears in the chat window as a message bubble, with Markdown formatting (e.g. bold text, links, bulleted lists, etc.).

If you want to customize the chatbot’s appearance, you can override the CSS variables used by the interface, for example :

  • --wdgpt-user-primary-color
  • --wdgpt-font
  • and other variables defined in the main.css

To apply these customizations, you can upload your own CSS, for example via your site’s child theme or a custom styles file.

To take things a step further, the Premium Customization add-on also lets you adjust certain visual parameters, such as :

  • the chatbot’s position on the page
  • colors
  • different style elements

Please note: the basic plugin doesn’t (yet) offer a “Custom CSS” field in its settings. Style modifications must therefore be made directly via your site’s CSS.

Powered by BetterDocs

Hello, may I help you?
SmartSearch
Chatbot Image Hello, I am SmartSearchWP, how can I help you?

Powered by artificial intelligence, the bot can make mistakes. Consider checking important information.