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
Can we also get this exact landing page demo as our About page — https://preview.themeforest.net/item/connectme-chat-application-html-template/full_screen_preview/44050248?_ga=2.93509469.1115247242.1739657111-777023158.1739133714
Hello, Yes. that landing page is included in the package. Thank you.
How much if you can convert and install this to our wordpress?
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?
Hi, I am very sorry to hear that you are facing this issue. Could you please help me recreate this issue. Here is a video https://youtube.com/shorts/xv15Uhy6FZk?si=ugQQVKuGd0in2oWz it’s opening with one click, everything is working as intended. If you could me give me a example similar way, that would be great. Thanks
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.htmlHi, 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?
Hello, I found out reason behind first issue and working on it, could you please explain 2nd issue a bit more, I having trouble understanding it.
The side page with contact details. If you open it via cell phone, it cannot be closed.
Thank you for helping me with identifying these issues. I’ll fix them as soon as possible and roll out an update.
As I already have my layout all customized, can you let me know the files you changed, so I can change only what is necessary?
Absolutely, I will prepare a guide on how to implement these fixes for you. Please reach out to me through the support form at https://themeforest.net/item/connectme-chat-application-html-template/44050248/support . Once you contact me there, I can send you detailed instructions via email or provide them as comments here, depending on your preference.
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
For now i am working on react version of this template as a separate item. But If you have some page or feature suggestion then i can certainly work on that and give an update. Otherwise i will give an update at the end of next month.
How about a starter page where we can write custom pages
Ok, will add starter page in next update.
Also i observed that the floating chat widget close button is out of range unless i zoom the screen down to 80% before i can see the close button. could you look into that?
Could you please give a screenshot or tell me what screen size you are checking, then it would be helpful.
This is the screenshot https://ibb.co/16nN7x8. The window is on 12.5 inches laptop.
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/sWH0hsGAnd it’d be really nice to have a fullscreen mode for chat pages 
hello, I am sorry to learn about the problem, I rechecked everything (our live demo also direct downloaded files from themeforest ), but I couldn’t replicate the issue. If you could upload your code some where online and send me the link so I can debug and help you. You can send me private message from support tab with link. here is support link for your convenient https://themeforest.net/item/connectme-chat-application-html-template/44050248/support
Thanks
It’s easy to test it on all devices online.
https://screenfly.org/#u=https%3A//connectme-html.themeyn.com/index.html&w=1366&h=768&a=115” notebook screen with aforementioned resolution has such issue. You may need to zoom in and out on browser to replicate the issue.
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
