Tervetuloa takaisin Vinkkejä HubSpot-kehittäjille -blogisarjan pariin! Tällä kertaa käsittelyssä ovat kustomoidut tarjoukset. Niille lukijoille, joille tarjouksen käsite ei ole täysin tuttu, tarjoan hieman taustatietoa tarjouksiin liittyen. Yleisesti ottaen, tarjous on asiakkaan kanssa jaettava dokumentti, jolla osoitetaan tuotteen tai palvelun sisältö ja hinnoittelu. Kuulostaa yksinkertaiselta, eikö?
Tässä julkaisussa keskityn HubSpot-kohtaisiin tarjouksiin, jotka ovat oleellinen osa mitä tahansa myyntiprosessia. HubSpot-tarjouksia voidaan automatisoida HubSpotin työnkulku-toimintojen avulla, niiden laatiminen vie vain muutaman minuutin ja tarjouksia voidaan tulostaa, ladata tai lähettää asiakkaalle hyödyntäen sähköistä allekirjoitusmahdollisuutta tai esimerkiksi Stripe-maksutapaa. Nämä kaikki ominaisuudet tekevät HubSpot-tarjouksista arvokkaan työkalun mille tahansa liiketoiminnalle.
HubSpot tarjoaa kolme erilaista tarjouspohjaa: Modern, Basic ja Original. Ne kaikki sisältävät elementtejä, joita tarvitset tarjouksen luomiseen ja eroavat toisistaan esimerkiksi tyyliltään ja ulkoasultaan. Valmiit pohjat koostuvat tarjoukselle assosioitujen diilien, kontaktien, yritysten ja tuotteiden informaatiosta, joka automaattisesti täyttyy niille osoitettuihin tietokenttiin.
Mikäli tarjouksen luominen on näin helppoa ja automaattista, miksi sitten kirjoitan tästä aiheesta, saatat nyt pohtia. Vastaus kuitenkin tiivistyy valmiiden HubSpot-tarjouspohjien rajoitettuihin mahodollisuuksiin, joiden rajoja venyttääkseen tarvitaan kehittäjän apua. Mikäli esimerkiksi halutaan, että tarjouksella on lisätietoja, kuten tarjouksen vastaanottajan edustaman yrityksen logo, tarjouksen tunnistenumero tai esimerkiksi tarjouksen laatijan nimi, voi kehittäjä auttaa tarjouksen kustomoimisessa. Lista kaikista HubSpot-tarjoukselle lisättävistä tietokenttävarianteista löytyy täältä. Jotta tarjouksia voidaan kustomoida, tulee käytössä kuitenkin olla HubSpot Sales Hub Pro tai Enterprise -versio.
Tämä blogiteksti siis tarjoaa sinulle yksityiskohtaisen ohjeistuksen kustomoitujen tarjousten luomiseen. Näitä vaiheita seuraamalla voit helposti luoda kustomoidun tarjouksen HubSpotissa minkä tahansa yrityksen tarpeisiin!
Aloitetaan tarkastelemalla oletustarjouspohjan (default template) koodia. Ensin, siirry markkinointityökaluihin HubSpotissa ja klikkaa “Files and Templates”, valitse “Design tools” ja lopulta avaa “cms-quotes-theme” “@hubspot”-kansion alta.
Esikatsellaksesi juuri kloonattua ja muokattua tarjouspohjaa, siirry asetuksiin (asetukset-ikoni löytyy sivun oikeasta yläkulmaasta navigaatiobannerista) ja klikkaa “Objects” ja “Quotes” ja lopulta valitse “Customized quote templates”. Nyt sinun pitäisi löytää uusi kustomoitava tarjouspohja. Katso mallia oheisista kuvista.
Pidä tämä esikatselunäkymä vielä auki myöhempiä kehitysvaiheita ajatellen. Tulemme vielä tekemään tarjouspohjaan muutoksia, ja esikatselu auttaa näkemään nämä muutokset reaaliajassa.
Kuten mallipohjasta voidaan nähdä, on HubSpotin logiikka seuraavanlainen; tietokenttävariantit (variables) lisätään ensin moduuleihin, jonka jälkeen moduuli lisätään tarjouksen mallipohjaan. Tämä helpottaa dokumentin lukemista ja pitää sen siistinä.
HTML-tiedostoon lisäsin seuraavan koodin:
|
Koodissa oleva QUOTE -tietokenttä sisältää kaiken sen tarjoukseen liittyvän datan, joka saadaan template_data -tiedostosta tai vaihtoehtoisesti mock_data -tiedostosta. Asetan siis UNIQUE_QUOTE_NUMBER -arvon tarjousnumeroksi tarjouksen datassa. Koodin alareunassa oleva {{ module.unique_quote_id_text }} -arvo saa tiedon syötetystä tekstistä ja näyttää sen sitten tarjouspohjassa. Tässä vaiheessa on hyvä julkaista tehdyt muutokset. Näin olemme siis luoneet uuden moduulin, joka osoittaa uniikin tarjousnumeron. Nyt voidaan lisätä tämä kyseinen moduuli tarjouspohjaan. Jotta moduuli voidaan lisätä tarjouspohjaan, siirry sivupaneelin alaosaan moduulieditorissa ja kopioi koodinpätkä (snippet) “template usage” -kohdassa. Katso oheisesta kuvasta mallia.
<section> |
Näin on esitelty pähkinänkuoressa se, miten tarjouksia voidaan kustomoida ja miten kustomoituja tietokenttiä voidaan lisätä tarjouspohjaan. Toivottavasti tämä blogiteksti auttoi sinua tai opit uusia asioita sen parissa. Mikäli sinulla on kysyttävää, älä epäröi ottaa meihin yhteyttä. Autamme mielellämme kaikissa HubSpot-kehitykseen liittyvissä kysymyksissä!