Financing Landing Page

Checkout the demo here http://landing-demo.paytomorrow.com/

Checkout the source code here https://bitbucket.org/paytomorrow/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.
finance_landingPage.html
<div id="pt-landing-page">
<div id="intro" class="__pt-div __pt-blue-div __pt-main-div">
<div class="__pt-container">
<span ><img style=" max-width: 400px; margin-bottom: 20px; align-content: center;" src="https://www.paytomorrow.com/images/logos/PayTomorrow_Logo_White.svg" alt=""></span>
<h2>Financing for all credit types.</h2>
<h3 style="margin-bottom: 70px;">
We provide easy and affordable financing through our partner
PayTomorrow, so you can buy today and <span class="__pt-brand-accent">Pay</span>Tomorrow!
</h3>
<button class="__pt-ppe-button">Discover your purchase power!</button>
</div>
</div>
<div id="summary" class="__pt-div">
<div class="__pt-container">
<h2>Why use <span class="__pt-landing-logo"><img style="max-width: 100%; margin-top: -70px" src="https://www.paytomorrow.com/images/logos/PayTomorrow_500px.png" alt=""></span>?
</h2>
<div class="__pt-row">
<div class="__pt-col-4">
<img src="https://www.paytomorrow.com/images/landing_page/low-cost-2.png" alt="">
<h3>Won't affect your credit</h3>
<p>PayTomorrow's soft pull credit check will not affect your credit score to apply.</p>
</div>
<div class="__pt-col-4">
<img src="https://www.paytomorrow.com/images/landing_page/fair.png" alt="">
<h3>Affordable monthly payments</h3>
<p>PayTomorrow offers flexible financing options with fair and transparent pricing.</p>
</div>
<div class="__pt-col-4">
<img src="https://www.paytomorrow.com/images/landing_page/dynamic-icon.png" alt="">
<h3>Instant evaluations</h3>
<p>PayTomorrow instantly evaluates your credit profile and presents you with a customized offer.</p>
</div>
</div>
<h2>Check your rate now without leaving our site!</h2>
<button class="__pt-ppe-button">Get your rate now!</button>
</div>
</div>
<div id="graph" class="__pt-div __pt-blue-div">
<div class="__pt-container">
<h2>Full Credit Spectrum Financing</h2>
<div id="pt-graph" class="__pt-graph-container">
</div>
</div>
</div>
<div id="contact" class="__pt-div">
<div class="__pt-container">
<div class="__pt-question-mark"></div>
<h3>
Questions? Check out PayTomorrow’s <button class="__pt-ppe-button_faq" style="margin-bottom: 4px; padding: 0px; font-size: 20px; background-color: white; font-weight:bold;"> <a href="#"> FAQs </a></button> <br>
or contact our US-based customer service team at <br>
<a href="mailto:customerservice@paytomorrow.com">customerservice@paytomorrow.com</a> or call <a
href="tel:866-418-5857">866-418-5857</a>
</h3>
</div>
</div>
</div>
<script>
var googleFonts = document.createElement('link');
googleFonts.setAttribute('rel', 'stylesheet');
googleFonts.setAttribute('href', 'https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
document.getElementsByTagName('head')[0].appendChild(googleFonts);
var styles = document.createElement('style');
styles.innerHTML = '#pt-landing-page { -webkit-text-size-adjust: 100%; /* 2 */ margin: 0; display: block; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; background-color: #fff; color: #333; -webkit-box-sizing: border-box; box-sizing: border-box;}#pt-landing-page * { -webkit-box-sizing: border-box; box-sizing: border-box;}#pt-landing-page h1 { font-size: 2em; margin-bottom: 55px;}#pt-landing-page h2 { font-size: 2.85714286em; line-height: 1.41; letter-spacing: -.6px; text-align: center; color: #152456;}#pt-landing-page h3 { font-size: 1.5142857143em; line-height: 1.7; letter-spacing: -.6px; text-align: center; color: #152456;}@media (min-width: 576px) { #pt-landing-page h3 { font-size: 1.7142857143em; }}#pt-landing-page p { font-size: 1.28571429em; line-height: 1.8; color: #58595b; text-align: center;}#pt-landing-page hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */}#pt-landing-page a { background-color: transparent; color: #f7b727;}#pt-landing-page b,#pt-landing-page strong { font-weight: bolder;}#pt-landing-page small { font-size: 80%;}#pt-landing-page img { border-style: none;}#pt-landing-page button { font-family: inherit; margin: 0; overflow: visible; text-transform: none; text-align: center; background-color: #f7b727; color: white; border: none; display: inline-block; font-weight: 400; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 0.5rem 1.75rem; font-size: 1.7142857143em; line-height: 1.5; border-radius: 20px; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;}#pt-landing-page button,#pt-landing-page [type="button"],#pt-landing-page [type="reset"],#pt-landing-page [type="submit"] { -webkit-appearance: button;}#pt-landing-page button::-moz-focus-inner,#pt-landing-page [type="button"]::-moz-focus-inner,#pt-landing-page [type="reset"]::-moz-focus-inner,#pt-landing-page [type="submit"]::-moz-focus-inner { border-style: none; padding: 0;}#pt-landing-page button:-moz-focusring,#pt-landing-page [type="button"]:-moz-focusring,#pt-landing-page [type="reset"]:-moz-focusring,#pt-landing-page [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText;}#pt-landing-page [hidden] { display: none;}.__pt-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; text-align: center;}@media (min-width: 576px) { .__pt-container { max-width: 540px; }}@media (min-width: 768px) { .__pt-container { max-width: 720px; }}@media (min-width: 992px) { .__pt-container { max-width: 960px; }}@media (min-width: 1200px) { .__pt-container { max-width: 1140px; }}.__pt-row { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}.__pt-col-4 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%;}@media (min-width: 768px) { .__pt-col-4 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; }}.__pt-div { padding: 70px 0; background-color: #fff;}.__pt-blue-div { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0e4e78), color-stop(51%, #0d456b), color-stop(75%, #0b3c5d)); background: -o-linear-gradient(top, #0e4e78 0, #0d456b 51%, #0b3c5d 75%); background: linear-gradient(180deg, #0e4e78 0, #0d456b 51%, #0b3c5d 75%); color: #fff;}.__pt-blue-div h2, .__pt-blue-div h3, .__pt-blue-div p { color: #fff !important;}.__pt-blue-div > .pt-phone-number-button { background-color: #fff; color: #0b3c5d;}.__pt-blue-div > .pt-phone-number-button:hover, .__pt-blue-div > .pt-phone-number-button:focus, .__pt-blue-div > .pt-phone-number-button:active { background-color: #f7b727;}.__pt-blue-div > .pt-div-title { color: #fff;}.__pt-main-div { padding: 115px 0;}.__pt-brand-accent { color: #F7B727;}.__pt-landing-logo { display: inline-block; position: relative; bottom: -15px; width: 300px;}.__pt-question-mark { width: 90px; height: 90px; background-color: #f7b727; color: white; position: relative; margin: 0 auto 30px auto; border-radius: 50%;}.__pt-question-mark::after { content: "?"; font-size: 65px; font-weight: 900; line-height: 1; color: white; position: absolute; top: 10px; left: 30px;}';
document.getElementsByTagName('head')[0].appendChild(styles);
var ptGraph = document.getElementById("pt-graph");
ptGraph.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 487.62 195.21">
<defs>
<style>.cls-horizontal-line { fill: none; stroke: #bcbec0; stroke-miterlimit: 10; stroke-width: 1px; } .cls-arrow { fill: #f7b728 } .cls-title-rect { fill: transparent; } .cls-title { fill: white; } .cls-1 { isolation: isolate; } .cls-2, .cls-3 { fill: none; stroke: #bcbec0; stroke-miterlimit: 10; stroke-width: 1.3px; } .cls-3 { stroke-dasharray: 2.61 2.61; } .cls-13, .cls-4 { mix-blend-mode: multiply; } .cls-5 { font-size: 10px; fill: #ffffff; font-family: OpenSans, Open Sans; } .cls-6 { fill: #bcbec0; } .cls-7 { fill: #e6e7e8; } .cls-8 { fill: #d1d3d4; } .cls-9 { font-size: 7px; font-family: OpenSans, Open Sans; letter-spacing: 0.15em; } .cls-11, .cls-9 { fill: #231f20; } .cls-10, .cls-15 { fill: #fff; } .cls-title, .cls-11 { font-size: 9px; font-family: OpenSans-Bold, Open Sans; font-weight: 700; letter-spacing: 0.15em; } .cls-12, .cls-15 { opacity: 0.8; } .cls-13 { opacity: 0.75; } .cls-14 { fill: url(#New_Gradient_Swatch_2); }</style>
<radialGradient id="New_Gradient_Swatch_2" cx="239.77" cy="105.99" r="165.61" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#ffca05"/>
<stop offset="0.34" stop-color="#fec707"/>
<stop offset="0.62" stop-color="#fdbc0c"/>
<stop offset="0.88" stop-color="#faab15"/>
<stop offset="1" stop-color="#f8a01b"/>
</radialGradient>
</defs>
<title>PayTomorrowFullSpectrumGraphic-01</title>
<g class="cls-1">
<g id="Layer_1" data-name="Layer 1">
<line class="cls-3" x1="468.97" y1="37.21" x2="468.97" y2="170"/>
<line class="cls-3" x1="10.97" y1="37.54" x2="10.97" y2="170"/>
<line class="cls-3" x1="164.02" y1="37.21" x2="164.02" y2="170"/>
<line class="cls-3" x1="316.27" y1="37.21" x2="316.27" y2="170"/>
<line class="cls-horizontal-line" x1="10.97" y1="170" x2="468.97" y2="170"/>
<text class="cls-5" transform="translate(55.56 186.83)">PRIME - 850</text>
<text class="cls-5" transform="translate(196.18 186.83)">NEAR PRIME - 680</text>
<text class="cls-5" transform="translate(353.85 186.83)">SUB-PRIME - 500</text>
<rect class="cls-title-rect" x="150.02" y="53.31" width="181.5" height="21.91"/>
<text class="cls-title" transform="translate(195.38 65.39)">FULL SPECTRUM</text>
<polygon class="cls-arrow" points="469.03 106.13 434.04 58.22 434.04 70.42 10.52 70.41 10.52 141.89 434.04 141.83 434.04 154.03 469.03 106.13"/>
<text class="cls-title" transform="translate(198.38 135.39)">1 APPLICATION</text>
<g id="logo" transform="translate(0 -5)">
<path class="cls-10" d="M173,108.69a1.47,1.47,0,0,1,.41-1.18,2.19,2.19,0,0,1,1-.48c.27,0,.77-.11,1.48-.17s1.73-.09,3.06-.09q4.08,0,6.07,1.61a5.23,5.23,0,0,1,2,4.28,6.44,6.44,0,0,1-.42,2.34,4.63,4.63,0,0,1-1.34,1.87,6.5,6.5,0,0,1-2.39,1.24,12.92,12.92,0,0,1-3.6.44c-.35,0-.71,0-1.08,0l-1-.07-.79-.09a2.61,2.61,0,0,0-.4,0v6.22h-3Zm3,7,1,.14a14.8,14.8,0,0,0,2.09.12,9.19,9.19,0,0,0,2.35-.26,4.06,4.06,0,0,0,1.49-.71,2.61,2.61,0,0,0,.77-1.06,3.44,3.44,0,0,0,.23-1.29,3.69,3.69,0,0,0-.2-1.23,2.36,2.36,0,0,0-.76-1.06,4.31,4.31,0,0,0-1.55-.74,9.2,9.2,0,0,0-2.51-.28c-.81,0-1.47,0-2,.05a7.2,7.2,0,0,0-.94.1Z"/>
<path class="cls-10" d="M199.19,124.47l-.8.11-1.29.13c-.49,0-1,.08-1.66.11s-1.25.05-1.91.05a12.63,12.63,0,0,1-3.25-.34,5.67,5.67,0,0,1-2-.92,3,3,0,0,1-1-1.32,4.56,4.56,0,0,1-.27-1.55,4.94,4.94,0,0,1,.32-1.83,3.05,3.05,0,0,1,1-1.33,5.29,5.29,0,0,1,1.9-.8,13,13,0,0,1,2.86-.27c.64,0,1.26,0,1.83.07l1.3.11a3.25,3.25,0,0,0-.29-1.48,2.39,2.39,0,0,0-.8-.92,3.21,3.21,0,0,0-1.23-.45,8.49,8.49,0,0,0-1.58-.13,6.78,6.78,0,0,0-2.33.33,4.75,4.75,0,0,0-1.16.56,3.39,3.39,0,0,1-.42-.48,1.41,1.41,0,0,1-.27-.87,1.5,1.5,0,0,1,.19-.7,1.71,1.71,0,0,1,.68-.61,4.22,4.22,0,0,1,1.3-.42,10.68,10.68,0,0,1,2.06-.16,11.56,11.56,0,0,1,2.74.3,5.75,5.75,0,0,1,2.13.93,4.17,4.17,0,0,1,1.39,1.68,5.87,5.87,0,0,1,.5,2.52Zm-2.88-5.66c-.17,0-.49-.09-1-.16a17.42,17.42,0,0,0-2.1-.1,4.74,4.74,0,0,0-2.52.52,1.83,1.83,0,0,0-.79,1.65,2.13,2.13,0,0,0,.16.84,1.52,1.52,0,0,0,.57.65,3.4,3.4,0,0,0,1.11.41,9.44,9.44,0,0,0,1.75.14,15.1,15.1,0,0,0,1.86-.09c.46-.06.77-.11.92-.14Z"/>
<path class="cls-10" d="M201,113.07a1.24,1.24,0,0,1,.41-1,1.74,1.74,0,0,1,1.12-.33,3.37,3.37,0,0,1,.86.11l.52.17v6.81a3.45,3.45,0,0,0,.8,2.39,3.19,3.19,0,0,0,2.49.9,3.32,3.32,0,0,0,2.45-.91,3.65,3.65,0,0,0,.89-2.66v-5.46a1.21,1.21,0,0,1,.41-1,1.72,1.72,0,0,1,1.12-.33,3.3,3.3,0,0,1,.85.11l.52.17v11.17a8.68,8.68,0,0,1-.48,3.07,5.35,5.35,0,0,1-1.38,2.08,5.45,5.45,0,0,1-2.14,1.18,9.64,9.64,0,0,1-2.78.37,16,16,0,0,1-1.91-.11c-.58-.08-1.09-.17-1.54-.27s-.82-.2-1.11-.29l-.61-.22c.13-.36.26-.72.38-1.08l.36-1.09.56.21c.25.08.56.16.92.24s.76.14,1.21.19a13,13,0,0,0,1.44.08,6.94,6.94,0,0,0,1.78-.22,3.16,3.16,0,0,0,1.34-.75,3.49,3.49,0,0,0,.84-1.42,6.9,6.9,0,0,0,.29-2.2,3.43,3.43,0,0,1-1.59,1.18,6.15,6.15,0,0,1-2.38.45,7.2,7.2,0,0,1-2.27-.35,5.18,5.18,0,0,1-1.79-1,4.48,4.48,0,0,1-1.16-1.62,5.49,5.49,0,0,1-.42-2.22Z"/>
<path class="cls-10" d="M215.58,109.45a1.24,1.24,0,0,1,.41-1,1.78,1.78,0,0,1,1.12-.32,3.24,3.24,0,0,1,.85.11l.53.17v3.34h3.69a1.66,1.66,0,0,1,1.19.34,1.37,1.37,0,0,1,.34,1,2.53,2.53,0,0,1-.12.8c-.09.25-.16.42-.21.53h-4.89v5.68a2.85,2.85,0,0,0,.18,1.09,1.6,1.6,0,0,0,.49.67,1.89,1.89,0,0,0,.74.36,3.65,3.65,0,0,0,.88.1,4.16,4.16,0,0,0,1.38-.23,4.24,4.24,0,0,0,.92-.43l1.17,1.93c-.14.11-.33.23-.58.39a5.44,5.44,0,0,1-.9.43,7.42,7.42,0,0,1-1.2.34,6.61,6.61,0,0,1-1.45.14,4.53,4.53,0,0,1-3.39-1.16,4.1,4.1,0,0,1-1.15-3Z"/>
<path class="cls-10" d="M231.08,111.36a7.45,7.45,0,0,1,2.77.51,6.8,6.8,0,0,1,2.23,1.42,6.56,6.56,0,0,1,1.48,2.14,6.8,6.8,0,0,1,.53,2.69,6.72,6.72,0,0,1-.53,2.66,6.46,6.46,0,0,1-1.48,2.14,7,7,0,0,1-2.23,1.43,7.64,7.64,0,0,1-5.54,0,7,7,0,0,1-2.23-1.43,6.46,6.46,0,0,1-1.48-2.14,6.72,6.72,0,0,1-.53-2.66,6.8,6.8,0,0,1,.53-2.69,6.56,6.56,0,0,1,1.48-2.14,6.8,6.8,0,0,1,2.23-1.42A7.45,7.45,0,0,1,231.08,111.36Zm0,10.94a4.09,4.09,0,0,0,1.61-.32,3.65,3.65,0,0,0,1.26-.89,4.1,4.1,0,0,0,.81-1.33,4.39,4.39,0,0,0,.3-1.64,4.59,4.59,0,0,0-.3-1.67,3.85,3.85,0,0,0-.81-1.34,3.76,3.76,0,0,0-1.26-.88,4.09,4.09,0,0,0-1.61-.32,4,4,0,0,0-1.62.32,3.77,3.77,0,0,0-2.06,2.22,4.59,4.59,0,0,0-.3,1.67,4.39,4.39,0,0,0,.3,1.64,4.1,4.1,0,0,0,.81,1.33,3.71,3.71,0,0,0,1.25.89A4,4,0,0,0,231.08,122.3Z"/>
<path class="cls-10" d="M239.36,116.28a5,5,0,0,1,.44-2.14,4.37,4.37,0,0,1,1.18-1.53,5.2,5.2,0,0,1,1.78-.93,7.37,7.37,0,0,1,2.21-.32,6.57,6.57,0,0,1,2.83.59,4.65,4.65,0,0,1,2,1.73,4.75,4.75,0,0,1,2-1.73,6.41,6.41,0,0,1,2.78-.59,7.8,7.8,0,0,1,2.2.31,4.88,4.88,0,0,1,1.75.92,4.19,4.19,0,0,1,1.18,1.53,4.93,4.93,0,0,1,.43,2.14v8.26h-2.91v-7.27a3.34,3.34,0,0,0-.79-2.51,3,3,0,0,0-2.14-.75,3.05,3.05,0,0,0-2.18.84,3.67,3.67,0,0,0-.88,2.73v7h-2.9v-7a3.67,3.67,0,0,0-.88-2.73,3.05,3.05,0,0,0-2.18-.84,3,3,0,0,0-2.14.76,3.32,3.32,0,0,0-.82,2.53v7.24h-2.91Z"/>
<path class="cls-10" d="M268.37,111.36a7.45,7.45,0,0,1,2.77.51,6.7,6.7,0,0,1,2.23,1.42,6.8,6.8,0,0,1,1.48,7.49,6.46,6.46,0,0,1-1.48,2.14,6.88,6.88,0,0,1-2.23,1.43,7.61,7.61,0,0,1-5.53,0,6.88,6.88,0,0,1-2.23-1.43,6.46,6.46,0,0,1-1.48-2.14,6.55,6.55,0,0,1-.54-2.66,6.61,6.61,0,0,1,2-4.83,6.7,6.7,0,0,1,2.23-1.42A7.44,7.44,0,0,1,268.37,111.36Zm0,10.94A4.06,4.06,0,0,0,270,122a3.65,3.65,0,0,0,1.26-.89,4.3,4.3,0,0,0,.82-1.33,4.59,4.59,0,0,0,.29-1.64,4.8,4.8,0,0,0-.29-1.67,4,4,0,0,0-.82-1.34,3.76,3.76,0,0,0-1.26-.88,4.06,4.06,0,0,0-1.61-.32,4,4,0,0,0-1.61.32,3.72,3.72,0,0,0-1.25.88,4,4,0,0,0-.82,1.34,4.8,4.8,0,0,0-.29,1.67,4.59,4.59,0,0,0,.29,1.64,4.3,4.3,0,0,0,.82,1.33,3.61,3.61,0,0,0,1.25.89A4,4,0,0,0,268.37,122.3Z"/>
<path class="cls-10" d="M276.53,116.28a4.62,4.62,0,0,1,1.44-3.63,5.77,5.77,0,0,1,4-1.29,6.44,6.44,0,0,1,2.61.45,1.44,1.44,0,0,1,1,1.36,1.63,1.63,0,0,1-.24.84,1.39,1.39,0,0,1-.4.51,7.16,7.16,0,0,0-1.07-.38,5.33,5.33,0,0,0-1.45-.18c-2,0-3,1.06-3,3.16v7.4h-2.91Z"/>
<path class="cls-10" d="M285.74,116.28a4.59,4.59,0,0,1,1.44-3.63,5.77,5.77,0,0,1,4-1.29,6.44,6.44,0,0,1,2.61.45,1.45,1.45,0,0,1,1,1.36,1.64,1.64,0,0,1-.25.84,1.52,1.52,0,0,1-.39.51,8.08,8.08,0,0,0-1.07-.38,5.4,5.4,0,0,0-1.46-.18c-2,0-3,1.06-3,3.16v7.4h-2.9Z"/>
<path class="cls-10" d="M301.69,111.36a7.45,7.45,0,0,1,2.77.51,6.7,6.7,0,0,1,2.23,1.42,6.85,6.85,0,0,1,1.48,7.49,6.46,6.46,0,0,1-1.48,2.14,6.88,6.88,0,0,1-2.23,1.43,7.61,7.61,0,0,1-5.53,0,6.88,6.88,0,0,1-2.23-1.43,6.32,6.32,0,0,1-1.48-2.14,6.55,6.55,0,0,1-.54-2.66,6.63,6.63,0,0,1,.54-2.69,6.42,6.42,0,0,1,1.48-2.14,6.7,6.7,0,0,1,2.23-1.42A7.4,7.4,0,0,1,301.69,111.36Zm0,10.94a4.06,4.06,0,0,0,1.61-.32,3.65,3.65,0,0,0,1.26-.89,4.3,4.3,0,0,0,.82-1.33,4.59,4.59,0,0,0,.29-1.64,4.8,4.8,0,0,0-.29-1.67,4,4,0,0,0-.82-1.34,3.76,3.76,0,0,0-1.26-.88,4.24,4.24,0,0,0-3.23,0,3.83,3.83,0,0,0-1.25.88,4,4,0,0,0-.81,1.34,4.58,4.58,0,0,0-.29,1.67,4.39,4.39,0,0,0,.29,1.64,4.28,4.28,0,0,0,.81,1.33,3.71,3.71,0,0,0,1.25.89A4.07,4.07,0,0,0,301.69,122.3Z"/>
<path class="cls-10" d="M313.09,124.52c-.84-2-1.52-3.61-2-5s-1-2.49-1.28-3.38-.53-1.58-.66-2.07a4.45,4.45,0,0,1-.19-1,1.31,1.31,0,0,1,1.45-1.35,3,3,0,0,1,.88.1,2.92,2.92,0,0,1,.42.16c.2.74.43,1.54.69,2.38s.52,1.68.79,2.51.54,1.63.8,2.38.5,1.43.7,2c.19-.53.39-1.13.6-1.81s.44-1.38.66-2.1.46-1.46.68-2.2.42-1.44.61-2.1a2.28,2.28,0,0,1,.58-1,1.68,1.68,0,0,1,1.18-.34,2.91,2.91,0,0,1,.92.14c.27.09.44.16.51.19.22.77.46,1.57.71,2.41s.51,1.67.77,2.49.5,1.59.75,2.34.47,1.41.67,2c.45-1.17.9-2.46,1.37-3.85s.89-2.79,1.29-4.18a2.62,2.62,0,0,1,.6-1.16,1.51,1.51,0,0,1,1.13-.37,2.42,2.42,0,0,1,1.12.23,4.63,4.63,0,0,1,.49.28c-.14.56-.38,1.33-.72,2.32s-.72,2-1.15,3.2-.87,2.32-1.35,3.52-.92,2.28-1.35,3.25h-3c-.13-.36-.31-.88-.54-1.57s-.48-1.44-.76-2.26-.54-1.65-.8-2.51-.5-1.64-.73-2.36l-.72,2.36c-.27.86-.53,1.7-.79,2.51s-.51,1.57-.73,2.26-.4,1.21-.53,1.57Z"/>
<path class="cls-15" d="M195.11,102.66A17.14,17.14,0,0,0,177,98.1,21.19,21.19,0,0,0,164.38,110c-1.91,4.81-.84,9.28,1.42,13.72.18.37.95,1.16.18,1.28-.4.06-.93-.56-1.17-.81a10.4,10.4,0,0,1-1.59-2.36c-3.95-7.73-1.57-17.11,5-22.73,5.64-4.81,14.6-6.47,21.36-3.08a17.28,17.28,0,0,1,5,3.82,14,14,0,0,1,1.88,2.57c.17.31,1.63,2.8.69,2.62-.14,0-.48-.56-.59-.68C196.12,103.75,195.61,103.21,195.11,102.66Zm1.64-11.26a6.51,6.51,0,0,0-1.38,1.74l-.57.93a8.36,8.36,0,0,0-.46.83,2.25,2.25,0,0,0-.29.68c0,.58.93-.35,1.08-.49.38-.34.76-.68,1.13-1a6.75,6.75,0,0,0,1.43-1.68,1.32,1.32,0,0,0,.18-.69.57.57,0,0,0-.4-.55A.86.86,0,0,0,196.75,91.4Zm8,.51a19.78,19.78,0,0,0-3.91,3.1l-1.69,1.63a18.6,18.6,0,0,0-1.39,1.43c-.24.29-.87.86-.92,1.15-.16.94,2.34-.76,2.76-1,1-.62,2-1.25,3.05-1.89a20.24,20.24,0,0,0,4-3,2.29,2.29,0,0,0,.68-1.15.74.74,0,0,0-.78-.79A3.41,3.41,0,0,0,204.75,91.91Zm-18.28-5.09a6.33,6.33,0,0,0-.72,2.09c-.08.36-.16.72-.23,1.07a6.16,6.16,0,0,0-.16.94,2.27,2.27,0,0,0-.05.73c.21.55.76-.63.86-.81l.72-1.34a6.87,6.87,0,0,0,.79-2.07,1.31,1.31,0,0,0-.05-.71.6.6,0,0,0-.57-.39A.89.89,0,0,0,186.47,86.82Zm8.2-3.68A19.19,19.19,0,0,0,192,87.36L191,89.46a17.29,17.29,0,0,0-.84,1.82c-.13.34-.54,1.1-.48,1.39.16.93,2-1.5,2.26-1.88.76-.93,1.51-1.86,2.25-2.8a20.22,20.22,0,0,0,2.79-4.19,2.26,2.26,0,0,0,.26-1.31.75.75,0,0,0-1-.49A3.43,3.43,0,0,0,194.67,83.14ZM174.24,87.9a6.43,6.43,0,0,0,.55,2.15l.4,1a6.74,6.74,0,0,0,.38.87,2.38,2.38,0,0,0,.37.64c.47.34.27-1,.26-1.16,0-.5-.09-1-.14-1.51a6.34,6.34,0,0,0-.48-2.16,1.24,1.24,0,0,0-.44-.57.59.59,0,0,0-.67,0A.87.87,0,0,0,174.24,87.9Zm4.81-7.58a19.66,19.66,0,0,0,.1,5l.28,2.33c.08.67.16,1.35.3,2a4.83,4.83,0,0,0,.36,1.43c.65.68.81-2.33.86-2.82.12-1.19.23-2.39.33-3.58a20.18,20.18,0,0,0,0-5,2.27,2.27,0,0,0-.51-1.24.75.75,0,0,0-1.1.15A3.45,3.45,0,0,0,179.05,80.32ZM162.58,93.24a6.44,6.44,0,0,0,1.2,1.86l.71.84a8.42,8.42,0,0,0,.63.71c.14.12.38.43.55.48.56.17,0-1-.11-1.17-.2-.47-.41-.94-.62-1.4a6.28,6.28,0,0,0-1.14-1.89,1.25,1.25,0,0,0-.59-.4.59.59,0,0,0-.65.21A.88.88,0,0,0,162.58,93.24Zm2.15-8.72a19.47,19.47,0,0,0,1.68,4.7l1,2.12c.29.61.58,1.23.91,1.78.19.32.54,1.1.8,1.24.83.44,0-2.47-.09-2.94-.26-1.17-.54-2.34-.82-3.5a20.39,20.39,0,0,0-1.58-4.77,2.2,2.2,0,0,0-.88-1,.75.75,0,0,0-1,.49A3.49,3.49,0,0,0,164.73,84.52Zm-9.2,18.22a6.59,6.59,0,0,0,2,.93l1,.33a7.4,7.4,0,0,0,.92.26,2.65,2.65,0,0,0,.72.12c.56-.16-.56-.82-.73-.94-.41-.29-.83-.57-1.26-.85a6.52,6.52,0,0,0-2-1,1.26,1.26,0,0,0-.72,0,.61.61,0,0,0-.44.52A.92.92,0,0,0,155.53,102.74Zm-2.83-8.53a18.6,18.6,0,0,0,3.93,3.08l2,1.26c.58.36,1.15.73,1.73,1,.33.16,1,.64,1.33.62,1-.07-1.29-2.1-1.64-2.44l-2.56-2.53A20.83,20.83,0,0,0,153.58,92a2.25,2.25,0,0,0-1.28-.39.75.75,0,0,0-.59.94A3.37,3.37,0,0,0,152.7,94.21Zm.87,20.15a6.28,6.28,0,0,0,2.19-.35l1.05-.31a6.92,6.92,0,0,0,.91-.3,2.22,2.22,0,0,0,.66-.31c.38-.44-.92-.36-1.12-.36-.51,0-1,0-1.52,0a6.25,6.25,0,0,0-2.2.28,1.26,1.26,0,0,0-.6.38.61.61,0,0,0-.07.68A.87.87,0,0,0,153.57,114.36Zm50.31-14.23a6.71,6.71,0,0,0-2,1l-.91.61a8.5,8.5,0,0,0-.77.57c-.13.12-.47.32-.54.49-.22.54,1,.07,1.19,0l1.45-.46a6.67,6.67,0,0,0,2-.94,1.36,1.36,0,0,0,.46-.55.59.59,0,0,0-.14-.66A.87.87,0,0,0,203.88,100.13Zm-56.8,8.54a19.49,19.49,0,0,0,5,.35l2.35-.06c.68,0,1.36,0,2-.12a4.54,4.54,0,0,0,1.45-.24c.74-.58-2.25-1-2.72-1.1q-1.77-.34-3.54-.66a20.09,20.09,0,0,0-5-.47,2.31,2.31,0,0,0-1.28.39.75.75,0,0,0,.05,1.11A3.39,3.39,0,0,0,147.08,108.67Zm3.15,14.24a19.2,19.2,0,0,0,4.36-2.42l1.93-1.33c.56-.39,1.13-.77,1.62-1.19.27-.24,1-.71,1.09-1,.3-.9-2.44.38-2.89.56L153,118.91a20.18,20.18,0,0,0-4.46,2.34,2.26,2.26,0,0,0-.86,1,.76.76,0,0,0,.65.91A3.39,3.39,0,0,0,150.23,122.91Z"/>
</g>
</g>
</g>
</svg>`;
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();
clearInterval(interval);
}
}, 2000);
}
</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">

Landing Page with Pre-Approval link

If you have the MPE installed and initialized You need just to set the public id in the code var publicId = 'YOUR_PUBLIC_ID';. 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 and set the public id in the code var publicId = 'YOUR_PUBLIC_ID';.

Checkout the demo here http://landing-demo.paytomorrow.com/with-pre-approval.html

Landing_Pre_Approval.js
<div id="pt-landing-page">
<div id="intro" class="__pt-div __pt-blue-div __pt-main-div">
<div class="__pt-container">
<span ><img style=" max-width: 400px; margin-bottom: 20px; align-content: center;" src="https://www.paytomorrow.com/images/logos/PayTomorrow_Logo_White.svg" alt=""></span>
<h2>Financing for all credit types.</h2>
<h3 style="margin-bottom: 70px;">
We provide easy and affordable financing through our partner
PayTomorrow, so you can buy today and <span class="__pt-brand-accent">Pay</span>Tomorrow!
</h3>
<button class="__pt-ppe-button">Discover your purchase power!</button>
</div>
</div>
<div id="summary" class="__pt-div">
<div class="__pt-container">
<h2>Why use <span class="__pt-landing-logo"><img style="max-width: 100%; margin-top: -70px"
src="https://www.paytomorrow.com/images/logos/PayTomorrow_500px.png"
alt=""></span>?
</h2>
<div class="__pt-row">
<div class="__pt-col-4">
<img src="https://www.paytomorrow.com/images/landing_page/low-cost-2.png" alt="">
<h3>Won't affect your credit</h3>
<p>PayTomorrow's soft pull credit check will not affect your credit score to apply.</p>
</div>
<div class="__pt-col-4">
<img src="https://www.paytomorrow.com/images/landing_page/fair.png" alt="">
<h3>Affordable monthly payments</h3>
<p>PayTomorrow offers flexible financing options with fair and transparent pricing.</p>
</div>
<div class="__pt-col-4">
<img src="https://www.paytomorrow.com/images/landing_page/dynamic-icon.png" alt="">
<h3>Instant evaluations</h3>
<p>PayTomorrow instantly evaluates your credit profile and presents you with a customized offer.</p>
</div>
</div>
<h2>Check your rate now without leaving our site!</h2>
<form onsubmit="checkForm(this);return false;" id="card">
<p>Pre-approval form</p>
<table style="margin: auto">
<tr>
<td><p>First Name *:</p></td>
<td><input style="height:30px" id="firstName" required/></td>
</tr>
<tr>
<td><p>Last Name *:</p></td>
<td><input style="height:30px" id="lastName" required/></td>
</tr>
<tr>
<td><p>Email *:</p></td>
<td><input style="height:30px" id="email" type="email" required/></td>
</tr>
<tr>
<td><p>Phone Number *:</p></td>
<td><input style="height:30px" id="cellPhone" type="text" required minlength="10"/></td>
</tr>
<tr>
<td colspan="2">
<button type="submit" id="submitButton">
Get pre-approval link!
</button>
</td>
</tr>
</table>
<br/>
<table style="margin: auto">
<tr>
<td>
<button type="button" id="successMessage" style="display: none; background-color: #0b3c5d"
onclick="toggleStatus()">
We just sent you an email with the pre-approval link!.
</button>
</td>
</tr>
<tr>
<td>
<button type="button" id="errorMessage" style="display: none; background-color: darkred; margin: 0 auto;"
onclick="toggleStatusError()">
Error! Sorry something went wrong!.
</button>
</td>
</tr>
</table>
</form>
</div>
</div>
<div id="graph" class="__pt-div __pt-blue-div">
<div class="__pt-container">
<h2>Full Credit Spectrum Financing</h2>
<div id="pt-graph" class="__pt-graph-container">
</div>
</div>
</div>
<div id="contact" class="__pt-div">
<div class="__pt-container">
<div class="__pt-question-mark"></div>
<h3>
Questions? Check out PayTomorrow’s <button class="__pt-ppe-button_faq" style="margin-bottom: 4px; padding: 0px; font-size: 20px; background-color: white; font-weight:bold;"> <a href="#"> FAQs </a></button> <br>
or contact our US-based customer service team at <br>
<a href="mailto:customerservice@paytomorrow.com">customerservice@paytomorrow.com</a> or call <a
href="tel:866-418-5857">866-418-5857</a>
</h3>
</div>
</div>
</div>
<script>
var googleFonts = document.createElement('link');
googleFonts.setAttribute('rel', 'stylesheet');
googleFonts.setAttribute('href', 'https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
document.getElementsByTagName('head')[0].appendChild(googleFonts);
var styles = document.createElement('style');
styles.innerHTML = '#pt-landing-page { -webkit-text-size-adjust: 100%; /* 2 */ margin: 0; display: block; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; background-color: #fff; color: #333; -webkit-box-sizing: border-box; box-sizing: border-box;}#pt-landing-page * { -webkit-box-sizing: border-box; box-sizing: border-box;}#pt-landing-page h1 { font-size: 2em; margin-bottom: 55px;}#pt-landing-page h2 { font-size: 2.85714286em; line-height: 1.41; letter-spacing: -.6px; text-align: center; color: #152456;}#pt-landing-page h3 { font-size: 1.5142857143em; line-height: 1.7; letter-spacing: -.6px; text-align: center; color: #152456;}@media (min-width: 576px) { #pt-landing-page h3 { font-size: 1.7142857143em; }}#pt-landing-page p { font-size: 1.28571429em; line-height: 1.8; color: #58595b; text-align: center;}#pt-landing-page hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */}#pt-landing-page a { background-color: transparent; color: #f7b727;}#pt-landing-page b,#pt-landing-page strong { font-weight: bolder;}#pt-landing-page small { font-size: 80%;}#pt-landing-page img { border-style: none;}#pt-landing-page button { font-family: inherit; margin: 0; overflow: visible; text-transform: none; text-align: center; background-color: #f7b727; color: white; border: none; display: inline-block; font-weight: 400; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 0.5rem 1.75rem; font-size: 1.7142857143em; line-height: 1.5; border-radius: 20px; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;}#pt-landing-page button,#pt-landing-page [type="button"],#pt-landing-page [type="reset"],#pt-landing-page [type="submit"] { -webkit-appearance: button;}#pt-landing-page button::-moz-focus-inner,#pt-landing-page [type="button"]::-moz-focus-inner,#pt-landing-page [type="reset"]::-moz-focus-inner,#pt-landing-page [type="submit"]::-moz-focus-inner { border-style: none; padding: 0;}#pt-landing-page button:-moz-focusring,#pt-landing-page [type="button"]:-moz-focusring,#pt-landing-page [type="reset"]:-moz-focusring,#pt-landing-page [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText;}#pt-landing-page [hidden] { display: none;}.__pt-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; text-align: center;}@media (min-width: 576px) { .__pt-container { max-width: 540px; }}@media (min-width: 768px) { .__pt-container { max-width: 720px; }}@media (min-width: 992px) { .__pt-container { max-width: 960px; }}@media (min-width: 1200px) { .__pt-container { max-width: 1140px; }}.__pt-row { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}.__pt-col-4 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%;}@media (min-width: 768px) { .__pt-col-4 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; }}.__pt-div { padding: 70px 0; background-color: #fff;}.__pt-blue-div { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0e4e78), color-stop(51%, #0d456b), color-stop(75%, #0b3c5d)); background: -o-linear-gradient(top, #0e4e78 0, #0d456b 51%, #0b3c5d 75%); background: linear-gradient(180deg, #0e4e78 0, #0d456b 51%, #0b3c5d 75%); color: #fff;}.__pt-blue-div h2, .__pt-blue-div h3, .__pt-blue-div p { color: #fff !important;}.__pt-blue-div > .pt-phone-number-button { background-color: #fff; color: #0b3c5d;}.__pt-blue-div > .pt-phone-number-button:hover, .__pt-blue-div > .pt-phone-number-button:focus, .__pt-blue-div > .pt-phone-number-button:active { background-color: #f7b727;}.__pt-blue-div > .pt-div-title { color: #fff;}.__pt-main-div { padding: 115px 0;}.__pt-brand-accent { color: #F7B727;}.__pt-landing-logo { display: inline-block; position: relative; bottom: -15px; width: 300px;}.__pt-question-mark { width: 90px; height: 90px; background-color: #f7b727; color: white; position: relative; margin: 0 auto 30px auto; border-radius: 50%;}.__pt-question-mark::after { content: "?"; font-size: 65px; font-weight: 900; line-height: 1; color: white; position: absolute; top: 10px; left: 30px;}';
document.getElementsByTagName('head')[0].appendChild(styles);
var ptGraph = document.getElementById("pt-graph");
ptGraph.innerHTML = `
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 487.62 195.21">
<defs>
<style>.cls-horizontal-line { fill: none; stroke: #bcbec0; stroke-miterlimit: 10; stroke-width: 1px; } .cls-arrow { fill: #f7b728 } .cls-title-rect { fill: transparent; } .cls-title { fill: white; } .cls-1 { isolation: isolate; } .cls-2, .cls-3 { fill: none; stroke: #bcbec0; stroke-miterlimit: 10; stroke-width: 1.3px; } .cls-3 { stroke-dasharray: 2.61 2.61; } .cls-13, .cls-4 { mix-blend-mode: multiply; } .cls-5 { font-size: 10px; fill: #ffffff; font-family: OpenSans, Open Sans; } .cls-6 { fill: #bcbec0; } .cls-7 { fill: #e6e7e8; } .cls-8 { fill: #d1d3d4; } .cls-9 { font-size: 7px; font-family: OpenSans, Open Sans; letter-spacing: 0.15em; } .cls-11, .cls-9 { fill: #231f20; } .cls-10, .cls-15 { fill: #fff; } .cls-title, .cls-11 { font-size: 9px; font-family: OpenSans-Bold, Open Sans; font-weight: 700; letter-spacing: 0.15em; } .cls-12, .cls-15 { opacity: 0.8; } .cls-13 { opacity: 0.75; } .cls-14 { fill: url(#New_Gradient_Swatch_2); }</style>
<radialGradient id="New_Gradient_Swatch_2" cx="239.77" cy="105.99" r="165.61" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#ffca05"/>
<stop offset="0.34" stop-color="#fec707"/>
<stop offset="0.62" stop-color="#fdbc0c"/>
<stop offset="0.88" stop-color="#faab15"/>
<stop offset="1" stop-color="#f8a01b"/>
</radialGradient>
</defs>
<title>PayTomorrowFullSpectrumGraphic-01</title>
<g class="cls-1">
<g id="Layer_1" data-name="Layer 1">
<line class="cls-3" x1="468.97" y1="37.21" x2="468.97" y2="170"/>
<line class="cls-3" x1="10.97" y1="37.54" x2="10.97" y2="170"/>
<line class="cls-3" x1="164.02" y1="37.21" x2="164.02" y2="170"/>
<line class="cls-3" x1="316.27" y1="37.21" x2="316.27" y2="170"/>
<line class="cls-horizontal-line" x1="10.97" y1="170" x2="468.97" y2="170"/>
<text class="cls-5" transform="translate(55.56 186.83)">PRIME - 850</text>
<text class="cls-5" transform="translate(196.18 186.83)">NEAR PRIME - 680</text>
<text class="cls-5" transform="translate(353.85 186.83)">SUB-PRIME - 500</text>
<rect class="cls-title-rect" x="150.02" y="53.31" width="181.5" height="21.91"/>
<text class="cls-title" transform="translate(195.38 65.39)">FULL SPECTRUM</text>
<polygon class="cls-arrow" points="469.03 106.13 434.04 58.22 434.04 70.42 10.52 70.41 10.52 141.89 434.04 141.83 434.04 154.03 469.03 106.13"/>
<text class="cls-title" transform="translate(198.38 135.39)">1 APPLICATION</text>
<g id="logo" transform="translate(0 -5)">
<path class="cls-10" d="M173,108.69a1.47,1.47,0,0,1,.41-1.18,2.19,2.19,0,0,1,1-.48c.27,0,.77-.11,1.48-.17s1.73-.09,3.06-.09q4.08,0,6.07,1.61a5.23,5.23,0,0,1,2,4.28,6.44,6.44,0,0,1-.42,2.34,4.63,4.63,0,0,1-1.34,1.87,6.5,6.5,0,0,1-2.39,1.24,12.92,12.92,0,0,1-3.6.44c-.35,0-.71,0-1.08,0l-1-.07-.79-.09a2.61,2.61,0,0,0-.4,0v6.22h-3Zm3,7,1,.14a14.8,14.8,0,0,0,2.09.12,9.19,9.19,0,0,0,2.35-.26,4.06,4.06,0,0,0,1.49-.71,2.61,2.61,0,0,0,.77-1.06,3.44,3.44,0,0,0,.23-1.29,3.69,3.69,0,0,0-.2-1.23,2.36,2.36,0,0,0-.76-1.06,4.31,4.31,0,0,0-1.55-.74,9.2,9.2,0,0,0-2.51-.28c-.81,0-1.47,0-2,.05a7.2,7.2,0,0,0-.94.1Z"/>
<path class="cls-10" d="M199.19,124.47l-.8.11-1.29.13c-.49,0-1,.08-1.66.11s-1.25.05-1.91.05a12.63,12.63,0,0,1-3.25-.34,5.67,5.67,0,0,1-2-.92,3,3,0,0,1-1-1.32,4.56,4.56,0,0,1-.27-1.55,4.94,4.94,0,0,1,.32-1.83,3.05,3.05,0,0,1,1-1.33,5.29,5.29,0,0,1,1.9-.8,13,13,0,0,1,2.86-.27c.64,0,1.26,0,1.83.07l1.3.11a3.25,3.25,0,0,0-.29-1.48,2.39,2.39,0,0,0-.8-.92,3.21,3.21,0,0,0-1.23-.45,8.49,8.49,0,0,0-1.58-.13,6.78,6.78,0,0,0-2.33.33,4.75,4.75,0,0,0-1.16.56,3.39,3.39,0,0,1-.42-.48,1.41,1.41,0,0,1-.27-.87,1.5,1.5,0,0,1,.19-.7,1.71,1.71,0,0,1,.68-.61,4.22,4.22,0,0,1,1.3-.42,10.68,10.68,0,0,1,2.06-.16,11.56,11.56,0,0,1,2.74.3,5.75,5.75,0,0,1,2.13.93,4.17,4.17,0,0,1,1.39,1.68,5.87,5.87,0,0,1,.5,2.52Zm-2.88-5.66c-.17,0-.49-.09-1-.16a17.42,17.42,0,0,0-2.1-.1,4.74,4.74,0,0,0-2.52.52,1.83,1.83,0,0,0-.79,1.65,2.13,2.13,0,0,0,.16.84,1.52,1.52,0,0,0,.57.65,3.4,3.4,0,0,0,1.11.41,9.44,9.44,0,0,0,1.75.14,15.1,15.1,0,0,0,1.86-.09c.46-.06.77-.11.92-.14Z"/>
<path class="cls-10" d="M201,113.07a1.24,1.24,0,0,1,.41-1,1.74,1.74,0,0,1,1.12-.33,3.37,3.37,0,0,1,.86.11l.52.17v6.81a3.45,3.45,0,0,0,.8,2.39,3.19,3.19,0,0,0,2.49.9,3.32,3.32,0,0,0,2.45-.91,3.65,3.65,0,0,0,.89-2.66v-5.46a1.21,1.21,0,0,1,.41-1,1.72,1.72,0,0,1,1.12-.33,3.3,3.3,0,0,1,.85.11l.52.17v11.17a8.68,8.68,0,0,1-.48,3.07,5.35,5.35,0,0,1-1.38,2.08,5.45,5.45,0,0,1-2.14,1.18,9.64,9.64,0,0,1-2.78.37,16,16,0,0,1-1.91-.11c-.58-.08-1.09-.17-1.54-.27s-.82-.2-1.11-.29l-.61-.22c.13-.36.26-.72.38-1.08l.36-1.09.56.21c.25.08.56.16.92.24s.76.14,1.21.19a13,13,0,0,0,1.44.08,6.94,6.94,0,0,0,1.78-.22,3.16,3.16,0,0,0,1.34-.75,3.49,3.49,0,0,0,.84-1.42,6.9,6.9,0,0,0,.29-2.2,3.43,3.43,0,0,1-1.59,1.18,6.15,6.15,0,0,1-2.38.45,7.2,7.2,0,0,1-2.27-.35,5.18,5.18,0,0,1-1.79-1,4.48,4.48,0,0,1-1.16-1.62,5.49,5.49,0,0,1-.42-2.22Z"/>
<path class="cls-10" d="M215.58,109.45a1.24,1.24,0,0,1,.41-1,1.78,1.78,0,0,1,1.12-.32,3.24,3.24,0,0,1,.85.11l.53.17v3.34h3.69a1.66,1.66,0,0,1,1.19.34,1.37,1.37,0,0,1,.34,1,2.53,2.53,0,0,1-.12.8c-.09.25-.16.42-.21.53h-4.89v5.68a2.85,2.85,0,0,0,.18,1.09,1.6,1.6,0,0,0,.49.67,1.89,1.89,0,0,0,.74.36,3.65,3.65,0,0,0,.88.1,4.16,4.16,0,0,0,1.38-.23,4.24,4.24,0,0,0,.92-.43l1.17,1.93c-.14.11-.33.23-.58.39a5.44,5.44,0,0,1-.9.43,7.42,7.42,0,0,1-1.2.34,6.61,6.61,0,0,1-1.45.14,4.53,4.53,0,0,1-3.39-1.16,4.1,4.1,0,0,1-1.15-3Z"/>
<path class="cls-10" d="M231.08,111.36a7.45,7.45,0,0,1,2.77.51,6.8,6.8,0,0,1,2.23,1.42,6.56,6.56,0,0,1,1.48,2.14,6.8,6.8,0,0,1,.53,2.69,6.72,6.72,0,0,1-.53,2.66,6.46,6.46,0,0,1-1.48,2.14,7,7,0,0,1-2.23,1.43,7.64,7.64,0,0,1-5.54,0,7,7,0,0,1-2.23-1.43,6.46,6.46,0,0,1-1.48-2.14,6.72,6.72,0,0,1-.53-2.66,6.8,6.8,0,0,1,.53-2.69,6.56,6.56,0,0,1,1.48-2.14,6.8,6.8,0,0,1,2.23-1.42A7.45,7.45,0,0,1,231.08,111.36Zm0,10.94a4.09,4.09,0,0,0,1.61-.32,3.65,3.65,0,0,0,1.26-.89,4.1,4.1,0,0,0,.81-1.33,4.39,4.39,0,0,0,.3-1.64,4.59,4.59,0,0,0-.3-1.67,3.85,3.85,0,0,0-.81-1.34,3.76,3.76,0,0,0-1.26-.88,4.09,4.09,0,0,0-1.61-.32,4,4,0,0,0-1.62.32,3.77,3.77,0,0,0-2.06,2.22,4.59,4.59,0,0,0-.3,1.67,4.39,4.39,0,0,0,.3,1.64,4.1,4.1,0,0,0,.81,1.33,3.71,3.71,0,0,0,1.25.89A4,4,0,0,0,231.08,122.3Z"/>
<path class="cls-10" d="M239.36,116.28a5,5,0,0,1,.44-2.14,4.37,4.37,0,0,1,1.18-1.53,5.2,5.2,0,0,1,1.78-.93,7.37,7.37,0,0,1,2.21-.32,6.57,6.57,0,0,1,2.83.59,4.65,4.65,0,0,1,2,1.73,4.75,4.75,0,0,1,2-1.73,6.41,6.41,0,0,1,2.78-.59,7.8,7.8,0,0,1,2.2.31,4.88,4.88,0,0,1,1.75.92,4.19,4.19,0,0,1,1.18,1.53,4.93,4.93,0,0,1,.43,2.14v8.26h-2.91v-7.27a3.34,3.34,0,0,0-.79-2.51,3,3,0,0,0-2.14-.75,3.05,3.05,0,0,0-2.18.84,3.67,3.67,0,0,0-.88,2.73v7h-2.9v-7a3.67,3.67,0,0,0-.88-2.73,3.05,3.05,0,0,0-2.18-.84,3,3,0,0,0-2.14.76,3.32,3.32,0,0,0-.82,2.53v7.24h-2.91Z"/>
<path class="cls-10" d="M268.37,111.36a7.45,7.45,0,0,1,2.77.51,6.7,6.7,0,0,1,2.23,1.42,6.8,6.8,0,0,1,1.48,7.49,6.46,6.46,0,0,1-1.48,2.14,6.88,6.88,0,0,1-2.23,1.43,7.61,7.61,0,0,1-5.53,0,6.88,6.88,0,0,1-2.23-1.43,6.46,6.46,0,0,1-1.48-2.14,6.55,6.55,0,0,1-.54-2.66,6.61,6.61,0,0,1,2-4.83,6.7,6.7,0,0,1,2.23-1.42A7.44,7.44,0,0,1,268.37,111.36Zm0,10.94A4.06,4.06,0,0,0,270,122a3.65,3.65,0,0,0,1.26-.89,4.3,4.3,0,0,0,.82-1.33,4.59,4.59,0,0,0,.29-1.64,4.8,4.8,0,0,0-.29-1.67,4,4,0,0,0-.82-1.34,3.76,3.76,0,0,0-1.26-.88,4.06,4.06,0,0,0-1.61-.32,4,4,0,0,0-1.61.32,3.72,3.72,0,0,0-1.25.88,4,4,0,0,0-.82,1.34,4.8,4.8,0,0,0-.29,1.67,4.59,4.59,0,0,0,.29,1.64,4.3,4.3,0,0,0,.82,1.33,3.61,3.61,0,0,0,1.25.89A4,4,0,0,0,268.37,122.3Z"/>
<path class="cls-10" d="M276.53,116.28a4.62,4.62,0,0,1,1.44-3.63,5.77,5.77,0,0,1,4-1.29,6.44,6.44,0,0,1,2.61.45,1.44,1.44,0,0,1,1,1.36,1.63,1.63,0,0,1-.24.84,1.39,1.39,0,0,1-.4.51,7.16,7.16,0,0,0-1.07-.38,5.33,5.33,0,0,0-1.45-.18c-2,0-3,1.06-3,3.16v7.4h-2.91Z"/>
<path class="cls-10" d="M285.74,116.28a4.59,4.59,0,0,1,1.44-3.63,5.77,5.77,0,0,1,4-1.29,6.44,6.44,0,0,1,2.61.45,1.45,1.45,0,0,1,1,1.36,1.64,1.64,0,0,1-.25.84,1.52,1.52,0,0,1-.39.51,8.08,8.08,0,0,0-1.07-.38,5.4,5.4,0,0,0-1.46-.18c-2,0-3,1.06-3,3.16v7.4h-2.9Z"/>
<path class="cls-10" d="M301.69,111.36a7.45,7.45,0,0,1,2.77.51,6.7,6.7,0,0,1,2.23,1.42,6.85,6.85,0,0,1,1.48,7.49,6.46,6.46,0,0,1-1.48,2.14,6.88,6.88,0,0,1-2.23,1.43,7.61,7.61,0,0,1-5.53,0,6.88,6.88,0,0,1-2.23-1.43,6.32,6.32,0,0,1-1.48-2.14,6.55,6.55,0,0,1-.54-2.66,6.63,6.63,0,0,1,.54-2.69,6.42,6.42,0,0,1,1.48-2.14,6.7,6.7,0,0,1,2.23-1.42A7.4,7.4,0,0,1,301.69,111.36Zm0,10.94a4.06,4.06,0,0,0,1.61-.32,3.65,3.65,0,0,0,1.26-.89,4.3,4.3,0,0,0,.82-1.33,4.59,4.59,0,0,0,.29-1.64,4.8,4.8,0,0,0-.29-1.67,4,4,0,0,0-.82-1.34,3.76,3.76,0,0,0-1.26-.88,4.24,4.24,0,0,0-3.23,0,3.83,3.83,0,0,0-1.25.88,4,4,0,0,0-.81,1.34,4.58,4.58,0,0,0-.29,1.67,4.39,4.39,0,0,0,.29,1.64,4.28,4.28,0,0,0,.81,1.33,3.71,3.71,0,0,0,1.25.89A4.07,4.07,0,0,0,301.69,122.3Z"/>
<path class="cls-10" d="M313.09,124.52c-.84-2-1.52-3.61-2-5s-1-2.49-1.28-3.38-.53-1.58-.66-2.07a4.45,4.45,0,0,1-.19-1,1.31,1.31,0,0,1,1.45-1.35,3,3,0,0,1,.88.1,2.92,2.92,0,0,1,.42.16c.2.74.43,1.54.69,2.38s.52,1.68.79,2.51.54,1.63.8,2.38.5,1.43.7,2c.19-.53.39-1.13.6-1.81s.44-1.38.66-2.1.46-1.46.68-2.2.42-1.44.61-2.1a2.28,2.28,0,0,1,.58-1,1.68,1.68,0,0,1,1.18-.34,2.91,2.91,0,0,1,.92.14c.27.09.44.16.51.19.22.77.46,1.57.71,2.41s.51,1.67.77,2.49.5,1.59.75,2.34.47,1.41.67,2c.45-1.17.9-2.46,1.37-3.85s.89-2.79,1.29-4.18a2.62,2.62,0,0,1,.6-1.16,1.51,1.51,0,0,1,1.13-.37,2.42,2.42,0,0,1,1.12.23,4.63,4.63,0,0,1,.49.28c-.14.56-.38,1.33-.72,2.32s-.72,2-1.15,3.2-.87,2.32-1.35,3.52-.92,2.28-1.35,3.25h-3c-.13-.36-.31-.88-.54-1.57s-.48-1.44-.76-2.26-.54-1.65-.8-2.51-.5-1.64-.73-2.36l-.72,2.36c-.27.86-.53,1.7-.79,2.51s-.51,1.57-.73,2.26-.4,1.21-.53,1.57Z"/>
<path class="cls-15" d="M195.11,102.66A17.14,17.14,0,0,0,177,98.1,21.19,21.19,0,0,0,164.38,110c-1.91,4.81-.84,9.28,1.42,13.72.18.37.95,1.16.18,1.28-.4.06-.93-.56-1.17-.81a10.4,10.4,0,0,1-1.59-2.36c-3.95-7.73-1.57-17.11,5-22.73,5.64-4.81,14.6-6.47,21.36-3.08a17.28,17.28,0,0,1,5,3.82,14,14,0,0,1,1.88,2.57c.17.31,1.63,2.8.69,2.62-.14,0-.48-.56-.59-.68C196.12,103.75,195.61,103.21,195.11,102.66Zm1.64-11.26a6.51,6.51,0,0,0-1.38,1.74l-.57.93a8.36,8.36,0,0,0-.46.83,2.25,2.25,0,0,0-.29.68c0,.58.93-.35,1.08-.49.38-.34.76-.68,1.13-1a6.75,6.75,0,0,0,1.43-1.68,1.32,1.32,0,0,0,.18-.69.57.57,0,0,0-.4-.55A.86.86,0,0,0,196.75,91.4Zm8,.51a19.78,19.78,0,0,0-3.91,3.1l-1.69,1.63a18.6,18.6,0,0,0-1.39,1.43c-.24.29-.87.86-.92,1.15-.16.94,2.34-.76,2.76-1,1-.62,2-1.25,3.05-1.89a20.24,20.24,0,0,0,4-3,2.29,2.29,0,0,0,.68-1.15.74.74,0,0,0-.78-.79A3.41,3.41,0,0,0,204.75,91.91Zm-18.28-5.09a6.33,6.33,0,0,0-.72,2.09c-.08.36-.16.72-.23,1.07a6.16,6.16,0,0,0-.16.94,2.27,2.27,0,0,0-.05.73c.21.55.76-.63.86-.81l.72-1.34a6.87,6.87,0,0,0,.79-2.07,1.31,1.31,0,0,0-.05-.71.6.6,0,0,0-.57-.39A.89.89,0,0,0,186.47,86.82Zm8.2-3.68A19.19,19.19,0,0,0,192,87.36L191,89.46a17.29,17.29,0,0,0-.84,1.82c-.13.34-.54,1.1-.48,1.39.16.93,2-1.5,2.26-1.88.76-.93,1.51-1.86,2.25-2.8a20.22,20.22,0,0,0,2.79-4.19,2.26,2.26,0,0,0,.26-1.31.75.75,0,0,0-1-.49A3.43,3.43,0,0,0,194.67,83.14ZM174.24,87.9a6.43,6.43,0,0,0,.55,2.15l.4,1a6.74,6.74,0,0,0,.38.87,2.38,2.38,0,0,0,.37.64c.47.34.27-1,.26-1.16,0-.5-.09-1-.14-1.51a6.34,6.34,0,0,0-.48-2.16,1.24,1.24,0,0,0-.44-.57.59.59,0,0,0-.67,0A.87.87,0,0,0,174.24,87.9Zm4.81-7.58a19.66,19.66,0,0,0,.1,5l.28,2.33c.08.67.16,1.35.3,2a4.83,4.83,0,0,0,.36,1.43c.65.68.81-2.33.86-2.82.12-1.19.23-2.39.33-3.58a20.18,20.18,0,0,0,0-5,2.27,2.27,0,0,0-.51-1.24.75.75,0,0,0-1.1.15A3.45,3.45,0,0,0,179.05,80.32ZM162.58,93.24a6.44,6.44,0,0,0,1.2,1.86l.71.84a8.42,8.42,0,0,0,.63.71c.14.12.38.43.55.48.56.17,0-1-.11-1.17-.2-.47-.41-.94-.62-1.4a6.28,6.28,0,0,0-1.14-1.89,1.25,1.25,0,0,0-.59-.4.59.59,0,0,0-.65.21A.88.88,0,0,0,162.58,93.24Zm2.15-8.72a19.47,19.47,0,0,0,1.68,4.7l1,2.12c.29.61.58,1.23.91,1.78.19.32.54,1.1.8,1.24.83.44,0-2.47-.09-2.94-.26-1.17-.54-2.34-.82-3.5a20.39,20.39,0,0,0-1.58-4.77,2.2,2.2,0,0,0-.88-1,.75.75,0,0,0-1,.49A3.49,3.49,0,0,0,164.73,84.52Zm-9.2,18.22a6.59,6.59,0,0,0,2,.93l1,.33a7.4,7.4,0,0,0,.92.26,2.65,2.65,0,0,0,.72.12c.56-.16-.56-.82-.73-.94-.41-.29-.83-.57-1.26-.85a6.52,6.52,0,0,0-2-1,1.26,1.26,0,0,0-.72,0,.61.61,0,0,0-.44.52A.92.92,0,0,0,155.53,102.74Zm-2.83-8.53a18.6,18.6,0,0,0,3.93,3.08l2,1.26c.58.36,1.15.73,1.73,1,.33.16,1,.64,1.33.62,1-.07-1.29-2.1-1.64-2.44l-2.56-2.53A20.83,20.83,0,0,0,153.58,92a2.25,2.25,0,0,0-1.28-.39.75.75,0,0,0-.59.94A3.37,3.37,0,0,0,152.7,94.21Zm.87,20.15a6.28,6.28,0,0,0,2.19-.35l1.05-.31a6.92,6.92,0,0,0,.91-.3,2.22,2.22,0,0,0,.66-.31c.38-.44-.92-.36-1.12-.36-.51,0-1,0-1.52,0a6.25,6.25,0,0,0-2.2.28,1.26,1.26,0,0,0-.6.38.61.61,0,0,0-.07.68A.87.87,0,0,0,153.57,114.36Zm50.31-14.23a6.71,6.71,0,0,0-2,1l-.91.61a8.5,8.5,0,0,0-.77.57c-.13.12-.47.32-.54.49-.22.54,1,.07,1.19,0l1.45-.46a6.67,6.67,0,0,0,2-.94,1.36,1.36,0,0,0,.46-.55.59.59,0,0,0-.14-.66A.87.87,0,0,0,203.88,100.13Zm-56.8,8.54a19.49,19.49,0,0,0,5,.35l2.35-.06c.68,0,1.36,0,2-.12a4.54,4.54,0,0,0,1.45-.24c.74-.58-2.25-1-2.72-1.1q-1.77-.34-3.54-.66a20.09,20.09,0,0,0-5-.47,2.31,2.31,0,0,0-1.28.39.75.75,0,0,0,.05,1.11A3.39,3.39,0,0,0,147.08,108.67Zm3.15,14.24a19.2,19.2,0,0,0,4.36-2.42l1.93-1.33c.56-.39,1.13-.77,1.62-1.19.27-.24,1-.71,1.09-1,.3-.9-2.44.38-2.89.56L153,118.91a20.18,20.18,0,0,0-4.46,2.34,2.26,2.26,0,0,0-.86,1,.76.76,0,0,0,.65.91A3.39,3.39,0,0,0,150.23,122.91Z"/>
</g>
</g>
</g>
</svg>
`
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();
})
}
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();
clearInterval(interval);
}
}, 2000);
}
function checkForm() {
event.preventDefault();
var personalInfo = {
firstName: document.getElementById("firstName").value,
lastName: document.getElementById("lastName").value,
cellPhone: document.getElementById("cellPhone").value,
email: document.getElementById("email").value
}
// PLEASE ADD YOUR PUBLIC ID HERE
var publicId = 'YOUR_PUBLIC_ID';
fetch('https://api.paytomorrow.com/api/public/preapproval/' + 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");
});
}
function toggleStatus() {
var element = document.getElementById("successMessage");
if (element.style.display == 'none') {
element.style.display = 'block';
} else {
element.style.display = 'none';
}
}
function toggleStatusError() {
var element = document.getElementById("errorMessage");
if (element.style.display == 'none') {
element.style.display = 'block';
} else {
element.style.display = 'none';
}
}
</script>

Financing Page with O% offer

Checkout the demo here http://landing-demo.paytomorrow.com/with-zero-percent.html

Prime_Landing.html
<div id="pt-landing-page">
<div id="intro" class="__pt-div __pt-blue-div __pt-main-div">
<div class="__pt-container">
<h2>Financing for all credit types!</h2>
<span ><img style=" max-width: 400px; margin-bottom: 20px; align-content: center;" src="https://www.paytomorrow.com/images/logos/PayTomorrow_Logo_White.svg" alt=""></span>
<h2><strong>Qualified Customers Pay Over Time with 0% APR offers*</strong></h2>
<p style="margin-bottom: 70px; font-size: 19px">
<strong>We provide easy and affordable financing through our partner
PayTomorrow, so you can buy today and <span class="__pt-brand-accent">Pay</span>Tomorrow!
</strong>
</p>
<button class="__pt-ppe-button">Discover your purchase power!</button>
</div>
</div>
<div id="summary" class="__pt-div">
<div class="__pt-container">
<h2>Why use <span class="__pt-landing-logo"><img style="max-width: 100%; margin-top: -70px" src="https://www.paytomorrow.com/images/logos/PayTomorrow_500px.png" alt=""></span>?
</h2>
<div class="__pt-row">
<div class="__pt-col-4">
<img src="https://www.paytomorrow.com/images/landing_page/low-cost-2.png" alt="">
<h3>Won't affect your credit</h3>
<p>PayTomorrow's soft pull credit check will not affect your credit score to apply.</p>
</div>
<div class="__pt-col-4">
<img src="https://www.paytomorrow.com/images/landing_page/fair.png" alt="">
<h3>Affordable monthly payments</h3>
<p>PayTomorrow offers flexible financing options with fair and transparent pricing.</p>
</div>
<div class="__pt-col-4">
<img src="https://www.paytomorrow.com/images/landing_page/dynamic-icon.png" alt="">
<h3>Instant evaluations</h3>
<p>PayTomorrow instantly evaluates your credit profile and presents you with a customized offer.</p>
</div>
</div>
<h2>Check your rate now without leaving our site!</h2>
<button class="__pt-ppe-button">Get your rate now!</button>
</div>
</div>
<div id="graph" class="__pt-div __pt-blue-div">
<div class="__pt-container">
<h2>Full Credit Spectrum Financing</h2>
<div id="pt-graph" class="__pt-graph-container">
</div>
</div>
</div>
<div id="contact" class="__pt-div">
<div class="__pt-container">
<div class="__pt-question-mark"></div>
<h3>
Questions? Check out PayTomorrow’s <button class="__pt-ppe-button_faq" style="margin-bottom: 4px; padding: 0px; font-size: 20px; background-color: white; font-weight:bold;"> <a href="#"> FAQs </a></button> <br>
or contact our US-based customer service team at <br>
<a href="mailto:customerservice@paytomorrow.com">customerservice@paytomorrow.com</a> or call <a
href="tel:866-418-5857">866-418-5857</a>
</h3>
</div>
</div>
</div>
<script>
var googleFonts = document.createElement('link');
googleFonts.setAttribute('rel', 'stylesheet');
googleFonts.setAttribute('href', 'https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
document.getElementsByTagName('head')[0].appendChild(googleFonts);
var styles = document.createElement('style');
styles.innerHTML = '#pt-landing-page { -webkit-text-size-adjust: 100%; /* 2 */ margin: 0; display: block; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; background-color: #fff; color: #333; -webkit-box-sizing: border-box; box-sizing: border-box;}#pt-landing-page * { -webkit-box-sizing: border-box; box-sizing: border-box;}#pt-landing-page h1 { font-size: 2em; margin-bottom: 55px;}#pt-landing-page h2 { font-size: 2.85714286em; line-height: 1.41; letter-spacing: -.6px; text-align: center; color: #152456;}#pt-landing-page h3 { font-size: 1.5142857143em; line-height: 1.7; letter-spacing: -.6px; text-align: center; color: #152456;}@media (min-width: 576px) { #pt-landing-page h3 { font-size: 1.7142857143em; }}#pt-landing-page p { font-size: 1.28571429em; line-height: 1.8; color: #58595b; text-align: center;}#pt-landing-page hr { -webkit-box-sizing: content-box; box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */}#pt-landing-page a { background-color: transparent; color: #f7b727;}#pt-landing-page b,#pt-landing-page strong { font-weight: bolder;}#pt-landing-page small { font-size: 80%;}#pt-landing-page img { border-style: none;}#pt-landing-page button { font-family: inherit; margin: 0; overflow: visible; text-transform: none; text-align: center; background-color: #f7b727; color: white; border: none; display: inline-block; font-weight: 400; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 0.5rem 1.75rem; font-size: 1.7142857143em; line-height: 1.5; border-radius: 20px; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;}#pt-landing-page button,#pt-landing-page [type="button"],#pt-landing-page [type="reset"],#pt-landing-page [type="submit"] { -webkit-appearance: button;}#pt-landing-page button::-moz-focus-inner,#pt-landing-page [type="button"]::-moz-focus-inner,#pt-landing-page [type="reset"]::-moz-focus-inner,#pt-landing-page [type="submit"]::-moz-focus-inner { border-style: none; padding: 0;}#pt-landing-page button:-moz-focusring,#pt-landing-page [type="button"]:-moz-focusring,#pt-landing-page [type="reset"]:-moz-focusring,#pt-landing-page [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText;}#pt-landing-page [hidden] { display: none;}.__pt-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; text-align: center;}@media (min-width: 576px) { .__pt-container { max-width: 540px; }}@media (min-width: 768px) { .__pt-container { max-width: 720px; }}@media (min-width: 992px) { .__pt-container { max-width: 960px; }}@media (min-width: 1200px) { .__pt-container { max-width: 1140px; }}.__pt-row { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}.__pt-col-4 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%;}@media (min-width: 768px) { .__pt-col-4 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; }}.__pt-div { padding: 70px 0; background-color: #fff;}.__pt-blue-div { background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0e4e78), color-stop(51%, #0d456b), color-stop(75%, #0b3c5d)); background: -o-linear-gradient(top, #0e4e78 0, #0d456b 51%, #0b3c5d 75%); background: linear-gradient(180deg, #0e4e78 0, #0d456b 51%, #0b3c5d 75%); color: #fff;}.__pt-blue-div h2, .__pt-blue-div h3, .__pt-blue-div p { color: #fff !important;}.__pt-blue-div > .pt-phone-number-button { background-color: #fff; color: #0b3c5d;}.__pt-blue-div > .pt-phone-number-button:hover, .__pt-blue-div > .pt-phone-number-button:focus, .__pt-blue-div > .pt-phone-number-button:active { background-color: #f7b727;}.__pt-blue-div > .pt-div-title { color: #fff;}.__pt-main-div { padding: 115px 0;}.__pt-brand-accent { color: #F7B727;}.__pt-landing-logo { display: inline-block; position: relative; bottom: -15px; width: 300px;}.__pt-question-mark { width: 90px; height: 90px; background-color: #f7b727; color: white; position: relative; margin: 0 auto 30px auto; border-radius: 50%;}.__pt-question-mark::after { content: "?"; font-size: 65px; font-weight: 900; line-height: 1; color: white; position: absolute; top: 10px; left: 30px;}';
document.getElementsByTagName('head')[0].appendChild(styles);
var ptGraph = document.getElementById("pt-graph");
ptGraph.innerHTML = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 487.62 195.21">
<defs>
<style>.cls-horizontal-line { fill: none; stroke: #bcbec0; stroke-miterlimit: 10; stroke-width: 1px; } .cls-arrow { fill: #f7b728 } .cls-title-rect { fill: transparent; } .cls-title { fill: white; } .cls-1 { isolation: isolate; } .cls-2, .cls-3 { fill: none; stroke: #bcbec0; stroke-miterlimit: 10; stroke-width: 1.3px; } .cls-3 { stroke-dasharray: 2.61 2.61; } .cls-13, .cls-4 { mix-blend-mode: multiply; } .cls-5 { font-size: 10px; fill: #ffffff; font-family: OpenSans, Open Sans; } .cls-6 { fill: #bcbec0; } .cls-7 { fill: #e6e7e8; } .cls-8 { fill: #d1d3d4; } .cls-9 { font-size: 7px; font-family: OpenSans, Open Sans; letter-spacing: 0.15em; } .cls-11, .cls-9 { fill: #231f20; } .cls-10, .cls-15 { fill: #fff; } .cls-title, .cls-11 { font-size: 9px; font-family: OpenSans-Bold, Open Sans; font-weight: 700; letter-spacing: 0.15em; } .cls-12, .cls-15 { opacity: 0.8; } .cls-13 { opacity: 0.75; } .cls-14 { fill: url(#New_Gradient_Swatch_2); }</style>
<radialGradient id="New_Gradient_Swatch_2" cx="239.77" cy="105.99" r="165.61" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#ffca05"/>
<stop offset="0.34" stop-color="#fec707"/>
<stop offset="0.62" stop-color="#fdbc0c"/>
<stop offset="0.88" stop-color="#faab15"/>
<stop offset="1" stop-color="#f8a01b"/>
</radialGradient>
</defs>
<title>PayTomorrowFullSpectrumGraphic-01</title>
<g class="cls-1">
<g id="Layer_1" data-name="Layer 1">
<line class="cls-3" x1="468.97" y1="37.21" x2="468.97" y2="170"/>
<line class="cls-3" x1="10.97" y1="37.54" x2="10.97" y2="170"/>
<line class="cls-3" x1="164.02" y1="37.21" x2="164.02" y2="170"/>
<line class="cls-3" x1="316.27" y1="37.21" x2="316.27" y2="170"/>
<line class="cls-horizontal-line" x1="10.97" y1="170" x2="468.97" y2="170"/>
<text class="cls-5" transform="translate(55.56 186.83)">PRIME - 850</text>
<text class="cls-5" transform="translate(196.18 186.83)">NEAR PRIME - 680</text>
<text class="cls-5" transform="translate(353.85 186.83)">SUB-PRIME - 500</text>
<rect class="cls-title-rect" x="150.02" y="53.31" width="181.5" height="21.91"/>
<text class="cls-title" transform="translate(195.38 65.39)">FULL SPECTRUM</text>
<polygon class="cls-arrow" points="469.03 106.13 434.04 58.22 434.04 70.42 10.52 70.41 10.52 141.89 434.04 141.83 434.04 154.03 469.03 106.13"/>
<text class="cls-title" transform="translate(198.38 135.39)">1 APPLICATION</text>
<g id="logo" transform="translate(0 -5)">
<path class="cls-10" d="M173,108.69a1.47,1.47,0,0,1,.41-1.18,2.19,2.19,0,0,1,1-.48c.27,0,.77-.11,1.48-.17s1.73-.09,3.06-.09q4.08,0,6.07,1.61a5.23,5.23,0,0,1,2,4.28,6.44,6.44,0,0,1-.42,2.34,4.63,4.63,0,0,1-1.34,1.87,6.5,6.5,0,0,1-2.39,1.24,12.92,12.92,0,0,1-3.6.44c-.35,0-.71,0-1.08,0l-1-.07-.79-.09a2.61,2.61,0,0,0-.4,0v6.22h-3Zm3,7,1,.14a14.8,14.8,0,0,0,2.09.12,9.19,9.19,0,0,0,2.35-.26,4.06,4.06,0,0,0,1.49-.71,2.61,2.61,0,0,0,.77-1.06,3.44,3.44,0,0,0,.23-1.29,3.69,3.69,0,0,0-.2-1.23,2.36,2.36,0,0,0-.76-1.06,4.31,4.31,0,0,0-1.55-.74,9.2,9.2,0,0,0-2.51-.28c-.81,0-1.47,0-2,.05a7.2,7.2,0,0,0-.94.1Z"/>
<path class="cls-10" d="M199.19,124.47l-.8.11-1.29.13c-.49,0-1,.08-1.66.11s-1.25.05-1.91.05a12.63,12.63,0,0,1-3.25-.34,5.67,5.67,0,0,1-2-.92,3,3,0,0,1-1-1.32,4.56,4.56,0,0,1-.27-1.55,4.94,4.94,0,0,1,.32-1.83,3.05,3.05,0,0,1,1-1.33,5.29,5.29,0,0,1,1.9-.8,13,13,0,0,1,2.86-.27c.64,0,1.26,0,1.83.07l1.3.11a3.25,3.25,0,0,0-.29-1.48,2.39,2.39,0,0,0-.8-.92,3.21,3.21,0,0,0-1.23-.45,8.49,8.49,0,0,0-1.58-.13,6.78,6.78,0,0,0-2.33.33,4.75,4.75,0,0,0-1.16.56,3.39,3.39,0,0,1-.42-.48,1.41,1.41,0,0,1-.27-.87,1.5,1.5,0,0,1,.19-.7,1.71,1.71,0,0,1,.68-.61,4.22,4.22,0,0,1,1.3-.42,10.68,10.68,0,0,1,2.06-.16,11.56,11.56,0,0,1,2.74.3,5.75,5.75,0,0,1,2.13.93,4.17,4.17,0,0,1,1.39,1.68,5.87,5.87,0,0,1,.5,2.52Zm-2.88-5.66c-.17,0-.49-.09-1-.16a17.42,17.42,0,0,0-2.1-.1,4.74,4.74,0,0,0-2.52.52,1.83,1.83,0,0,0-.79,1.65,2.13,2.13,0,0,0,.16.84,1.52,1.52,0,0,0,.57.65,3.4,3.4,0,0,0,1.11.41,9.44,9.44,0,0,0,1.75.14,15.1,15.1,0,0,0,1.86-.09c.46-.06.77-.11.92-.14Z"/>
<path class="cls-10" d="M201,113.07a1.24,1.24,0,0,1,.41-1,1.74,1.74,0,0,1,1.12-.33,3.37,3.37,0,0,1,.86.11l.52.17v6.81a3.45,3.45,0,0,0,.8,2.39,3.19,3.19,0,0,0,2.49.9,3.32,3.32,0,0,0,2.45-.91,3.65,3.65,0,0,0,.89-2.66v-5.46a1.21,1.21,0,0,1,.41-1,1.72,1.72,0,0,1,1.12-.33,3.3,3.3,0,0,1,.85.11l.52.17v11.17a8.68,8.68,0,0,1-.48,3.07,5.35,5.35,0,0,1-1.38,2.08,5.45,5.45,0,0,1-2.14,1.18,9.64,9.64,0,0,1-2.78.37,16,16,0,0,1-1.91-.11c-.58-.08-1.09-.17-1.54-.27s-.82-.2-1.11-.29l-.61-.22c.13-.36.26-.72.38-1.08l.36-1.09.56.21c.25.08.56.16.92.24s.76.14,1.21.19a13,13,0,0,0,1.44.08,6.94,6.94,0,0,0,1.78-.22,3.16,3.16,0,0,0,1.34-.75,3.49,3.49,0,0,0,.84-1.42,6.9,6.9,0,0,0,.29-2.2,3.43,3.43,0,0,1-1.59,1.18,6.15,6.15,0,0,1-2.38.45,7.2,7.2,0,0,1-2.27-.35,5.18,5.18,0,0,1-1.79-1,4.48,4.48,0,0,1-1.16-1.62,5.49,5.49,0,0,1-.42-2.22Z"/>
<path class="cls-10" d="M215.58,109.45a1.24,1.24,0,0,1,.41-1,1.78,1.78,0,0,1,1.12-.32,3.24,3.24,0,0,1,.85.11l.53.17v3.34h3.69a1.66,1.66,0,0,1,1.19.34,1.37,1.37,0,0,1,.34,1,2.53,2.53,0,0,1-.12.8c-.09.25-.16.42-.21.53h-4.89v5.68a2.85,2.85,0,0,0,.18,1.09,1.6,1.6,0,0,0,.49.67,1.89,1.89,0,0,0,.74.36,3.65,3.65,0,0,0,.88.1,4.16,4.16,0,0,0,1.38-.23,4.24,4.24,0,0,0,.92-.43l1.17,1.93c-.14.11-.33.23-.58.39a5.44,5.44,0,0,1-.9.43,7.42,7.42,0,0,1-1.2.34,6.61,6.61,0,0,1-1.45.14,4.53,4.53,0,0,1-3.39-1.16,4.1,4.1,0,0,1-1.15-3Z"/>
<path class="cls-10" d="M231.08,111.36a7.45,7.45,0,0,1,2.77.51,6.8,6.8,0,0,1,2.23,1.42,6.56,6.56,0,0,1,1.48,2.14,6.8,6.8,0,0,1,.53,2.69,6.72,6.72,0,0,1-.53,2.66,6.46,6.46,0,0,1-1.48,2.14,7,7,0,0,1-2.23,1.43,7.64,7.64,0,0,1-5.54,0,7,7,0,0,1-2.23-1.43,6.46,6.46,0,0,1-1.48-2.14,6.72,6.72,0,0,1-.53-2.66,6.8,6.8,0,0,1,.53-2.69,6.56,6.56,0,0,1,1.48-2.14,6.8,6.8,0,0,1,2.23-1.42A7.45,7.45,0,0,1,231.08,111.36Zm0,10.94a4.09,4.09,0,0,0,1.61-.32,3.65,3.65,0,0,0,1.26-.89,4.1,4.1,0,0,0,.81-1.33,4.39,4.39,0,0,0,.3-1.64,4.59,4.59,0,0,0-.3-1.67,3.85,3.85,0,0,0-.81-1.34,3.76,3.76,0,0,0-1.26-.88,4.09,4.09,0,0,0-1.61-.32,4,4,0,0,0-1.62.32,3.77,3.77,0,0,0-2.06,2.22,4.59,4.59,0,0,0-.3,1.67,4.39,4.39,0,0,0,.3,1.64,4.1,4.1,0,0,0,.81,1.33,3.71,3.71,0,0,0,1.25.89A4,4,0,0,0,231.08,122.3Z"/>
<path class="cls-10" d="M239.36,116.28a5,5,0,0,1,.44-2.14,4.37,4.37,0,0,1,1.18-1.53,5.2,5.2,0,0,1,1.78-.93,7.37,7.37,0,0,1,2.21-.32,6.57,6.57,0,0,1,2.83.59,4.65,4.65,0,0,1,2,1.73,4.75,4.75,0,0,1,2-1.73,6.41,6.41,0,0,1,2.78-.59,7.8,7.8,0,0,1,2.2.31,4.88,4.88,0,0,1,1.75.92,4.19,4.19,0,0,1,1.18,1.53,4.93,4.93,0,0,1,.43,2.14v8.26h-2.91v-7.27a3.34,3.34,0,0,0-.79-2.51,3,3,0,0,0-2.14-.75,3.05,3.05,0,0,0-2.18.84,3.67,3.67,0,0,0-.88,2.73v7h-2.9v-7a3.67,3.67,0,0,0-.88-2.73,3.05,3.05,0,0,0-2.18-.84,3,3,0,0,0-2.14.76,3.32,3.32,0,0,0-.82,2.53v7.24h-2.91Z"/>
<path class="cls-10" d="M268.37,111.36a7.45,7.45,0,0,1,2.77.51,6.7,6.7,0,0,1,2.23,1.42,6.8,6.8,0,0,1,1.48,7.49,6.46,6.46,0,0,1-1.48,2.14,6.88,6.88,0,0,1-2.23,1.43,7.61,7.61,0,0,1-5.53,0,6.88,6.88,0,0,1-2.23-1.43,6.46,6.46,0,0,1-1.48-2.14,6.55,6.55,0,0,1-.54-2.66,6.61,6.61,0,0,1,2-4.83,6.7,6.7,0,0,1,2.23-1.42A7.44,7.44,0,0,1,268.37,111.36Zm0,10.94A4.06,4.06,0,0,0,270,122a3.65,3.65,0,0,0,1.26-.89,4.3,4.3,0,0,0,.82-1.33,4.59,4.59,0,0,0,.29-1.64,4.8,4.8,0,0,0-.29-1.67,4,4,0,0,0-.82-1.34,3.76,3.76,0,0,0-1.26-.88,4.06,4.06,0,0,0-1.61-.32,4,4,0,0,0-1.61.32,3.72,3.72,0,0,0-1.25.88,4,4,0,0,0-.82,1.34,4.8,4.8,0,0,0-.29,1.67,4.59,4.59,0,0,0,.29,1.64,4.3,4.3,0,0,0,.82,1.33,3.61,3.61,0,0,0,1.25.89A4,4,0,0,0,268.37,122.3Z"/>
<path class="cls-10" d="M276.53,116.28a4.62,4.62,0,0,1,1.44-3.63,5.77,5.77,0,0,1,4-1.29,6.44,6.44,0,0,1,2.61.45,1.44,1.44,0,0,1,1,1.36,1.63,1.63,0,0,1-.24.84,1.39,1.39,0,0,1-.4.51,7.16,7.16,0,0,0-1.07-.38,5.33,5.33,0,0,0-1.45-.18c-2,0-3,1.06-3,3.16v7.4h-2.91Z"/>
<path class="cls-10" d="M285.74,116.28a4.59,4.59,0,0,1,1.44-3.63,5.77,5.77,0,0,1,4-1.29,6.44,6.44,0,0,1,2.61.45,1.45,1.45,0,0,1,1,1.36,1.64,1.64,0,0,1-.25.84,1.52,1.52,0,0,1-.39.51,8.08,8.08,0,0,0-1.07-.38,5.4,5.4,0,0,0-1.46-.18c-2,0-3,1.06-3,3.16v7.4h-2.9Z"/>
<path class="cls-10" d="M301.69,111.36a7.45,7.45,0,0,1,2.77.51,6.7,6.7,0,0,1,2.23,1.42,6.85,6.85,0,0,1,1.48,7.49,6.46,6.46,0,0,1-1.48,2.14,6.88,6.88,0,0,1-2.23,1.43,7.61,7.61,0,0,1-5.53,0,6.88,6.88,0,0,1-2.23-1.43,6.32,6.32,0,0,1-1.48-2.14,6.55,6.55,0,0,1-.54-2.66,6.63,6.63,0,0,1,.54-2.69,6.42,6.42,0,0,1,1.48-2.14,6.7,6.7,0,0,1,2.23-1.42A7.4,7.4,0,0,1,301.69,111.36Zm0,10.94a4.06,4.06,0,0,0,1.61-.32,3.65,3.65,0,0,0,1.26-.89,4.3,4.3,0,0,0,.82-1.33,4.59,4.59,0,0,0,.29-1.64,4.8,4.8,0,0,0-.29-1.67,4,4,0,0,0-.82-1.34,3.76,3.76,0,0,0-1.26-.88,4.24,4.24,0,0,0-3.23,0,3.83,3.83,0,0,0-1.25.88,4,4,0,0,0-.81,1.34,4.58,4.58,0,0,0-.29,1.67,4.39,4.39,0,0,0,.29,1.64,4.28,4.28,0,0,0,.81,1.33,3.71,3.71,0,0,0,1.25.89A4.07,4.07,0,0,0,301.69,122.3Z"/>
<path class="cls-10" d="M313.09,124.52c-.84-2-1.52-3.61-2-5s-1-2.49-1.28-3.38-.53-1.58-.66-2.07a4.45,4.45,0,0,1-.19-1,1.31,1.31,0,0,1,1.45-1.35,3,3,0,0,1,.88.1,2.92,2.92,0,0,1,.42.16c.2.74.43,1.54.69,2.38s.52,1.68.79,2.51.54,1.63.8,2.38.5,1.43.7,2c.19-.53.39-1.13.6-1.81s.44-1.38.66-2.1.46-1.46.68-2.2.42-1.44.61-2.1a2.28,2.28,0,0,1,.58-1,1.68,1.68,0,0,1,1.18-.34,2.91,2.91,0,0,1,.92.14c.27.09.44.16.51.19.22.77.46,1.57.71,2.41s.51,1.67.77,2.49.5,1.59.75,2.34.47,1.41.67,2c.45-1.17.9-2.46,1.37-3.85s.89-2.79,1.29-4.18a2.62,2.62,0,0,1,.6-1.16,1.51,1.51,0,0,1,1.13-.37,2.42,2.42,0,0,1,1.12.23,4.63,4.63,0,0,1,.49.28c-.14.56-.38,1.33-.72,2.32s-.72,2-1.15,3.2-.87,2.32-1.35,3.52-.92,2.28-1.35,3.25h-3c-.13-.36-.31-.88-.54-1.57s-.48-1.44-.76-2.26-.54-1.65-.8-2.51-.5-1.64-.73-2.36l-.72,2.36c-.27.86-.53,1.7-.79,2.51s-.51,1.57-.73,2.26-.4,1.21-.53,1.57Z"/>
<path class="cls-15" d="M195.11,102.66A17.14,17.14,0,0,0,177,98.1,21.19,21.19,0,0,0,164.38,110c-1.91,4.81-.84,9.28,1.42,13.72.18.37.95,1.16.18,1.28-.4.06-.93-.56-1.17-.81a10.4,10.4,0,0,1-1.59-2.36c-3.95-7.73-1.57-17.11,5-22.73,5.64-4.81,14.6-6.47,21.36-3.08a17.28,17.28,0,0,1,5,3.82,14,14,0,0,1,1.88,2.57c.17.31,1.63,2.8.69,2.62-.14,0-.48-.56-.59-.68C196.12,103.75,195.61,103.21,195.11,102.66Zm1.64-11.26a6.51,6.51,0,0,0-1.38,1.74l-.57.93a8.36,8.36,0,0,0-.46.83,2.25,2.25,0,0,0-.29.68c0,.58.93-.35,1.08-.49.38-.34.76-.68,1.13-1a6.75,6.75,0,0,0,1.43-1.68,1.32,1.32,0,0,0,.18-.69.57.57,0,0,0-.4-.55A.86.86,0,0,0,196.75,91.4Zm8,.51a19.78,19.78,0,0,0-3.91,3.1l-1.69,1.63a18.6,18.6,0,0,0-1.39,1.43c-.24.29-.87.86-.92,1.15-.16.94,2.34-.76,2.76-1,1-.62,2-1.25,3.05-1.89a20.24,20.24,0,0,0,4-3,2.29,2.29,0,0,0,.68-1.15.74.74,0,0,0-.78-.79A3.41,3.41,0,0,0,204.75,91.91Zm-18.28-5.09a6.33,6.33,0,0,0-.72,2.09c-.08.36-.16.72-.23,1.07a6.16,6.16,0,0,0-.16.94,2.27,2.27,0,0,0-.05.73c.21.55.76-.63.86-.81l.72-1.34a6.87,6.87,0,0,0,.79-2.07,1.31,1.31,0,0,0-.05-.71.6.6,0,0,0-.57-.39A.89.89,0,0,0,186.47,86.82Zm8.2-3.68A19.19,19.19,0,0,0,192,87.36L191,89.46a17.29,17.29,0,0,0-.84,1.82c-.13.34-.54,1.1-.48,1.39.16.93,2-1.5,2.26-1.88.76-.93,1.51-1.86,2.25-2.8a20.22,20.22,0,0,0,2.79-4.19,2.26,2.26,0,0,0,.26-1.31.75.75,0,0,0-1-.49A3.43,3.43,0,0,0,194.67,83.14ZM174.24,87.9a6.43,6.43,0,0,0,.55,2.15l.4,1a6.74,6.74,0,0,0,.38.87,2.38,2.38,0,0,0,.37.64c.47.34.27-1,.26-1.16,0-.5-.09-1-.14-1.51a6.34,6.34,0,0,0-.48-2.16,1.24,1.24,0,0,0-.44-.57.59.59,0,0,0-.67,0A.87.87,0,0,0,174.24,87.9Zm4.81-7.58a19.66,19.66,0,0,0,.1,5l.28,2.33c.08.67.16,1.35.3,2a4.83,4.83,0,0,0,.36,1.43c.65.68.81-2.33.86-2.82.12-1.19.23-2.39.33-3.58a20.18,20.18,0,0,0,0-5,2.27,2.27,0,0,0-.51-1.24.75.75,0,0,0-1.1.15A3.45,3.45,0,0,0,179.05,80.32ZM162.58,93.24a6.44,6.44,0,0,0,1.2,1.86l.71.84a8.42,8.42,0,0,0,.63.71c.14.12.38.43.55.48.56.17,0-1-.11-1.17-.2-.47-.41-.94-.62-1.4a6.28,6.28,0,0,0-1.14-1.89,1.25,1.25,0,0,0-.59-.4.59.59,0,0,0-.65.21A.88.88,0,0,0,162.58,93.24Zm2.15-8.72a19.47,19.47,0,0,0,1.68,4.7l1,2.12c.29.61.58,1.23.91,1.78.19.32.54,1.1.8,1.24.83.44,0-2.47-.09-2.94-.26-1.17-.54-2.34-.82-3.5a20.39,20.39,0,0,0-1.58-4.77,2.2,2.2,0,0,0-.88-1,.75.75,0,0,0-1,.49A3.49,3.49,0,0,0,164.73,84.52Zm-9.2,18.22a6.59,6.59,0,0,0,2,.93l1,.33a7.4,7.4,0,0,0,.92.26,2.65,2.65,0,0,0,.72.12c.56-.16-.56-.82-.73-.94-.41-.29-.83-.57-1.26-.85a6.52,6.52,0,0,0-2-1,1.26,1.26,0,0,0-.72,0,.61.61,0,0,0-.44.52A.92.92,0,0,0,155.53,102.74Zm-2.83-8.53a18.6,18.6,0,0,0,3.93,3.08l2,1.26c.58.36,1.15.73,1.73,1,.33.16,1,.64,1.33.62,1-.07-1.29-2.1-1.64-2.44l-2.56-2.53A20.83,20.83,0,0,0,153.58,92a2.25,2.25,0,0,0-1.28-.39.75.75,0,0,0-.59.94A3.37,3.37,0,0,0,152.7,94.21Zm.87,20.15a6.28,6.28,0,0,0,2.19-.35l1.05-.31a6.92,6.92,0,0,0,.91-.3,2.22,2.22,0,0,0,.66-.31c.38-.44-.92-.36-1.12-.36-.51,0-1,0-1.52,0a6.25,6.25,0,0,0-2.2.28,1.26,1.26,0,0,0-.6.38.61.61,0,0,0-.07.68A.87.87,0,0,0,153.57,114.36Zm50.31-14.23a6.71,6.71,0,0,0-2,1l-.91.61a8.5,8.5,0,0,0-.77.57c-.13.12-.47.32-.54.49-.22.54,1,.07,1.19,0l1.45-.46a6.67,6.67,0,0,0,2-.94,1.36,1.36,0,0,0,.46-.55.59.59,0,0,0-.14-.66A.87.87,0,0,0,203.88,100.13Zm-56.8,8.54a19.49,19.49,0,0,0,5,.35l2.35-.06c.68,0,1.36,0,2-.12a4.54,4.54,0,0,0,1.45-.24c.74-.58-2.25-1-2.72-1.1q-1.77-.34-3.54-.66a20.09,20.09,0,0,0-5-.47,2.31,2.31,0,0,0-1.28.39.75.75,0,0,0,.05,1.11A3.39,3.39,0,0,0,147.08,108.67Zm3.15,14.24a19.2,19.2,0,0,0,4.36-2.42l1.93-1.33c.56-.39,1.13-.77,1.62-1.19.27-.24,1-.71,1.09-1,.3-.9-2.44.38-2.89.56L153,118.91a20.18,20.18,0,0,0-4.46,2.34,2.26,2.26,0,0,0-.86,1,.76.76,0,0,0,.65.91A3.39,3.39,0,0,0,150.23,122.91Z"/>
</g>
</g>
</g>
</svg>`;
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();
clearInterval(interval);
}
}, 2000);
}
</script>