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 3 months ago