Tech stack 🏗
OVIS Support Desk staat technisch gezien op een fundament van WordPress, Gutenberg, en Next.js. Door een slimme combinatie van deze technieken zorgen we voor een optimale gebruikerservaring voor zowel beheerders als gebruikers.
Bovenop dit fundament gebruiken we de geavanceerde zoekmachine Algolia en integreren we het de AI chatbot van Watermelon die op zijn beurt weer gebruik maakt van de ChatGPT engine.
Wordpress
De WordPress admin omgeving biedt een eenvoudige manier om je content centraal te beheren en te structureren. Je kunt taxonomieën (categorieën) en termen (specifieke labels) opstellen om je thema’s en onderwerpen te ordenen, wat helpt bij het overzichtelijk houden van je website-inhoud. Dit zorgt ervoor dat je support desk gestructureerd en gemakkelijk doorzoekbaar blijft.
De admin kant biedt tools voor gebruikersbeheer, zodat je verschillende rollen en rechten kunt toewijzen. Het beheren van pagina’s, berichten en andere inhoudstypes is intuïtief en flexibel, waardoor je snel nieuwe content kunt toevoegen en bestaande content kunt aanpassen zonder dat je een expert hoeft te zijn.
Gutenberg editor
Voor het aanmaken van content gebruiken wij de Gutenberg content editor, een WYSIWYG (What You See Is What You Get) editor waarmee je eenvoudig blokken kunt toevoegen. Onze block library bevat diverse componenten zoals headings, paragrafen, knoppen en links, die eenvoudig toe te voegen en te bewerken zijn. Sommige blokken zijn zelf opgebouwd, terwijl andere gebaseerd zijn op de standaard Gutenberg componenten en aangepast aan onze behoeften.
Gutenberg maakt het eenvoudig om overzichten te creëren op basis van taxonomieën en termen. Daarnaast kun je contactformulieren opstellen met verschillende velden zoals invoervelden en checkboxes. De presentatie is flexibel; je kunt kleuren kiezen, media toevoegen en download buttons integreren.
Next.JS
Next.js verzorgt de ‘voorkant’ van OVIS Support Desk, wat betekent dat het verantwoordelijk is voor de visuele weergave en functionaliteit ervan. Het maakt gebruik van HTML, CSS en JavaScript, de essentiële bouwstenen van het web, en biedt functies zoals server-side rendering (SSR) voor betere prestaties en SEO.
Door Next.js te integreren met ons headless CMS van WordPress, waar we aangepaste blokken maken in de Gutenberg-editor, kunnen we een soepele en consistente gebruikerservaring bieden. Deze blokken worden gemaakt en bewerkt in Gutenberg met behulp van React, een JavaScript-bibliotheek, en vervolgens verwerkt door Next.js aan de voorkant van de website via SSR.
Dit betekent dat wijzigingen die in de editor worden aangebracht, zoals het toevoegen van nieuwe inhoud of het aanpassen van bestaande blokken, direct worden weergegeven aan de voorkant van de website.
Wordpress Multisite
OVIS Support Desk wordt gebouwd met WordPress Multisite, waardoor we meerdere support desks binnen één installatie kunnen beheren. Dit zorgt voor efficiënt beheer, consistentie en schaalbaarheid. Elke support desk maakt gebruik van de Gutenberg editor en onze block library, aangedreven door een headless CMS met WordPress als backend en Next.js als front-end.
Algolia zoek API
Algolia is een krachtige zoek API die ondersteund wordt door AI om snelle en relevante zoekresultaten te vinden. Een ontwikkelaar kan deze API toepassen in componenten zoals bijvoorbeeld een zoekbalk of een overzicht.
Watermelon AI Chatbot
Het Watermelon AI chatbot kan gekoppeld worden aan elke OVIS Support Desk. Deze AI-gedreven chatbot word vervolgens zo geconfigureerd dat hij nauwkeurig en snel antwoorden kan vinden gebruikmakend van de content van de support desk. Dit stelt gebruikers in staat om vragen te stellen en direct antwoorden te krijgen, zonder dat menselijke tussenkomst nodig is.
De chatbot maakt gebruik van de volledige skillset van Chat GPT en kan daardoor ook op dezelfde menselijke wijze converseren met de gebruikers. De chatbot kan dus inhoud herformuleren op verzoek van gebruikers waardoor antwoorden beter aansluiten op de individuele gebruiker.
Snel aan de slag met OVIS Support
Start nu je eigen Support Desk 🚀
Ja, ik wil meer weten!