Open Chatbot Directly only on Desktop

Hello kurtberlin (@kurtberlin),

This is a great idea. I’ll have to look to see how I can detect mobile and desktop users and determine open/closed for first visitors.

I’ll leave this request open for the moment while I figure this out.

Thank you for taking the time to share your valuable feedback, as it helps me continually improve and provide a better experience for our users.

Thanks! That would be really great as on mobile it takes up almost the entire screen so I would like it to open automatically only for the desktops.

I know many WordPress themes support certain CSS codes that apply only on mobile, with a code like

@media all and (min-width:481px) and (max-width: 568px) {
  /* put your css styles in here */
}

And another suggestion: When the chatbot is opened, I think it would seem more intuitive to have an X icon in the top right corner to close it instead of the chat icon.

Cheers!

Hello kurtberlin (@kurtberlin),

If you’re feeling adventurous, you can download the beta for version 1.8.1.

In this version I’ve externalized the appearance settings and enhanced the mobile experience.

You can find the beta source code here:

https://github.com/kognetiks/chatbot-chatgpt/tree/V1.8.1

and here:

https://github.com/kognetiks/chatbot-chatgpt/archive/refs/heads/V1.8.1.zip

I’m finalizing my testing now and expect to release this version to prod shortly.

Stephen

Hello?kurtberlin?(@kurtberlin),

Just pushed 1.8.1 to production. You should see an enhanced mobile experience and ability to adjust appearance.

Respectfully,

Stephen

Hello Stephen,

sorry for the late response – I just installed the update but it completely broke my sites design (working on Divi theme with latest version – had the chatbot shortcode in the footer)

I needed to deactivate it.

Is it possible to rollback to the previous version?

Best, Kurt

Hell Kurt,

Do you know if there is a free version of the Divi theme?

I’d love to be able to test it locally.

Did you notice any particular error messages?

Did you try clearning browser cache and sever cache to make sure that’s not the issue?

If you want to revert to an earlier version, go here to download V1.8.0.

https://github.com/kognetiks/chatbot-chatgpt/archive/refs/tags/v1.8.0.zip

Once you have download the zip file, deactivate the plugin, delete the plugin and then import the new plugin rather than downloading it from www.remarpro.com.

Let me know what info you can share about error messages or screen images showing the issues.

We’ll figure this out!

Thank you for taking the time to share your valuable feedback, as it helps me continually improve and provide a better experience for our users.

Repectfully,

Stephen

Hello Stephen,

thank you for the quick response! I will try out the earlier version soon.

As far as I know Divi don’t have a free version but say on their site they have a 30 day money back guarantee.

The following problem appeared in the front end: Some site elements were missing suddenly on the page, formatting of text was squashed and the responsiveness on mobiel devices did not work. Cache cleared and everything tested in Incognito mode as well as mobile devices. After I deactivated the chatbot plugin everything went back to normal.

Would be great if you can figure this out!

Best, Kurt

• This reply was modified 1 year, 1 month ago by kurtberlin.

Hello Kurt,

Before you revert back, assuming you have a shortcode for the chatbot in a footer, can you delete it from the footer and add it shortcode to a page, save as draft and preview? Does it break when in a page vs. when in a footer? This might help me understand what is going on.

Are you on discord? If so, maybe we could connect there and you could share screen so I could see what is going on and ask questions about the installation.

Also know that I’m looking into changing how I’ve incorporated appearance customizations, so I’m likely goingt change how the chatbot works.

I’ll keep you advise.

Respectfully,

Stephen

Hey Stephen, I have Divi if you need a copy. Just shoot me a message.

Hello,

I think I’ve gotten to the bottom of the problem.

If you haven’t downloaded V1.8.4, please give that a try.

Respectfully,

Stephen

Hello Stephen,

thank you for the quick update and sorry I couldn’t assist any further (very busy right now)

The problem seems to be fixed now with this version.

One question I have however: In the previous version I adjusted some design settings in the plugins CSS file (like color of the individual button and chatbot open button) I still have a backup of the original CSS file, but it seems like the settings have changed… Can I avoid it to be overwritten with every update?

Best, Kurt

Hello kurtberlin (@kurtberlin),

Yes, you should be able to write over the CSS.

I’m going to externalize the CSS into the Appearance tab.

I should add a box for user’s custom CSS that could be stored and not lost.

I’ll add that to the list of things to implement.

But yes for now you should be ok to just overwrite the css file.

Please keep a backup copy.

Stephen

Hi Stephen,

I just inserted my old design settings into the new CSS sheet, but it seems that some things are not displayed correctly:

The color of the greeting stays black, although it is set to white in the appearance tab.

It seems to be not possible to adress the user message color and the assistant message color individually through the CSS file.

The greating set in the plugin settings is not displayed, instead it shows the standard “Hello! How can I help you today?”

Do you have any suggestions on that?

Thank you!

Kurt

Hello Kurt,

I’ve caught a couple of places where values are not being passed between the PHP and JavaScript.

I worked most of this out today and will finalize some testing tomorrow.

I hope to release 1.8.6 early this week.

Not sure what has happened to the avatar greeting.

I’ll look into that.

Stephen

Thank you Stephen! I really appreciate it. A box for the custom CSS would be great also, especially to customize the different options that are not part of the appearance tab (like different colors for user and bot message) and don’t los them with an update.