Űrlap (forráskód)

MiniCRM-ben az űrlap "Részletesebb leírás" linkjén kapott teljes forráskód beillesztése. Ezt elsősorban akkor javasoljuk, ha az űrlapot webfejlesztője építi be és megjelenését szeretné nagymértékben testreszabni.


Kompatibilitás

Az alábbi HTML kód egy példa rendszerbe rögzít adatlapokat. Saját weboldalára MiniCRM rendszerében készített űrlapon kapott kódot másolja be!

MiniCRM Űrlap


Vezetéknév:
Keresztnév:
Email:
Telefon:
Időpont:
Sürgősség:

Forráskód (részletes leírás)

Az űrlap a MiniCRM szervereire küldi a beírt adatokat. Ehhez lenti javascript állományt kell beszúrnia weboldalának forráskódjába. A scriptre csak azokon az oldalakon van szükség, amelyeken MiniCRM űrlap található.

<script src="https://r3.minicrm.hu/api/minicrm.js?t=1359985791"></script>

Tipp: Ha több űrlapot tesz egy oldalra, elég a fenti kódot egyszer beilleszteni.


Az űrlap "form" eleme tartalmazza annak egyedi azonosítóját, a FormHash attribútumban. Ez alapján ismeri fel a script a MiniCRM-es űrlapokat. Ha egy "form" elemen nincs ilyen attribútum, akkor azt nem küldi a MiniCRM szervereire. Ennek értéke határozza meg, hogy melyik rendszer és azon belül melyik űrlap beállításai legyenek érvényben, pl: kitöltendő mezők, köszönő oldal, megerősítő email, stb...

<form FormHash="21553-28eao3zn2t1mibmyhksj" action="https://r3.minicrm.hu/Api/Signup" method="post"><br>

Tipp: Ha az Ön által használt CMS rendszer kiveszi a form elemre tett extra paramétereket, akkor egy "MiniCRM_FormHash" nevű rejtett mezőben pótolhatja a hiányzó azonosítót.

<form> <input type="hidden" name="MiniCRM_FormHash" value="21553-28eao3zn2t1mibmyhksj">

Mezők körüli html kódot szabadon megváltoztathatja. A mezők "name" attribútumát NE változtassa meg! Az alapján azonosítja be a MiniCRM azt a mezőt, amibe az adatok kerülni fognak. Az "id" attribútum megváltoztatása esetén az adatok rögzítésre kerülnek, de esetleges kitöltési hibák esetén a script nem találja meg a mezőt. Ezért nem tud a hibás mezőre fókuszálni illetve arra hibát jelző css osztályt illeszteni.

	Vezetéknév: <input  name="Contact[1040][LastName]" id="Contact_LastName_1040" type="text" /><br>
	Keresztnév: <input  name="Contact[1040][FirstName]" id="Contact_FirstName_1040" type="text" /><br>
	Email: <input  name="Contact[1040][Email]" id="Contact_Email_1040" type="text" /><br>
	Telefon: <input  name="Contact[1040][Phone]" id="Contact_Phone_1040" type="text" /><br>
	Időpont: <input id="Project_TalalkozoIdopontja_1038" type="text" name="Project[1038][TalalkozoIdopontja]"><br>
	Sürgősség:  
	<select  name="Project[1038][Enum1071]" id="Project_Enum1071_1038">
		<option value="" selected></option>
		<option value="1776">Azonnal</option>
		<option value="1777">Később</option>
		<option value="1778">Sokára</option>
	</select><br>

A "Response_..." id-jű "div" elem alapértelmezésként nem látszik. Ha egy űrlap kitöltésében a MiniCRM hibát észlel, akkor a talált hibát ide írja be. Pl.: hiányzó kötelező mező, hibás formátumú emailcím, stb...

	<div id="Response_21553-28eao3zn2t1mibmyhksj" style="display: none;" class="Response"></div><br>

És a végén az űrlap elküldését indító gomb, valamint az űrlap "form" lezáró eleme.

	<input type="Submit" value="Elküld">
</form>

Forráskód (egyben)

A lenti kód példa

Az alábbi HTML kód egy példa rendszerbe rögzít adatlapokat. A rendszerből kapott teljes HTML kód az egysoros beillesztéssel megegyező megjelenést biztosítja. A lenti példát a könnyebb olvashatóság miatt egyszerűsítettük (megjelenítési stílusokat kihagytuk). Saját weboldalára MiniCRM rendszerében készített űrlapon kapott kódot másolja be!
<script src="https://r3.minicrm.hu/api/minicrm.js?t=1359985791"></script>
<form FormHash="21553-28eao3zn2t1mibmyhksj" action="https://r3.minicrm.hu/Api/Signup" method="post"><br>
	Vezetéknév: <input  name="Contact[1040][LastName]" id="Contact_LastName_1040" type="text" /><br>
	Keresztnév: <input  name="Contact[1040][FirstName]" id="Contact_FirstName_1040" type="text" /><br>
	Email: <input  name="Contact[1040][Email]" id="Contact_Email_1040" type="text" /><br>
	Telefon: <input  name="Contact[1040][Phone]" id="Contact_Phone_1040" type="text" /><br>
	Időpont: <input id="Project_TalalkozoIdopontja_1038" type="text" name="Project[1038][TalalkozoIdopontja]"><br>
	Sürgősség:  
	<select  name="Project[1038][Enum1071]" id="Project_Enum1071_1038">
		<option value="" selected></option>
		<option value="1776">Azonnal</option>
		<option value="1777">Később</option>
		<option value="1778">Sokára</option>
	</select><br>

	<div id="Response_21553-28eao3zn2t1mibmyhksj" style="display: none;" class="Response"></div><br>
	<input type="Submit" value="Elküld">
</form>