Installeer Swifty
Opmerking: voordat u Swifty installeert, MOET u een Helpjuice account hebben.
Om Swifty te installeren, moet u toegang hebben tot de webapp waarop u Swifty wilt laten verschijnen. Als u wilt dat Swifty op elke pagina van uw webapp verschijnt, plakt u de code eenvoudig op elke pagina van uw webapp.
1) Plak het Swifty Embed JS-script in uw voordat u uw </body> -tag sluit:
<! - Helpjuice hier -> <script> helpjuice_account_url = "https://helps.helpjuice.com"; // Knop "Contact" HREF helpjuice_contact_us_url = "http://help.helpjuice.com/contact-us"; // Op Helpjuice initialisatie. Voel je vrij om te bewerken // Voor aangepaste activiteiten op Helpjuice Init = function () {} // U kunt ook de look & feel van Swifty aanpassen // gebruik onze Config-parameter, kijk eens: // widgetPosition accepteert: bottomLeft, topLeft, bottomRight, topRight // widgetPosition accepteert: bottomLeft, topLeft, bottomRight, topRight // helpjuiceSwiftyConfig = { // Gebruik deze functie als u JS // worden geactiveerd in plaats van een HREF-URL. // op Helpjuice ContactUs = function () {} </script> <script async src = 'https: //s3.amazonaws.com/helpjuice-static/helpjuice_production/swifty/helpjuice_inapp.min.js'> </script>
2) Sla uw bestand op!
Wijzigingen
Vanaf nu kun je de kleuren / het pictogram van Swifty niet aanpassen, maar we zijn van plan die functionaliteit in de toekomst te openen.
U KUNT echter de URL van de knop "Contact opnemen" , evenals de javascript Contact Us en On Initialization , in de insluitcode zelf wijzigen.
Laad aangepaste gegevens
Met de laatste update van Swifty kun je nu een JavaScript-functie aanroepen waarmee Swifty een zoekresultaat of populaire vragen van een bepaalde categorie kan laden.
openSwifty ({zoeken: "OPTIONAL_QUERY_FOR_SEARCH", categorie: OPTIONAL_CATEGORY_ID})
Zoals u kunt zien, accepteert de openSwifty- functie een JSON-object, met zoeken of categorie als de waarden. U mag een string binnen de zoekfunctie en een geheel getal binnen de categorie gebruiken.
Als u alleen een zoekopdracht invoert, wordt naar dat trefwoord gezocht .
Als u een categorie opgeeft, worden alleen de top 5 artikelen voor die categorie geretourneerd.
Door zowel de zoekopdracht als de categorie op te geven wordt naar dat trefwoord gezocht en wordt gecontroleerd of het overeenkomt met die specifieke categorie.
U kunt dit inderdaad laten koppelen aan een link (bijvoorbeeld "Lees meer over deze functie" ), zoals:
<a href="openSwifty()search: "Installing the MacOS File""> Meer informatie over MacOS-installaties voor deze app </a>
Voorbeeld: Helpjuice Swifty met Olark
Met behulp van de Helpjuice Swifty Custom-functies kunt u Olark aanpassen zodat het verschijnt en verdwijnt wanneer iemand op "Contact" klikt in uw Helpjuice Swifty Widget-knop.
Hier is een voorbeeld van een Javascript dat u zou insluiten om Helpjuice Swifty perfect te laten werken met Olark.
Zorg ervoor dat u de Swifty NA Olark-insluitcode opneemt.
<! - Helpjuice hier -> <script> helpjuice_account_url = "https://helps.helpjuice.com"; // Knop "Contact" HREF // helpjuice_contact_us_url = "http://google.com/"; op Helpjuice Init = function () { olark ('api.box.hide'); } op Helpjuice ContactUs = function () { olark ('api.box.show'); olark ('api.box.expand'); $ ('# helpjuice-widget'). fadeOut (); } // verberg Olark op contract. olark ('api.box.onShrink', function () { olark ('api.box.hide'); $ ('# helpjuice-widget'). fadeIn (); }); </script> <script async src = 'https: //s3.amazonaws.com/helpjuice-static/helpjuice_production/swifty/helpjuice_inapp.min.js'> </script>
Video-overzicht
Helpjuice Swifty installeren (eenvoudig):
Helpjuice Swifty + Olark (geavanceerd):