Submit Hubspot form with Hubspot API. Please contact us if you have any additional questions. contact us.
<script>
function submitForm(e) {
e.preventDefault();
var sport_type = $(‘input[name=”smg-checkout-sport”]:checked’).val();
console.log(“sport_type=” + sport_type);
var template = $(‘input[name=”smg-checkout-type”]:checked’).val();
var size = $(‘input[name=”smg-checkout-size”]:checked’).val();
var plating = $(‘input[name=”smg-checkout-FUGi9Hu2jTI”]:checked’).val();
var upgrade = [];
$(‘input[name=”smg-checkout-upgrades”]:checkbox:checked’).each(function(i){
upgrade[i] = $(this).val();
});
var upgrade_text = upgrade.join(“;”);
var quantity = $(‘input[name=”quantity”]’).val();
var total_budget =$(‘input[name=”budget”]’).val();
var project_nickname = $(‘input[name=”project”]’).val();
var team_color = $(‘input[name=”team-colors”]’).val();
var quote_note = $(‘textarea[name=”quote_note”]’).val();
var full_name = $(‘input[name=”full-name”]’).val();
var company = $(‘input[name=”company”]’).val();
var country = $(‘select[name=”country”]’).val();
var zip = $(‘input[name=”zip”]’).val();
var phone = $(‘input[name=”phone”]’).val();
var email = $(‘input[name=”email”]’).val();
var date = $(‘input[name=”date_picker”]’).val();
var promo = $(‘input[name=”promo”]’).val();
console.log(date);
return fetch(“https://api.hsforms.com/submissions/v3/integration/submit/20900497/API-Key”, {
method: “POST”,
headers: {
“Content-Type”: “application/json”,
},
body: JSON.stringify({
submittedAt: new Date().getTime(),
fields: [
{
“name”: “sport”,
“value”: sport_type,
},
{
“name”: “template_choice”,
“value”: template,
},
{
“name”: “size”,
“value”: size,
},
{
“name”: “plating_style”,
“value”: plating,
},
{
“name”: “upgrades”,
“value”: upgrade_text,
},
{
“name”: “firstname”,
“value”: full_name,
},
{
“name”: “email”,
“value”: email,
},
{
“name”: “phone”,
“value”: phone,
},
{
“name”: “company”,
“value”: company,
},
{
“name”: “country”,
“value”: country,
},
{
“name”: “zip”,
“value”: country,
},
{
“name”: “promo_code”,
“value”: promo,
},
{
“name”: “quantity”,
“value”: quantity,
},
{
“name”: “budget”,
“value”: total_budget,
},
{
“name”: “date_needed”,
“value”: date,
},
{
“name”: “project_name”,
“value”: project_nickname,
},
{
“name”: “team_name”,
“value”: full_name,
},
{
“name”: “team_colors”,
“value”: team_color,
},
{
“name”: “project_notes”,
“value”: quote_note,
}
],
context: {
hutk: token.value,
pageName: ‘Page name or URL’
}
})
})
.then(response => response.json())
.then(result => {
console.log(result);
window.location.assign(result.redirectUri);
})
.catch(error => console.log(‘error’, error));
}
</script>
