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