Miten yhdistän Vinen lomakkeen kolmannen osapuolen lomakkeeseen

Miten yhdistän Vinen lomakkeen kolmannen osapuolen lomakkeeseen

Kun lisäät Vine-skriptin sivustollesi, voit kytkeä Vine-lomakkeita jo sivustolla olemassa oleviin lomakkeisiisi kerätäksesi tarvittavia tietoja seurantaa varten. Voit käyttää tätä esimerkiksi kytkeytyäksesi kirjautumis-/rekisteröintilomakkeeseen ja saada kävijän mukaan seurantaan.

Vine-lomakkeen kytkeminen olemassa olevaan ei-Vine-lomakkeeseen sivustollasi:

1. Napsauta vasemmanpuoleisesta valikosta Lomakkeet ja napsauta sitten Lomakkeet-sivulla Uusi lomake luodaksesi uuden lomakkeen kytkemistä varten. Kun luot lomaketta kytkemistä varten, ota huomioon, että vain seuraavat kentät voidaan yhdistää ei-Vine-lomakkeen kenttiin:


Ei-Vine-lomakkeen kaikkia kenttiä ei tarvitse kytkeä, joten kytke vain ne kentät, jotka tarvitset Vineen ja voit jättää muut kentät kytkemättä.

2. Valitse lomakkeen asetuksista Kytkeydy sivuston lomakkeeseen. (Tämä piilottaa kaikki lomakeasetukset, joita ei tueta kytketyissä lomakkeissa.)

Jotta Vine voi tunnistaa muun kuin Vine-lomakkeen, sinun on annettava sen CSS-osoite. Jos et osaa antaa lomakkeen CSS-osoitetta, voit etsiä sen tarkistamalla lomakkeen selaimesi kehittäjätyökaluilla.

Voit esimerkiksi tarkastella seuraavaa Chronoform-lomaketta napsauttamalla hiiren oikealla painikkeella mitä tahansa kenttää siinä ja valitsemalla Tarkista



Tämä avaa paneelin, jossa on napsautetun kentän HTML-koodi. Sinun täytyy selata koodisivua ja löytää ensimmäinen FORM-tägi kentän yläpuolelta ja käyttää sen ID:tä:



Yllä olevassa esimerkkilomakkeessa id="contact-form-chrono.start_page" ja käytämme id CSS -valitsinta seuraavasti:



Huomaa tärkeä ero CSS-valitsimen hash-symbolin ("#”), jota käytetään kohdistamaan elementtiin ID:llä, ja CSS-valitsimen pisteen (".") välillä, jota käytetään elementtien kohdistamiseen niiden luokan mukaan. Tarvittaessa saat lisätietoja ulkoisesta artikkelista CSS-valitsimista.

Toinen tähän esimerkkilomakkeeseen liittyvä yksityiskohta on, että "\." tarvitaan tässä nimenomaisessa tapauksessa pelkän "." sijaan, koska muuten sitä käsitellään luokan valitsimen aloituksena

3. Valitse Käytä-valikosta ne verkkosivut, joilla haluat tämän lomakkeen kytkeytyvän:
• Kaikilla sivuilla. Lomakkeen mäppäys toimii kaikilla seuratuilla sivuilla.
• Näillä sivuilla. Sinun on määritettävä sivut, joilla haluat mäppäyksen toimivan.

Voit käyttää koko verkko-osoitetta tai jättää protokollan ja domainin pois. Esimerkiksi ”/ilmoittautuminen/" voidaan käyttää ”http://acme.firm/ilmoittautuminen/" sijaan. Juurisivun määrittämiseen voidaan käyttää tyhjää merkkijonoa. Voit käyttää jokerimerkkiä web-osoitteen lopussa. Esimerkiksi ”/ilmoittautuminen*" voidaan käyttää määrittämään kaikki sivut, joiden verkko-osoite (domain-osan jälkeen) alkaa ”/ilmoittautuminen".

Napsauta +/- lisätäksesi tai poistaaksesi sivun.

Esimerkiksi seuraava kahdesta rivistä koostuva asetus sallii lomakemäppäyksen domainin juurisivulla ja kaikilla sivuilla, jotka alkavat "/registration" (domain-osan jälkeen).


• Ei näillä sivuilla. Sinun on määritettävä sivut, joilla et halua mäppäyksen toimivan.
4. Valitse ja määritä muut käytettävissä olevat lomakeasetukset.
5. Sulje asetukset napsauttamalla OK.
6. Nyt sinun on yhdistettävä yksittäiset lomakekentät ei-Vine-lomakkeesi vastaaviin kenttiin. Napsauta Vinen kenttää, jonka haluat yhdistää ja käytä Kentän nimi, antaaksesi vastaavan kentän nimen HTML:stä:


Jälleen, jos et tiedä ei-Vine-lomakkeen kentän nimeä, voit tarkistaa lomakekentän käyttämällä selaimesi kehittäjätyökaluja. Tässä esimerkissä yhdistät Vine-lomakkeessa olevan sukunimi-kentän Sukunimi-kenttään ei-Vine-lomakkeella, jonka nimi HTML:ssä on "last_name".


7. Mäppää yksitellen kaikki muut kentät, jotka haluat yhdistää. Voit jättää kenttiä yhdistämättä jos niille ei ole tarvetta.
8. Napsauta lomakkeella Tallenna ja napsauta sitten Julkaise, jos haluat aktivoida kytkeytymisen nyt.

Kun olet julkaissut kytketyn lomakkeen, voit tarkistaa toimiiko kytkeytyminen, katsomalla lomakkeen lähetykset. Jokaisen kytketyn ei-Vine-lomakkeen lähetyksen kohdalla sinun pitäisi nähdä vastaava lähetystietue Vinen lomakkeessa: