Discussion on ConnectMe - Chat Application HTML Template

Discussion on ConnectMe - Chat Application HTML Template

By
Cart 369 sales
Well Documented

themeyn supports this item

Supported

This author's response time can be up to 1 business day.

20 comments found.

Thank you for this amazing theme work, I really like it, And one more request can you add a webcam feature like this website https://webcammictest.io/ so I can suggest this theme to my manager.

hello, sorry for late reply, but feature like this website https://webcammictest.io/ does not fit this template.

Hello,

I am interested in purchasing the ConnectMe – Chat Application HTML Template for integration with my website, https://reminiapkking.com/. My platform focuses on providing AI-powered photo enhancement tools, and I want to add a real-time user support chat to improve engagement and customer assistance.

Before proceeding with the purchase, I have a few technical questions:

Backend Integration: My website is primarily content-based, but I plan to integrate the chat with a PHP/Node.js backend. How flexible is the template for such customization? WebSocket & Real-Time Support: Does the template support WebSockets, or will I need to modify the JavaScript to enable real-time conversations? Mobile Responsiveness: Many of my visitors access the site via mobile. Does the template ensure a seamless chat experience on all screen sizes? Performance Optimization: Since page speed is crucial for SEO, how can I minimize render-blocking resources while using this template? Future Features: I’d love to expand the chat functionality over time. Are there any planned updates for adding push notifications, AI chatbots, or voice/video calls? I’m eager to purchase this template, but I want to ensure it aligns with my website’s needs. Looking forward to insights from the developers and the community.

Thanks in advance!

Hello, Thanks for your interest. This template is built with HTML, CSS and JS . So you can integrate it with PHP/Node.js or anything that uses HTML, CSS and JS. Websocket is not included. You have modify JS for websocket. This just UI if you need anything functional then you have to do it yourself. It’s works seamless all screen sizes.also SEO performance should be fine as long as you are not adding very large assets like huge images or similar stuffs. Now about future updates, I can definitely design and add those things. Btw it already includes chat bot, voice and video call UI.

Thanks

Hello, I am sorry but i don’t work with WordPress.

Can you recommend any site builder that can install this template that you have?

Nope, i don’t know about any site builder that can automatically install this template on WordPress or something else. If you want to use this you have to make it functional manually.

Do you have a kanban view of the chats? like a pipeline/kanban of chat conversations?

Hello, No, this template doesn’t have a kanban view. Could you please show me an example or describe a little bit what you need. Then I can give an update with it. Thank you.

You know commenting was invented for a reason, right? Not only are there little to no code comments here I can’t even consider what you guys call documentation a form of documentation What is going on? It takes about 5 minutes to figure out the correct div to target to make any modification. smh

Hello, I might have missed comment some places, but i think i am kind of over using comment in HTML, BTW i am checking everything now, and adding comment in any and every places needed. I will update the package ASAP. Also could you please help me with what type of information you would like to have in documentation, i would be happy to help. Thanks

No lies; you might be one of the best and most understanding developers on this platform. To improve the documentation, consider adding a diagram that shows the structure of the HTML relative to JavaScript and CSS. This would help other developers follow your train of thought, especially when converting the HTML version into a template for something like Django. This addition would make it much easier for others to edit and understand the development process. Thanks for your great work!

Thanks a lot. I am almost done with adding and rechecking everything for missing comments. It might take few days to work on documentation. ( maybe 2/3, i am not sure, as i am trying a new approach ). I will submit an update, as soon as i am done with it.

Can I use it as is on WordPress and does it comes with a backend?

Thank you

It’s an static HTML template. I don’t really know about WordPress. It doesn’t come with backend.

Really great work. Answers every question on time. All answers and help are useful and satisfactory.

Thanks.

Hello. Question before buying. Can anyone make a video call with anyone or only the administrator?

Hello, This is a HTML template. You need to build functionality yourself. So it’s entirely up to you. If you allow anyone or administrator to use the feature. Thanks

Hello again,

I noticed that clicking on chat entries in mobile views doesn’t open instantly. Instead, I have to double-click on chat entries to open the chat windows in mobile view. Is this a bug? Could you please fix these bugs?

I’m uncertain whether the behavior in Android Chrome is the same as in iPhone Chrome. In my iPhone browsers (Chrome, Safari, Firefox), the behavior remains consistent—requiring a double-click instead of a single click. I have recorded a video demonstrating the issue on my ios Chrome browser: https://youtube.com/shorts/cdTkiVpOl-4?feature=share

Hello, I got the issue, click event on div tag has this issue with ios. I think i might have to re-arrange markup and style for chat entries. I will submit an update with a fix ASAP. Thanks

Hello,

Could you please contact me through https://themeforest.net/item/connectme-chat-application-html-template/44050248/support this support form. I am trying some solution and checking on a iphone simulator. i want to confirm with you first then submit an update.

Thanks

Hello,

How can I mark unread (new incoming) chats? Are there any CSS classes that I can use to differentiate new messages from the rest?

Hello,

We did not had that option. But I Just submitted a new updated with new style. Could you please download the template again.

Basically I just added some css and now you need to add “unread” class with “tyn-aside-item” class.

Thanks

Okay, thank you soo much!!

Hi,

It seems that you cannot start a new chat in mobile views.

https://connectme-html.themeyn.com/chat-bot-s2.html

Hi, thanks for asking. I will add this option as soon as possible.

Just uploaded new update with an example page, for new chat.

2 ISSUES js-scroll-to-the-end (scroll reverse) in the tynChatBody not working in mobile version. And the aside-collapsed, in mobile, dont have a option to hide. Can you help me to fix this issue?

1. fix for scroll to end, go to “scss/layout/_base.scss” then then remove display:none from end of flowing selector ”.#{$app-prefix}aside-base + .#{$app-prefix}main” then remove display:flex from next “&.main-shown” selector. (line 71,73 if you did not change this file) 2. fix for aside-collapsed hide option, go to “scss/components/_chat.scss” then add “—aside-width:320px;” on flowing selector ”.#{$app-prefix}chat-content”. and also add this “max-width: calc(100% – 1.5rem);” on flowing selector ”.#{$app-prefix}chat-content-aside” (line no 228,233 you can download new updated file and check for more reference )

I used the files from the dist folder directly and there is no such folder structure. I redownloaded and replaced the files from the dist css folder, but the problems remain. How to make?

Sorry, cleared cache here and saw the fix, thanks!

This looks great. Do you have example JavaScript functions to add chat messages to the chat window? So basically when clicking the submit button adding the text to the chat window.

Hello, Thanks for your interest. For now we don’t have any script for this. But i will write something and add that option with next update in few days.

Excellent, looking forward to it.

Updated with basic chat message send function, you can checkout on preview.

Great Job! I love it. I have 4 questions: 1- How easy is it to remove the left sidebar, and make more room for the content? 2- Is it possible, to make the left sidebar retractable like the right sidebar on the https://connectme-html.themeyn.com/index.html? 3- Is it easy to add a similar retractable side bar (question2) to this page? https://connectme-html.themeyn.com/chat-bot-s2.html 4- Generally, how easy is it for someone with beginner-intermediate level css/html knowledge to update the design in css? Thank you!

Hello, Thanks for your asking. All of those as very easy to accomplish. You might need some basic JS knowledge with html and CSS. Also I can help you with instructions and code snippets or suggestions if needed. Just contact me through support from here https://themeforest.net/item/connectme-chat-application-html-template/44050248/support

Thank you! I will go ahead and buy it today!

When is the next upgrade coming to this template

Thanks for the help, i am working on a fix for this issue. I will release an update with starter page and this fix very soon.

Got the update. Good job. There is another issue though, the floating widget blocks send button on the chatbot page . can you make the widget movable or place above the send button? see this image for reference https://ibb.co/LzKNgLH. Same screen size. If i zoom to 90% then it will visible

Thanks a lot for the appreciation . Actually that widget button is not intended to use on the same page as the chat bot, I have used that on every page so people can check it out from any page. But still if you want to use it in that page just simply update bottom value for ”.tyn-quick-chat-toggle” class. maybe 6.5rem can give you enough clearance.

Hi,

There’s a gap space on top-left in 1366×768px resolution display. https://ibb.co/sWH0hsG

And it’d be really nice to have a fullscreen mode for chat pages :)

Thanks a lot for helping me out this issue, i am working on a fix, will upload it on themeforest ASAP.

It’s a nice chatting template. not a problem :) Meanwhile there are no settings page and lost password page included, it’d be nice to see these pages completed with maybe introduction of additional UI elements.

Just submitted an update with the issue fix. you should get a notification as soon as it get approved by themeforest reviewer. Also if you could give me some example (maybe screenshots or links) for the pages and UI Elements you need. Then I will try to design those page for next update.

Hello very nice script . Can we add Chat gpt API in this application ?

i mean can we integrate openai api ?

This just an HTML Template, so you can integrate with anything, just remember this template contains only html CSS/SCSS and JavaScript files for UI.

Congratulations! Nice Work, GLWS :)

Thanks

Great Work,Congratulations GLWS :)

Thanks

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey