Formulario de contacto
Contact form & Landings
Paso 1: Crear el formulario en HTML
<div id="landingForm">
<div class="titulo2">CONTACTO</div>
<div><label>Name:</label><input type="text" id="name"/></div>
<div><label>Phone:</label><input type="text" id="phone"/></div>
<div><label>Cellphone:</label><input type="text" id="cellphone"/></div>
<div><label>Email:</label><input type="text" id="email"/></div>
<div><label>Message:</label><textarea id="message"></textarea></div>
<input type="button" onclick="send()" value="SEND"></div>
</div>
Paso 2: función Javascript Send ()
<script>
function validate_mail(mail){
var filter = /[\w-\.]{1,}@([\w-]{1,}\.)*([\w-]{1,}\.)[\w-]{2,4}/;
return filter.test(mail)
}
function send(){
if(validate_mail($("#email").val())){
data = { 'name':$("#name").val(),
'email':$("#email").val(),
'phone': $("#phone").val(),
'cellphone': $("#cellphone").val(),
'message': $("#message").val()
}
jqxhr = $.ajax({'url':"./sendContact.php", 'type': "POST", 'data':data })
.done(function(){
$("#landingForm").html("<span>Success</span>")
});
}
}
</script>
Esta función envía datos de contacto a sendContact.php por ajax cuando el usuario hace clic en el botón ENVIAR formulario
Paso 3: Crea sendContact.php
Copie y pegue este código y cambie el TokkoAuth con su APIKEY de estado real
<?php
include 'api.inc';
//CHANGE THIS APIKEY WITH YOUR REAL STATE APIKEY
$auth = new TokkoAuth('5940ea45eb7cfb55228bec0b958ea9c0be151757');
$data = array(
'text' => $_REQUEST['message'] ,
'name' => $_REQUEST['name'],
'email' => $_REQUEST['email'],
'cellphone' => $_REQUEST['cellphone'],
'phone' => $_REQUEST['phone'],
'tags' => array('mysite.com','my first landing','google'),
);
//Send Tokko property ID as 'property' if you wish send a specific property
if ($_REQUEST['property']){
$data['properties'] = array($_REQUEST['property']);
}
//Send Tokko development ID as 'development' if you wish send a development
if($_REQUEST['development']){
$data['developments'] = array($_REQUEST['development']);
}
$webcontact = new TokkoWebContact($auth, $data);
$response = $webcontact->send();
?>
Opcional:
- Envíe Tokko ID de propiedad en la solicitud como 'propiedad' si desea enviar una propiedad específica en el formulario de contacto
- Envíe el ID de desarrollo de Tokko en la solicitud como 'desarrollo' si desea enviar un desarrollo específico en el formulario de contacto
Paso 4: Verifique la información en tokkobroker.com
Finalmente verifique los datos de contacto correctos en tokkobroker.com
Tokko no permite la inyección de código html en los formularios por temas de seguridad
Updated over 3 years ago