Contact Form 7 -lomakkeen yhdistäminen Timeline Manageriin Tarvittavat Wordpress-lisäosat 1. Contact Form 7 https://wordpress.org/plugins/contact-form-7/ Mahdollistaa Contact Form 7 -lomakkeiden luomisen Wordpress-sivustoon. 2. Forms 3rd Party Integration https://wordpress.org/plugins/forms-3rdparty-integration/ Mahdollistaa Contact Form 7 -lomakkeelle syötettyjen tietojen viemisen Timeline Manager -järjestelmään.
Contact Form 7 -lomakkeen tiedot Esimerkki yksinkertaisesta Contact Form 7 -liidilomakkeesta, jossa kysytään liidin etunimi, sukunimi ja sähköpostiosoite: Yllä olevassa esimerkissä on neljä piilokenttää: 1. [hidden source Liidilomake ] Timeline Manageriin vietävän liidin Lähde tulee siis olemaan Liidilomake. 2. [hidden groupid 2601 ] 2601 on sen Liidiryhmän ID, johon tältä lomakkeelta saadut liidit tullaan viemään Timeline Managerissa.
3. [hidden customer_id 2127 ] 2127 on sen Portaalin ID, johon tältä lomakkeelta saadut liidit tullaan viemään. 4. [hidden api_key 1m9YZpa58csGtCQ0 ] 1m9YZpa58csGtCQ0 on Timeline Managerin puolelta, Contact Form 7 -rajapintamoduulista saatava yksilöllinen API-avain. Näistä piilokentistä kohdat 2-4 ovat pakollisia kenttiä, jotta lomakeintegraatio toimii oikein. Lainausmerkkien väliin tuleva sisältö on aina portaalikohtainen. Älä siis kopioi esimerkin mukaisia sisältöjä kuten liidiryhmän ID-numeroa tai API-avainta suoraan tästä esimerkistä. Ohjeen seuraavassa kohdassa käydään läpi, miten löydät oikean liidiryhmän ID-numeron, portaalin ID-numeron sekä API-avaimen omasta portaalistasi.
Liidiryhmän ID:n hakeminen Timeline Managerista 1. Kirjaudu portaaliin ja siirry sivulle Ryhmät (Asiakkaat > Ryhmät). 2. Valitse se liidiryhmä, johon haluat tuoda liidejä Contact Form 7 -lomakkeelta ja klikkaa ryhmän nimeä. Varmista vielä, että valitsemasi ryhmän tyyppi on Liidiryhmä. 3. Kun liidiryhmän tiedot-sivu on auki, selaimen osoiterivillä pitäisi sivun osoitteen perässä näkyä numerosarja. Kyseinen numerosarja on valitsemasi liidiryhmän ID-numero: 4. Kopioi numerosarja Contact Form 7 -lomakkeen piilokenttään nimeltä groupid:
Portaalin ID:n hakeminen Timeline Managerista (Huom! Portaalin asetukset -linkki näkyy vain sellaisille käyttäjille, joiden käyttäjätaso on Pääylläpitäjä, tai rooli on joko Omistaja tai Johto.) 1. Siirry Portaalin asetukset -sivulle (Asetukset > Portaalin asetukset) 2. Portaalin asetuksissa ensimmäisenä aukeava sivu on Yrityksen tiedot. Kentässä nimeltä Portaali ID# näkyvä numerosarja on tämän portaalin ID-numero. 3. Kirjoita numerosarja Contact Form 7 -lomakken piilokenttään nimeltä customer_id:
API-avaimen hakeminen Timeline Managerista (Huom! Portaalin asetukset -linkki näkyy vain sellaisille käyttäjille, joiden käyttäjätaso on Pääylläpitäjä, tai rooli on joko Omistaja tai Johto.) 1. Siirry Portaalin asetukset -sivulle (Asetukset > Portaalin asetukset) 2. Valitse Rajapinnat-pudotusvalikon alta kohta Contact Form 7. 3. Paina vihreää Lisää uusi (Liidit) -painiketta luodaksesi uuden integraation Contact Form 7 - lomakkeen ja Timeline Manager -portaalin välille.
4. Syötä Perustiedot-kohdassa Lomakkeen nimi -kenttään sen Contact Form 7 -lomakkeen nimi, jonka tiedot haluat tuoda Timeline Manageriin. 5. Paina Contact Form 7 API-key -kentän oikealla puolella näkyvää vihreää Luo avain - painiketta luodaksesi uuden API-avaimen tätä integraatiota varten. 6. Paina sitten Tallenna API-tiedot -painiketta, jonka jälkeen uusi integraatio tallentuu ja saat näkyviin liidiä koskevat tietokentät. 7. Tiedot-otsikon alla näkyvät tietokentät vastaavat liidin tietoja. Syötä näihin kenttiin ne Contact Form 7 -lomakkeen kentät, joiden tiedot haluat tuoda Timeline Manageriin: a. Kohdista Ryhmä-kenttään CF7-lomakkeen kenttä groupid eli liidiryhmän ID. b. Kohdista Lähde-kenttään CF7-lomakkeen kenttä source eli liidin lähde. c. Kohdista Etunimi-kenttään CF7-lomakkeen kenttä fname eli liidin etunimi. d. Kohdista Sukunimi-kenttään CF7-lomakkeen kenttä lname eli liidin sukunimi. e. Kohdista Sähköposti-kenttään CF7-lomakkeen kenttä email eli liidin sähköpostiosoite
8. Paina sitten vihreää Tallenna-painiketta sivun alalaidassa, jolloin Tiedot-kenttiin syöttämäsi arvot tallentuvat. 9. Kopioi vielä lopuksi Contact Form 7 API-key -kentästä siihen luotu API-avain ja liitä se Contact Form 7 -lomakkeen piilokenttään nimeltä api_key: 10. Muista lopuksi tallentaa muutokset myös Contact Form 7 -lomakkeelle Save-painikkeesta!
3rd Party Services -asetukset Kun Contact Form 7 -lomake on luotu, sille pitää vielä luoda WordPressin puolella 3rd Party Services -asetukset, jotta lomakkeelle syötetyt tiedot voidaan välittää edelleen Timeline Manager - järjestelmään. 1. Valitse WordPress-editorissa Contact-otsakkeen alta kohda 3rd Party Services. 2. Klikkaa tekstiä [+] 3rd Part Service. 3. Syötä Service name -kenttään nimi, josta tunnistat minkä Contact Form 7 -lomakkeen 3rd Party Services -asetuksista on kyse (esim. lomakkeen nimi). 4. Syötä Submission URL -kenttään osoitteeksi: http://timelinemanager.fi/cf7/handler
5. How to submit the request -kohdassa pitää olla valittuna vaihtoehto Submit as Post. Valitse Attach to Forms -kohdassa se CF7-lomake, jolle syötetyt tiedot pitää välittää Timeline Manageriin. 6. Siirry kohtaan Mapping. Tässä valitaan, mitkä Contact Form 7 -lomakkeen kentät viedään Timeline Manager -järjestelmään. Label-sarakkeen tekstikenttään syötetään Contact Form 7 -lomakkeen kenttää kuvaileva teksti, esim. Etunimi. Form Submission Field ja 3rd-Party Field -sarakkeiden tekstikenttiin syötetään CF7-lomakekentän hakasulkeissa oleva teksti, esim. fname.
7. Lisää uusia rivejä Drag-sarakkeessa näkyvästä vihreästä pluspainikkeesta. 8. Täytä uusille riveille niiden jäljellä olevien Contact Form 7 -lomakkeen kenttien tiedot, jotka on tarkoitus yhdistää Timeline Manager -järjestelmään: a. Sukunimi (label) b. Sähköpostiosoite (email) c. Lähde (source) d. Ryhmän ID (groupid) e. Portaalin ID (customer_id) f. API-avain (api_key) 9. Tallenna lopuksi 3rd Party Service -asetukset Save-painikkeesta.