Chat funnel window on the website
Technical assignment for the development of a chat funnel for the website
General information
The project involves the development of an interactive chat window for the website, which will be used for communication between users and managers or specialists. The main task is to create an animated chat funnel that simulates the process of connecting the user to a specialist, and then provide the opportunity for real communication with the manager via API or directly.
Functional requirements
Chat initialization
- When the user enters the website, the chat window automatically opens.
- The chat window displays a loading animation with the text "Searching for a specialist for you".
- After a few seconds, the animation changes to "Specialist found. Connecting".
- The animation ends, after which the specialist's avatar, name, and first message appear.
- All data about the specialist (avatar, name, message) is pulled through the API.
Animation
- Implement a loading animation that includes rotating elements.
- After the loading is complete, the specialist's avatar and name appear in the center of the window, hold for a few seconds, then shrink and move to the message area.
- The animation should be smooth, without abrupt changes.
Message exchange
- The user can send multiple messages in a row. These messages should be queued.
- User messages are sent to the API in one request, after which the "Specialist is typing" animation starts.
- Upon completion of the animation, the specialist's response is displayed.
Communication with the manager
- The user is tied to a specific specialist, who is identified by a unique ID.
- If the manager enters the dialogue, further messages stop being sent to the API and go directly to the manager.
- The manager can enter and exit the dialogue. If the manager is offline, messages continue to be processed through the API.
Administration
- Provide the ability for managers to enter and exit the dialogue.
- When the manager exits, the chat continues to operate through the API, as described above.
-
15075 32 0 1 Good day!
My name is Valentin, and I represent Arctic Web Agency. We are a team of experienced web developers specializing in creating modern and effective web solutions for businesses. I can provide examples of our similar work in personal messages. We are ready to take your project to work!
Sincerely,
Arctic Web Team
Freelancehunt
-
317 Hello!
I am interested in working on your project to create an interactive chat window. I have significant experience in developing animated interfaces and integrating APIs to ensure real-time interaction.
-
8150 63 1 Good day!
I am ready to implement an interactive chat window for your website. I look forward to discussing all the details and starting work!
-
3853 24 0 Good day,
I am ready to take on your project. I have experience in developing interactive chat windows for websites with animation and messaging. I can create an animated chat funnel with chat initialization, smooth animation, messaging, and connection to the manager via a unique ID. I am ready to start working on the project, my rate is $16 per hour.
Sincerely,
Maxim
-
3698 111 3 5 Hello, Alexander
There is experience in implementing a similar widget on jQuery for a WordPress site.
Sincerely, Yuri
-
А яке апі?
-
АПИ будет предоставленно. Это самописное АПИ. Вам нужно будет обращаться туда с передачей ид пользователя, чтобы получать: сообщения, картинки, имена ассистентов
-
Current freelance projects in the category HTML & CSS
Web design and developmentHello! For the current project, I am looking for two separate specialists: web designer (Figma) web developer (Frontend / WordPress) The project includes tasks such as: landing pages, online store, admin panels, WordPress site, as well as small tasks on React / Next.js and… HTML & CSS, Web Design ∙ 2 days 6 hours back ∙ 106 proposals |
A Drupal developer is needed for edits on several websites.A Drupal developer is needed for edits on several websites. The site has bloated and filled up all the hosting.. HTML & CSS, Web Programming ∙ 2 days 13 hours back ∙ 37 proposals |
Optimization of WordPress site speed
113 USD
We will send full details in private messages Goal Maximize website loading speed, especially on mobile devices. KPI (mandatory) After the work is completed, the following metrics must be achieved. Mobile Performance 90+ LCP less than 2.2 sec INP less than 200 ms CLS less than… HTML & CSS, Javascript and Typescript ∙ 3 days 4 hours back ∙ 66 proposals |
Create a website and connect it to Shopifyto create a website and connect it to Shopify the main page is in the mockup there will be no product pages, there will be a modal window for selecting the size of the cream jar and its quantity after that, a delivery and payment window the order must be sent to Shopify with… HTML & CSS, Web Programming ∙ 3 days 7 hours back ∙ 76 proposals |
Website optimizationOptimization of the website jdgreta.co.uk on Shopify. SEO audit attached to the project. Main tasks - - Fix all meta data - Complete the technical specifications for the programmer (since this project combines tasks for both the programmer and SEO, if you are not a company -… HTML & CSS, PHP ∙ 4 days 8 hours back ∙ 33 proposals |