Financing Landing Page
Checkout the demo here http://landing-demo.paytomorrow.com/finance-page.html
Checkout the source code here https://bitbucket.org/paytomorrow/pt-landing-page/src/master/
Installation
info
Installation is very simple, but it will probably require some CSS tweaking to get it to look a specific way.
If you have the MPE installed and initialized there is nothing else needed besides CSS tweaking. However, if you are
using this landing page on a site without the MPE initialized, please read the comments before the call to PayTomorrow.addPayTomorrowIframe();
in the bottom of the code.
- Copy and paste this code where you want the Financing Landing Page to go.
Standard Landing Page
finance_landingPage.html
<!-- BANNER SECTION BEGIN -->
<div class="banner-sec pt-section">
<div class="pt-container">
<div class="pt-row">
<div class="pt-col-md-6 pt-col-sm-6 pt-col-12">
<a href="https://www.paytomorrow.com/home" class="pt-hyperlink"><img
src="https://cdn.paytomorrow.com/image/PayTomorrow_Slogans_large-all-credit-types.svg"
alt="image" class="img-fluid pt-img"> </a>
<p class="banner-text pt-paragraph">We provide easy and affordable financing through our partner
PayTomorrow, so you can buy today and PayTomorrow!</p>
<div class="approve-buttons">
<a href="#check-rate-id" class="blue-button pt-hyperlink">Get Approved Now!</a>
<a href="https://www.paytomorrow.com/consumer-benefits" target="_blank"
class="blue-button pt-hyperlink">Learn More</a>
</div>
</div>
<div class="pt-col-md-6 pt-col-sm-6 pt-col-12">
<img src="https://cdn.paytomorrow.com/landing/images/banner-img.png" alt="image"
class="img-fluid pt-img">
</div>
</div>
</div>
</div>
<!-- BANNER SECTION END -->
<!-- WHY PAYTOMORROW SECTION BEGIN -->
<div class="why-paytomorrow-sec pt-section">
<div class="pt-container">
<div class="pt-row">
<div class="pt-col-md-12 pt-col-sm-12 pt-col-12">
<h2 class="why-pay-text pt-h2">Why PayTomorrow</h2>
</div>
</div>
<div class="pt-row why-paytomorrow-row">
<div class="pt-col-md-4 pt-col-sm-6 pt-col-12">
<a href="javascriptvoid:(0)" class="pt-hyperlink">
<div class="pay-tomorrow-box">
<img src="https://cdn.paytomorrow.com/landing/images/debit-card.png" alt="image"
class="img-fluid pay-tomorrow-img">
<h4 class="pay-tomorrow-heading pt-h4">Won’t affect <span>your credit</span></h4>
<p class="pay-tomorrow-box-text pt-paragraph">PayTomorrow’s soft credit check will not
affect your credit score to apply.</p>
</div>
</a>
</div>
<div class="pt-col-md-4 pt-col-sm-6 pt-col-12">
<a href="javascriptvoid:(0)" class="pt-hyperlink">
<div class="pay-tomorrow-box">
<img src="https://cdn.paytomorrow.com/landing/images/money.png" alt="image"
class="img-fluid pay-tomorrow-img pt-img">
<h4 class="pay-tomorrow-heading pt-h4">Affordable <span>monthly payments</span></h4>
<p class="pay-tomorrow-box-text pt-paragraph">PayTomorrow offers flexible financing options
with fair and transparent pricing.</p>
</div>
</a>
</div>
<div class="pt-col-md-4 pt-col-sm-6 pt-col-12">
<a href="javascriptvoid:(0)" class="pt-hyperlink">
<div class="pay-tomorrow-box">
<img src="https://cdn.paytomorrow.com/landing/images/debit-card.png" alt="image"
class="img-fluid pay-tomorrow-img pt-img">
<h4 class="pay-tomorrow-heading pt-h4">Instant <span>Evaluations</span></h4>
<p class="pay-tomorrow-box-text pt-paragraph">PayTomorrow instantly evaluates your credit
profile and presents you with a customized offer.</p>
</div>
</a>
</div>
</div>
</div>
</div>
<!-- WHY PAYTOMORROW SECTION END -->
<!-- CHECK RATE SECTION BEGIN -->
<div class="check-rate-sec pt-section" id="check-rate-id">
<div class="pt-container">
<div class="pt-row check-rate-row">
<div class="pt-col-md-6 pt-col-sm-6 pt-col-12">
<h3 class="check-rate-heading pt-h3">Check your rate now without affecting your credit!</h3>
<form onsubmit="checkForm(this);return false;">
<div class="pt-row">
<div class="pt-col-md-6 pt-col-sm-12 pt-col-12">
<label class="pt-label">First Name*</label>
<input class="pt-input" type="text" id="firstName" required>
</div>
<div class="pt-col-md-6 pt-col-sm-12 pt-col-12">
<label class="pt-label">Last Name*</label>
<input class="pt-input" type="text" id="lastName" required>
</div>
</div>
<div class="pt-row">
<div class="pt-col-md-6 pt-col-sm-12 pt-col-12">
<label class="pt-label">Email*</label>
<input class="pt-input" id="email" type="email"
required>
</div>
<div class="pt-col-md-6 pt-col-sm-12 pt-col-12">
<label class="pt-label">Phone Number*</label>
<input class="pt-input" type="text" id="cellPhone" required
minlength="10" maxlength="10">
</div>
</div>
<button type="submit" id="submitButton" class="white-button pt-button">Get pre-approval
link!</button>
</form>
<!-- Starting notification -->
<table class="pt-table" style="margin: auto">
<tr class="pt-tr">
<td style="text-align: center; background: #18A0FB;border:0px;">
<button type="button" id="successMessage" class="pt-button" style="background-color: white;
border: none;
color: green;
padding: 10px;
border-radius: 25px;
display: none;
" onclick="toggleStatus()">
We just emailed and texted you a pre-approval link
</button>
</td>
</tr>
<tr class="pt-tr">
<td style="text-align: center; background: #18A0FB;border:0px;">
<button type="button" id="errorMessage" class="pt-button" style="
background-color: white;
border: none;
color: red;
padding: 10px;
border-radius: 25px;
display: none;
" onclick="toggleStatusError()">
Error! Sorry something went wrong!. <br>
please check all fields are valid.
</button>
</td>
</tr>
</table>
<!-- End notification -->
</div>
<div class="pt-col-md-6 pt-col-sm-6 pt-col-12">
<!-- <img src="images/mobile.png" alt="image" class="img-fluid"> -->
</div>
</div>
</div>
</div>
<!-- CHECK RATE SECTION END -->
<!-- APPLICATION SECTION BEGIN -->
<div class="application-sec pt-section">
<div class="pt-container">
<div class="pt-row">
<div class="pt-col-md-12 pt-col-sm-12 pt-col-12">
<h2 class="easy-app pt-h2">One Easy & Fast Application for all Credit Types</h2>
</div>
</div>
<div class="pt-row finance-app-row">
<div class="pt-col-md-4 pt-col-sm-6 pt-col-12">
<div class="pay-tomorrow-box prime-main-box">
<h4 class="pay-tomorrow-heading prime-heading pt-h4">PayTomorrow <span>Prime</span></h4>
<ul class="prime-box-text pt-ul" style="list-style-type: square;">
<li class="pt-li">Payment plans up to $10,000 for as long as 48 months*</li>
<li class="pt-li">0.0% - 20.9% APR*</li>
<li class="pt-li">0% APR option for 6 months</li>
<li class="pt-li">No down payment required</li>
<li class="pt-li">No prepayment penalty</li>
<li class="pt-li">No hidden fees</li>
<li class="pt-li">Fast and easy approvals</li>
</ul>
<div style="font-size: 10px; position: absolute; bottom: 10px ;text-align: center;">*Qualified
Customers Only</div>
</div>
</div>
<div class="pt-col-md-4 pt-col-sm-6 pt-col-12">
<div class="pay-tomorrow-box prime-main-box">
<h4 class="pay-tomorrow-heading prime-heading pt-h4">PayTomorrow <span>Classic</span></h4>
<ul class="prime-box-text pt-ul" style="list-style-type: square;">
<li class="pt-li">Payment plans up to $6,500 for as long as 24 months*</li>
<li class="pt-li">90 day early payoff option</li>
<li class="pt-li">Checkout as low $59</li>
<li class="pt-li">No hidden fees</li>
<li class="pt-li">Fast and easy approvals</li>
</ul>
<div style="font-size: 10px; position: absolute; bottom: 10px ;text-align: center;">*Qualified
Customers Only</div>
</div>
</div>
<div class="pt-col-md-4 pt-col-sm-6 pt-col-12">
<div class="pay-tomorrow-box prime-main-box">
<h4 class="pay-tomorrow-heading prime-heading pt-h4">PayTomorrow <span>No Credit</span></h4>
<ul class="prime-box-text pt-ul" style="list-style-type: square;">
<li class="pt-li">No Credit Needed</li>
<li class="pt-li">90 Days Same as Cash**</li>
<li class="pt-li">No Money Needed Today (to Checkout)</li>
<li class="pt-li">No Banking Info Required at Checkout</li>
<li class="pt-li">Payment Plans up to $5,000</li>
<li class="pt-li">13 Month Term (with Weekly, Biweekly or Semimonthly Payments)</li>
</ul>
<div style="font-size: 10px; position: absolute; bottom: 10px ;text-align: center;">**Cash Price
plus sales tax and processing fee</div>
</div>
</div>
</div>
</div>
</div>
<!-- APPLICATION SECTION END -->
<!-- CREDIT SCORE SECTION BEGIN -->
<div class="credit-sec pt-section">
<div class="pt-container">
<div class="pt-row">
<div class="pt-col-md-12 pt-col-sm-12 pt-col-12">
<h4 class="easy-app-credit pt-h4">Applying with PayTomorrow will not affect your credit score</h4>
</div>
</div>
<div class="approve-credit-buttons">
<button class="__pt-ppe-button blue-button pt-button" style="color: white;font-weight: bold;">See Your
Purchase Power</button>
<a href="#check-rate-id" class="blue-button pt-hyperlink">Get Approved Now</a>
</div>
</div>
</div>
<!-- CREDIT SCORE SECTION END -->
<!-- IMAGE SECTION BEGIN -->
<div class="image-sec pt-section">
<img src="https://cdn.paytomorrow.com/landing/images/footer-banner.png" alt="image" class="img-fluid pt-img">
</div>
<!-- IMAGE SECTION END -->
<!-- BOTTOM SECTION BEGIN -->
<div class="bottom-sec pt-section">
<div class="pt-container">
<div class="pt-row">
<div class="pt-col-md-6 pt-col-sm-6 pt-col-12">
<div class="bottom-sec-text">
<p class="pt-paragraph">Questions? Check out PayTomorrow’s</p>
<button class="__pt-ppe-button_faq blue-button pt-button"
style="color: white;font-weight: bold;">FAQs</button>
</div>
</div>
<div class="pt-col-md-6 pt-col-sm-6 pt-col-12">
<div class="bottom-sec-email">
<p class="pt-paragraph">Contact our customer service team at <a
href="mailto:customerservice@paytomorrow.com"
class="pt-hyperlink">customerservice@paytomorrow.com</a></p>
</div>
<div class="bottom-sec-contact">
<p class="pt-paragraph">Call Us <a href="tel:866-418-5857" class="pt-hyperlink">866-418-5857</a>
</p>
</div>
</div>
</div>
</div>
</div>
<!-- BOTTOM SECTION END -->
<script>
let styles = document.createElement('style');
styles.innerHTML =
`
`
document.getElementsByTagName('head')[0].appendChild(styles);
document.addEventListener('DOMContentLoaded', function () {
if (typeof PayTomorrow === 'undefined') {
loadMpeCode();
}
// Add PPE click event listeners to buttons
var buttons = document.getElementsByClassName("__pt-ppe-button");
for (var i = 0; i < buttons.length; i++) {
buttons[i].addEventListener('click', function () {
displayMpe();
})
}
// Add FAQ click event listeners to buttons
var buttons = document.getElementsByClassName("__pt-ppe-button_faq");
for (var i = 0; i < buttons.length; i++) {
buttons[i].addEventListener('click', function () {
displayMpeFaq();
})
}
});
function displayMpeFaq() {
if (typeof PayTomorrow === 'undefined') {
// Should display spinner, script is loading
return;
} else {
PayTomorrow.openFaqIframe();
}
}
function displayMpe() {
if (typeof PayTomorrow === 'undefined') {
// Should display spinner, script is loading
return;
} else {
PayTomorrow.openMpeIframe();
}
}
function loadMpeCode() {
var link = document.createElement('link');
link.setAttribute('rel', 'stylesheet');
link.setAttribute('type', 'text/css');
link.setAttribute('href', 'https://cdn.paytomorrow.com/css/pt-mpe.min.css');
document.getElementsByTagName('head')[0].appendChild(link);
var mpeScript = document.createElement('script');
mpeScript.setAttribute('type', 'text/javascript');
mpeScript.setAttribute('src', 'https://cdn.paytomorrow.com/js/pt-mpe.min.js');
document.body.appendChild(mpeScript);
var interval = setInterval(function () {
if (typeof PayTomorrow !== 'undefined') {
// If MPE is not installed nor initialized on your site please add your publicId and channel to this method:
// PayTomorrow.addPayTomorrowIframe(storeDisplayName: string, publicId: string, channel?: 'ECOMMERCE' | 'INSTORE');
// Default channel is ECOMMERCE
PayTomorrow.addPayTomorrowIframe('ORGANIZATION NAME', 'PUBLIC ID', 'ECOMMERCE');
clearInterval(interval);
}
}, 2000);
}
function checkForm() {
event.preventDefault();
let personalInfo = {
firstName: document.getElementById("firstName").value,
lastName: document.getElementById("lastName").value,
cellPhone: document.getElementById("cellPhone").value,
email: document.getElementById("email").value
}
console.log(personalInfo);
if(!!personalInfo.firstName && personalInfo.firstName !== '' && !!personalInfo.lastName && personalInfo.lastName !== '' &&
!!personalInfo.cellPhone && personalInfo.cellPhone !== '' && !!personalInfo.email && personalInfo.email !== ''){
// PLEASE ADD YOUR PUBLIC ID HERE
let publicId = 'PUBLIC ID';
fetch('https://api.paytomorrow.com/api/ecommerce/public/organizations/pre-approval/' + publicId, {
method: 'post',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify(personalInfo)
}).then(function (response) {
if (response.ok) {
return response.json();
}
throw new Error('Something went wrong.');
}).then(function (data) {
var bt = document.getElementById("successMessage");
setTimeout(function () {
bt.style.display = "block";
}, 600);
console.log("correct");
}).catch((error) => {
var bt = document.getElementById("errorMessage");
setTimeout(function () {
bt.style.display = "block";
}, 600);
console.log("error");
});
} else {
let bt = document.getElementById("errorMessage");
setTimeout(function () {
bt.style.display = "block";
}, 600);
console.log("error");
}
}
function toggleStatus() {
var element = document.getElementById("successMessage");
if (element.style.display == 'none') {
element.style.display = 'block';
} else {
element.style.display = 'none';
}
}
function toggleStatusError() {
let element = document.getElementById("errorMessage");
if (element.style.display === 'none') {
element.style.display = 'block';
} else {
element.style.display = 'none';
}
}
</script>
info
If the page looks small on mobile devices, copy and paste the following code into your tag.
<meta name="viewport" content="width=device-width, initial-scale=1">
Prime Landing Page with 0% APR
finance_landingPage2.html
<div class="banner-sec pt-section">
<div class="pt-container">
<div class="pt-row">
<div class="pt-col-md-6 pt-col-sm-6 pt-col-12" style="padding-top: 20%">
<a href="https://www.paytomorrow.com/home" class="pt-hyperlink"><img
src="https://cdn.paytomorrow.com/image/PayTomorrow_Slogans_large-all-credit-types.svg"
alt="image" class="img-fluid pt-img"> </a>
<p class="banner-text pt-paragraph"><span class="pt-highlight">0% APR</span> and <span class="pt-highlight">Same as Cash</span> available!</p>
<div class="approve-buttons">
<a href="#check-rate-id" class="blue-button pt-hyperlink">Get Approved Now!</a>
<a href="https://www.paytomorrow.com/consumer-benefits" target="_blank"
class="blue-button pt-hyperlink">Learn More</a>
</div>
</div>
<div class="pt-col-md-6 pt-col-sm-6 pt-col-12">
<img src="https://cdn.paytomorrow.com/landing/images/landing2-banner.png" alt="image"
class="img-fluid pt-img">
</div>
</div>
</div>
</div>
<!-- BANNER SECTION END -->
<!-- WHY PAYTOMORROW SECTION BEGIN -->
<div class="why-paytomorrow-sec pt-section">
<div class="pt-container">
<div class="pt-row">
<div class="pt-col-md-12 pt-col-sm-12 pt-col-12">
<h2 class="why-pay-text pt-h2">Why PayTomorrow</h2>
</div>
</div>
<div class="pt-row why-paytomorrow-row">
<div class="pt-col-md-4 pt-col-sm-6 pt-col-12">
<a href="javascriptvoid:(0)" class="pt-hyperlink">
<div class="pay-tomorrow-box">
<img src="https://cdn.paytomorrow.com/landing/images/debit-card.png" alt="image"
class="img-fluid pay-tomorrow-img">
<h4 class="pay-tomorrow-heading pt-h4">Won’t affect <span>your credit</span></h4>
<p class="pay-tomorrow-box-text pt-paragraph">PayTomorrow’s soft credit check will not
affect your credit score to apply.</p>
</div>
</a>
</div>
<div class="pt-col-md-4 pt-col-sm-6 pt-col-12">
<a href="javascriptvoid:(0)" class="pt-hyperlink">
<div class="pay-tomorrow-box">
<img src="https://cdn.paytomorrow.com/landing/images/money.png" alt="image"
class="img-fluid pay-tomorrow-img pt-img">
<h4 class="pay-tomorrow-heading pt-h4">Affordable <span>monthly payments</span></h4>
<p class="pay-tomorrow-box-text pt-paragraph">PayTomorrow offers flexible financing options
with fair and transparent pricing.</p>
</div>
</a>
</div>
<div class="pt-col-md-4 pt-col-sm-6 pt-col-12">
<a href="javascriptvoid:(0)" class="pt-hyperlink">
<div class="pay-tomorrow-box">
<img src="https://cdn.paytomorrow.com/landing/images/debit-card.png" alt="image"
class="img-fluid pay-tomorrow-img pt-img">
<h4 class="pay-tomorrow-heading pt-h4">Instant <span>Evaluations</span></h4>
<p class="pay-tomorrow-box-text pt-paragraph">PayTomorrow instantly evaluates your credit
profile and presents you with a customized offer.</p>
</div>
</a>
</div>
</div>
</div>
</div>
<!-- WHY PAYTOMORROW SECTION END -->
<!-- APPLICATION SECTION BEGIN -->
<div class="application-sec pt-section">
<div class="pt-container">
<div class="pt-row">
<div class="pt-col-md-12 pt-col-sm-12 pt-col-12">
<h2 class="easy-app pt-h2">One Easy & Fast Application for all Credit Types</h2>
</div>
</div>
<div class="pt-row finance-app-row">
<div class="pt-col-md-4 pt-col-sm-6 pt-col-12">
<div class="pay-tomorrow-box prime-main-box">
<h4 class="pay-tomorrow-heading prime-heading pt-h4">PayTomorrow <span>Prime</span></h4>
<ul class="prime-box-text pt-ul" style="list-style-type: square;">
<li class="pt-li">Payment plans up to $10,000 for as long as 48 months*</li>
<li class="pt-li">0.0% - 20.9% APR*</li>
<li class="pt-li">0% APR option for 6 months</li>
<li class="pt-li">No down payment required</li>
<li class="pt-li">No prepayment penalty</li>
<li class="pt-li">No hidden fees</li>
<li class="pt-li">Fast and easy approvals</li>
</ul>
<div style="font-size: 10px; position: absolute; bottom: 10px ;text-align: center;">*Qualified
Customers Only</div>
</div>
</div>
<div class="pt-col-md-4 pt-col-sm-6 pt-col-12">
<div class="pay-tomorrow-box prime-main-box">
<h4 class="pay-tomorrow-heading prime-heading pt-h4">PayTomorrow <span>Classic</span></h4>
<ul class="prime-box-text pt-ul" style="list-style-type: square;">
<li class="pt-li">Payment plans up to $6,500 for as long as 24 months*</li>
<li class="pt-li">90 day early payoff option</li>
<li class="pt-li">Checkout as low $59</li>
<li class="pt-li">No hidden fees</li>
<li class="pt-li">Fast and easy approvals</li>
</ul>
<div style="font-size: 10px; position: absolute; bottom: 10px ;text-align: center;">*Qualified
Customers Only</div>
</div>
</div>
<div class="pt-col-md-4 pt-col-sm-6 pt-col-12">
<div class="pay-tomorrow-box prime-main-box">
<h4 class="pay-tomorrow-heading prime-heading pt-h4">PayTomorrow <span>No Credit</span></h4>
<ul class="prime-box-text pt-ul" style="list-style-type: square;">
<li class="pt-li">No Credit Needed</li>
<li class="pt-li">90 Days Same as Cash**</li>
<li class="pt-li">No Money Needed Today (to Checkout)</li>
<li class="pt-li">No Banking Info Required at Checkout</li>
<li class="pt-li">Payment Plans up to $5,000</li>
<li class="pt-li">13 Month Term (with Weekly, Biweekly or Semimonthly Payments)</li>
</ul>
<div style="font-size: 10px; position: absolute; bottom: 10px ;text-align: center;">**Cash Price
plus sales tax and processing fee</div>
</div>
</div>
</div>
</div>
</div>
<!-- APPLICATION SECTION END -->
<!-- CREDIT SCORE SECTION BEGIN -->
<div class="credit-sec pt-section">
<div class="pt-container">
<div class="pt-row">
<div class="pt-col-md-12 pt-col-sm-12 pt-col-12">
<h4 class="easy-app-credit pt-h4">Applying with PayTomorrow will not affect your credit score</h4>
</div>
</div>
<div class="approve-credit-buttons">
<button class="__pt-ppe-button blue-button pt-button pt-hyperlink" style="color: white;font-weight: bold;">See Your
Purchase Power</button>
<a href="#check-rate-id" class="blue-button pt-hyperlink">Get Approved Now</a>
</div>
</div>
</div>
<!-- CREDIT SCORE SECTION END -->
<!-- CHECK RATE SECTION BEGIN -->
<div class="check-rate-sec pt-section" id="check-rate-id">
<div class="pt-container">
<div class="pt-row check-rate-row">
<div class="pt-col-md-6 pt-col-sm-6 pt-col-12">
<h3 class="check-rate-heading pt-h3">Check your rate now without affecting your credit!</h3>
<form onsubmit="checkForm(this);return false;">
<div class="pt-row">
<div class="pt-col-md-6 pt-col-sm-12 pt-col-12">
<label class="pt-label">First Name*</label>
<input class="pt-input" type="text" id="firstName" required>
</div>
<div class="pt-col-md-6 pt-col-sm-12 pt-col-12">
<label class="pt-label">Last Name*</label>
<input class="pt-input" type="text" id="lastName" required>
</div>
</div>
<div class="pt-row">
<div class="pt-col-md-6 pt-col-sm-12 pt-col-12">
<label class="pt-label">Email*</label>
<input class="pt-input" id="email" type="email"
required>
</div>
<div class="pt-col-md-6 pt-col-sm-12 pt-col-12">
<label class="pt-label">Phone Number*</label>
<input class="pt-input" type="text" id="cellPhone" required
minlength="10" maxlength="10">
</div>
</div>
<button type="submit" id="submitButton" class="white-button pt-button">Get pre-approval
link!</button>
</form>
<!-- Starting notification -->
<table class="pt-table" style="margin: auto">
<tr class="pt-tr">
<td style="text-align: center; background: #18A0FB; border:0px;>
<button type="button" id="successMessage" class="pt-button" style="background-color: white;
border: none;
color: green;
padding: 10px;
border-radius: 25px;
display: none;
" onclick="toggleStatus()">
We just emailed and texted you a pre-approval link
</button>
</td>
</tr>
<tr class="pt-tr">
<td style="text-align: center; background: #18A0FB; border:0px;">
<button type="button" id="errorMessage" class="pt-button" style="
background-color: white;
border: none;
color: red;
padding: 10px;
border-radius: 25px;
display: none;
" onclick="toggleStatusError()">
Error! Sorry something went wrong!. <br>
please check all fields are valid.
</button>
</td>
</tr>
</table>
<!-- End notification -->
</div>
<div class="pt-col-md-6 pt-col-sm-6 pt-col-12">
<!-- <img src="images/mobile.png" alt="image" class="img-fluid"> -->
</div>
</div>
</div>
</div>
<!-- CHECK RATE SECTION END -->
<!-- IMAGE SECTION BEGIN -->
<div class="image-sec pt-section">
<img src="https://cdn.paytomorrow.com/landing/images/footer-banner.png" alt="image" class="img-fluid pt-img">
</div>
<!-- IMAGE SECTION END -->
<!-- BOTTOM SECTION BEGIN -->
<div class="bottom-sec pt-section">
<div class="pt-container">
<div class="pt-row">
<div class="pt-col-md-6 pt-col-sm-6 pt-col-12">
<div class="bottom-sec-text">
<p class="pt-paragraph">Questions? Check out PayTomorrow’s</p>
<button class="__pt-ppe-button_faq blue-button pt-button"
style="color: white;font-weight: bold;">FAQs</button>
</div>
</div>
<div class="pt-col-md-6 pt-col-sm-6 pt-col-12">
<div class="bottom-sec-email">
<p class="pt-paragraph">Contact our customer service team at <a
href="mailto:customerservice@paytomorrow.com"
class="pt-hyperlink">customerservice@paytomorrow.com</a></p>
</div>
<div class="bottom-sec-contact">
<p class="pt-paragraph">Call Us <a href="tel:866-418-5857" class="pt-hyperlink">866-418-5857</a>
</p>
</div>
</div>
</div>
</div>
</div>
<!-- BOTTOM SECTION END -->
<script>
let styles = document.createElement('style');
styles.innerHTML =
`