Skip to content

Commit

Permalink
Update forms
Browse files Browse the repository at this point in the history
  • Loading branch information
auloin committed Oct 18, 2024
1 parent c552273 commit 0e17699
Show file tree
Hide file tree
Showing 4 changed files with 119 additions and 81 deletions.
94 changes: 94 additions & 0 deletions content/en/get-jobrunr-pro-business.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,94 @@
---
title: "Ready to get a JobRunr Pro Business Subscription?"
translationKey: "get-jobrunr-pro-business"
summary: "Fill in the form below and all the necessary information to get started will be sent to you!"
skip_meta: true
date: 2022-03-15T11:12:23+02:00
menu:
main:
identifier: pro-subscription
weight: 18
---

<style>
#subscription-form {
font-size: 90%;
}
#subscription-form dl {
margin: 0 0 1em;
}
#subscription-form dl input[type="text"] {
width: 50%;
}
</style>

<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function(event) {
document.getElementById('firstName').focus();
});

function submitForm() {
const firstNameField = document.getElementById('firstName');
const lastNameField = document.getElementById('lastName');
const emailField = document.getElementById('email');
const linkedInField = document.getElementById('linkedIn');
const companyField = document.getElementById('company');

const firstName = firstNameField.value;
const lastName = lastNameField.value;
const email = emailField.value;
const linkedIn = linkedInField.value;
const company = companyField.value;

if(!firstName || !lastName || !email || !company || !email.includes('@') || !(linkedIn.startsWith('https://linkedin') || linkedIn.startsWith('https://www.linkedin') || linkedIn.startsWith('linkedin.com') || linkedIn.startsWith('www.linkedin.com'))) {
document.getElementById('subscription-form-error').style.display = 'block';
} else if(linkedIn.includes('sabahat-alikhan')) {
alert("Hey, you prick! Stop spamming this form.");
} else {
document.getElementById('subscription-form-error').style.display = 'none';

firstNameField.disabled = true;
lastNameField.disabled = true;
emailField.disabled = true;
linkedInField.disabled = true;
companyField.disabled = true;
document.getElementById('submit-btn').disabled = true;
const subscriptionData = {
firstName: firstName,
lastName: lastName,
email: email,
linkedIn: linkedIn,
company: company
};
fetch('https://api.jobrunr.io/api/sales/request-subscription', {method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify(subscriptionData)})
.then(resp => {
if(resp.status === 200) {
document.getElementById('subscription-form').style.display = 'none';
document.getElementById('subscription-success-response').style.display = 'block';
} else {
document.getElementById('subscription-form').style.display = 'none';
document.getElementById('subscription-error-response').style.display = 'block';
}
})
.catch(error => {
document.getElementById('subscription-form').style.display = 'none';
document.getElementById('subscription-error-response').style.display = 'block';
});
}
return false;
}

</script>



<div style="align-self: flex-start; height: 500px; width:600px; max-width: 100%;">
<script charset="utf-8" type="text/javascript" src="//js-eu1.hsforms.net/forms/embed/v2.js"></script>
<script>
hbspt.forms.create({
portalId: "145458105",
formId: "ac362edc-723e-4e77-a79e-2ef1af0638c9"
});
</script>
</div>

Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
---
title: "JobRunr Pro Subscription"
translationKey: "get-jobrunr-pro"
summary: "Ready to get a JobRunr Pro Subscription? Fill in the form below and all the necessary information to get started will be sent to you!"
title: "Ready to get a JobRunr Pro Enterprise Subscription?"
translationKey: "get-jobrunr-pro-enterprise"
summary: "Fill in the form below and all the necessary information to get started will be sent to you!"
skip_meta: true
date: 2022-03-15T11:12:23+02:00
menu:
Expand Down Expand Up @@ -81,55 +81,12 @@ weight: 18
</script>


<div style="display: flex; justify-content: center;">
<div style="background: #f5f5f5; padding: 3rem; border: #f5f5f5; border-radius: 10px; margin-bottom: 5rem;">
<div id="subscription-form">
<form novalidate="">
<h2 style="margin: 0 0 .5em;">Get your JobRunr Pro Subscription today</h2>
<p style="margin-bottom: 0">
We're here to help. Fill in the details below and we'll get back to you as soon as possible.<br/>
</p>
<br />
<div>
<dl>
<dt style="text-align: right"><label for="firstName">First name </label></dt>
<dd><input type="text" value="" name="firstName" class="" id="firstName" /></dd>
</dl>
<dl>
<dt style="text-align: right"><label for="lastName">Last name </label></dt>
<dd><input type="text" value="" name="lastName" class="" id="lastName" /></dd>
</dl>
<dl>
<dt style="text-align: right"><label for="email">Email </label></dt>
<dd><input type="text" value="" name="email" class="" id="email" /></dd>
</dl>
<dl>
<dt style="text-align: right"><label for="linkedIn">LinkedIn url</label></dt>
<dd><input type="text" value="" name="linkedIn" class="" id="linkedIn" /></dd>
</dl>
<dl>
<dt style="text-align: right"><label for="company">Company</label></dt>
<dd><input type="text" value="" name="company" class="" id="company" /></dd>
</dl>
<dl id="subscription-form-error" style="display: none">
<dt style="text-align: right">&nbsp;</dt>
<dd>
<div class="response" style="color:red;">All fields are required.</div>
</dd>
</dl>
<dl>
<dt style="text-align: right">&nbsp;</dt>
<dd>
<input id="submit-btn" type="button" value="Submit" onclick="submitForm();" />
</dd>
</dl>
</div>
</form>
</div>
<div id="mce-responses" class="clear">
<div class="response" id="subscription-error-response" style="display:none; color:red;">Error submitting your request for a trial. Please try again later.</div>
<div class="response" id="subscription-success-response" style="display:none">Thanks for requesting a JobRunr Pro Subscription. We will get back to you as soon as possible.</div>
</div>
</div>

<div style="align-self: flex-start; height: 500px; width:600px; max-width: 100%;">
<script charset="utf-8" type="text/javascript" src="//js-eu1.hsforms.net/forms/embed/v2.js"></script>
<script>
hbspt.forms.create({
portalId: "145458105",
formId: "24d88222-5ce6-4a93-82b2-19bf630d7248"
});
</script>
</div>
10 changes: 6 additions & 4 deletions content/en/pricing.md
Original file line number Diff line number Diff line change
Expand Up @@ -109,10 +109,12 @@ Everything in JobRunr OSS plus:

<div class="buy">

<strong style='color: #3eb0ef;text-decoration: none;'>14.950,00 <span class="currency-holder">$</span></strong>
_per PRD cluster / year <a class="tooltip" data-title="A production cluster is one application running JobRunr Pro with multiple background job servers processing jobs."><img width="16" height="16" src="/question-mark.svg" style="margin: 0 0 -2px 0; width: 16px"/></a><br/>(excl. VAT)_
_one prod cluster,<br/>priority support<br/><br/>_
<!-- <strong style='color: #3eb0ef;text-decoration: none;'>14.950,00 <span class="currency-holder">$</span></strong>
_per PRD cluster / year <a class="tooltip" data-title="A production cluster is one application running JobRunr Pro with multiple background job servers processing jobs."><img width="16" height="16" src="/question-mark.svg" style="margin: 0 0 -2px 0; width: 16px"/></a><br/>(excl. VAT)_ -->

<a class="button" onclick="gtag('event', 'click_buy_pro', {'event_category': 'ecommerce', 'event_label' : 'plan_business' });" href="/en/get-jobrunr-pro">BUY NOW</a>
<a class="button" onclick="gtag('event', 'click_buy_pro', {'event_category': 'ecommerce', 'event_label' : 'plan_platinum' });" href="/en/get-jobrunr-pro-business">CONTACT SALES</a>
<!-- <a class="button" onclick="gtag('event', 'click_buy_pro', {'event_category': 'ecommerce', 'event_label' : 'plan_business' });" href="/en/get-jobrunr-pro-business">BUY NOW</a> -->

<div class="eco-friendly">

Expand Down Expand Up @@ -160,7 +162,7 @@ Everything in Business plus:

_unlimited clusters,<br/>unlimited installations,<br/>priority feature development_

<a class="button" onclick="gtag('event', 'click_buy_pro', {'event_category': 'ecommerce', 'event_label' : 'plan_platinum' });" href="/en/get-jobrunr-pro">CONTACT SALES</a>
<a class="button" onclick="gtag('event', 'click_buy_pro', {'event_category': 'ecommerce', 'event_label' : 'plan_platinum' });" href="/en/get-jobrunr-pro-enterprise">CONTACT SALES</a>

<div class="eco-friendly">

Expand Down
31 changes: 8 additions & 23 deletions themes/casper3/layouts/home.html.html
Original file line number Diff line number Diff line change
Expand Up @@ -390,30 +390,15 @@ <h3 class="post-card-title">{{ .Title }}</h3>
</div>

<div style="display: flex; justify-content: center;">

<!-- Begin Mailchimp Signup Form -->
<div id="mc_embed_signup" style="background: #f5f5f5; padding: 3rem; border: #f5f5f5; border-radius: 10px; margin-bottom: 5rem;">
<form action="https://jobrunr.us8.list-manage.com/subscribe/post?u=7effa175708f1527e44829f85&amp;id=cfba454701" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate="">
<div id="mc_embed_signup_scroll">
<h2 style="margin: 0 0 .5em;">Receive updates</h2>
<p style="margin-bottom: 0">Subscribe to receive email notifications about new features and new releases of JobRunr.</p>
<p><small>Very low volume of course!</small></p>
<div class="mc-field-group">
<div style="display: flex">
<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="email address">
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
</div>
</div>
<div id="mce-responses" class="clear">
<div class="response" id="mce-error-response" style="display:none"></div>
<div class="response" id="mce-success-response" style="display:none"></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_7effa175708f1527e44829f85_cfba454701" tabindex="-1" value=""></div>
<div class="clear"></div>
</div>
</form>
<div style="background: #f5f5f5; padding: 3rem; border: #f5f5f5; border-radius: 10px; margin-bottom: 5rem; width: 700px; max-width: 100%;">
<script charset="utf-8" type="text/javascript" src="//js-eu1.hsforms.net/forms/embed/v2.js"></script>
<script>
hbspt.forms.create({
portalId: "145458105",
formId: "5de2d8fb-0928-4911-b82a-8aa2e732357c"
});
</script>
</div>
<!--End mc_embed_signup-->
</div>
</div>
</main>
Expand Down

0 comments on commit 0e17699

Please sign in to comment.