<iframe></noscript> <!-- End Google Tag Manager (noscript) --> <main class="main merchant-specific"> <!-- start header section --> <header class="header"> <nav class="navbar navbar-expand-lg navbar-light bg-white px-md-5"> <a class="navbar-brand" href="index.html"><img class="logo" src="svgs/logo-snapscan.svg" alt="Snapscan Logo"><img class="logo white" src="svgs/logo-snapscan-white.svg" alt="Snapscan Logo"></a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav ml-auto"> <li class="nav-item active"> <a class="nav-link" href="merchant.html" title="Merchant">Merchant<span class="sr-only">(current)</span></a> </li> <li class="nav-item"> <a class="nav-link" href="user.html" title="User">User</a> </li> <li class="nav-item"> <a class="nav-link" href="about.html" title="About">About</a> </li> <li class="nav-item"> <a class="nav-link" href="support.html" title="Support">Support</a> </li> <li class="nav-item"> <a class="btn small" href="https://merchant.getsnapscan.com/users/sign_in" title="Sign in">Sign in</a> </li> </ul> <div class="download-play mobi col-sm-12"> <span>Download to pay!</span> <a href="https://itunes.apple.com/za/app/snapscan/id594791461" target="_blank"><img src="svgs/icn-mobile-apple.svg" alt="Snapscan on App Store"></a> <a href="https://play.google.com/store/apps/details?id=com.fireid.snapscan" target="_blank"><img src="svgs/icn-mobile-play.svg" alt="Get Snapscan on Google Play store"></a> </div> <a href="#" class="btn btn-primary small" data-toggle="modal" data-target="#signupModal">Sign up</a> <a class="btn small mobi" href="https://merchant.getsnapscan.com/users/sign_in">Sign in</a> </div> </nav> </header> <!-- //end header section --> <!-- start hero section --> <section class="hero-section merchant-hero"> <div class="hero-bg" style="background-image: url(svgs/snapscan-web-merch-all.svg);"> <img class="shape media retina" src="svgs/curve-desktop-1440.svg" alt=""> </div> <div class="container my-custom-container"> <form method="get" action="https://merchant.getsnapscan.com/users/sign_up"> <div class="row no-gutters"> <div class="col-md-6 col-sm-12 hero-heading"> <h1>SnapScan works<br> for your Business</h1> <div class="form-group"> <select class="form-control styled-select" onchange="this.options[this.selectedIndex].value && (window.location = this.options[this.selectedIndex].value);"> <option selected disabled hidden>Select business type</option> <option value="merchant-retail.html">Retail Store</option> <option value="merchant-market.html">Market Vendor</option> <option value="merchant-restaurant.html">Restaurant</option> <option value="merchant-ecommerce.html">Ecommerce Store</option> <option value="merchant-service.html">Service Business</option> <option value="merchant-npo.html">Non Profit Organisation</option> <option value="merchant-religious.html">Religious Organisation</option> <option value="merchant-educational.html">Educational Institution</option> <option value="merchant-medical.html">Medical Practice</option> <option value="merchant-club.html">Club</option> <option value="merchant-other.html">Other</option> </select> </div> </div> <div class="col-md-5 col-lg-4 col-sm-12 offset-md-1 offset-lg-2"> <div class="signup-form-wrap"> <h4>Sign up for a better way to get paid</h4> <p>There's a once-off admin fee of R250 per store.</p> <input type="hidden" name="from" value="snapscan_site"> <div class="form-group"> <input type="text" class="form-control" name="name" id="fname" placeholder="Name"> </div> <div class="form-group"> <input type="email" class="form-control" name="email" id="femail" placeholder="Email Address"> </div> <div class="form-group"> <input type="tel" class="form-control" name="contact_number" id="fcontact" placeholder="Contact Number"> </div> <button class="btn btn-primary" type="submit">Sign up your Business</button> <p class="small-text text-center">By submitting this form I agree to SnapScan’s <a href="downloads/SnapScan_Merchant_Terms_Conditions_2019.pdf" class="action-blue-color" target="_blank">Terms</a>.</p> </div> </div> </div> </form> </div> </section> <!-- //end hero section --> <!-- start promo section --> <section class="promo-section"> <div class="container my-custom-container"> <div class="row no-gutters"> <div class="col-md-5 col-12 align-self-center content offset-md-1"> <h3>How SnapScan works for your business</h3> <p>Whether you do business in a store, online, at markets or any other premises, we’ve got the perfect SnapScan payment solution for you. Our solutions can help add SnapScan to a variety of point-of-sale, ecommerce and invoicing systems for simple payments. SnapScan is the smart, simple and safe way to get paid in a snap.</p> </div> <div class="col-md-6 col-12 pl-md-5 align-self-center thumbnail text-right content-thumb"> <a href="https://vimeo.com/325460684" data-fancybox data-ratio="2" class="fancybox-video"> <div class="play-btn"> <img src="svgs/img-play-noshadow.svg" alt="play button" /> </div> <div id="mer-vid"></div> <!-- <img src="svgs/img-mer-vid.svg" alt=""> --> </a> </div> </div> </div> </section> <!-- //end promo section --> <!-- start get started section --> <section class="get-started"> <div class="container"> <div class="row title-wrap"> <div class="col-12 text-center"> <h2>Get Started</h2> <p class="lead-text">Follow these 4 easy steps and you’re good to go!</p> </div> </div> </div> <div class="get-started-content-wrap blue-bg"> <div class="shape-wrap bg-white top-shape"> <img src="svgs/curve-desktop-1440-right-grey.svg" alt="Grey Curve"> </div> <div class="container my-custom-container"> <div class="row no-gutters"> <div class="col-12 col-md-6 d-md-flex"> <!-- align-self-md-center --> <div class="content-thumb "> <div id="mer-lan-get"></div> <!-- <img src="svgs/img-mer-lan-get.svg" alt=""> --> </div> </div> <div class="col-12 col-md-6"> <div class="get-started-step merch-spec-steps"> <ul class="step-wrap"> <li> <div class="border-dash"> </div> <div class="step-icon"> <img src="svgs/icn-big-step-1.svg" alt="Step 1"> </div> <div class="content"> <h6>Sign up</h6> <p>Create an account and tell us about your business</p> </div> </li> <li> <div class="border-dash"> </div> <div class="step-icon"> <img src="svgs/icn-big-step-2.svg" alt="Step 2"> </div> <div class="content"> <h6>Choose solutions</h6> <p>Decide which of our solutions are best for your business</p> </div> </li> <li> <div class="border-dash"> </div> <div class="step-icon"> <img src="svgs/icn-big-step-3.svg" alt="Step 3"> </div> <div class="content"> <h6>Verify</h6> <p>Upload the required documents to get the legal stuff sorted</p> </div> </li> <li> <div class="border-dash"> </div> <div class="step-icon"> <img src="svgs/icn-big-step-4.svg" alt="Step 4"> </div> <div class="content"> <h6>Get paid</h6> <p>Start accepting payments quickly and easily - anytime, anywhere.</p> </div> </li> </ul> <a href="#" class="btn large" data-toggle="modal" data-target="#signupModal">Sign up your Business</a> </div> </div> </div> </div> </div> </section> <!-- //end get started section --> <!-- start our solutions section --> <section class="our-solution-section tropical-blue-bg"> <div class=""> <div class="row justify-content-center"> <div class="title-wrap text-center col-md-6 col-12"> <h2>Our Solutions</h2> <p class="lead-text">Give your customers a better way to pay with these convenient payment options.</p> </div> </div> <div class="row card-carousel-section"> <div class="col-md-4 col-sm-12 d-md-flex border-right mobi-padding-30 justify-content-end"> <div class="col-xl-8 col-lg-10 col-sm-12 d-md-flex"> <div class="align-self-center text-mobi-center our-solution-content"> <h4>Out of the Box</h4> <p>Get a free Starter Kit when you successfully sign up your business. This includes a printed SnapCode in a stand, a double-sided sticker and info flyers for first time app users. Display your SnapCode anywhere you want to accept mobile payments. You’ll automatically receive confirmation of payment via SMS. No integrations. No admin. Just simple payments in a snap.</p> </div> </div> </div> <div class="col-md-8 col-sm-12 carousel-wrap"> <!--Carousel Wrapper--> <div class="row" id="our-solution-carousel"> <div class="card-wrap"> <div class="card mb-2"> <img class="card-img-top" src="svgs/img-mer-sol-1-outbox-snapcode.svg" alt="At till points"> <div class="card-body text-center body-small"> <h6 class="card-title">At till points</h6> <p class="card-text">No more wasting time with cards and cash. Just display your unique SnapCode at till points for customers to scan.</p> </div> </div> </div> <div class="card-wrap"> <div class="card mb-2"> <img class="card-img-top" src="svgs/img-mer-sol-1-outbox-poster.svg" alt="In print"> <div class="card-body text-center body-small"> <h6 class="card-title">In print</h6> <p class="card-text">Print your unique SnapCode onto posters, flyers, parking tickets and any other printed collateral you like.</p> </div> </div> </div> <div class="card-wrap"> <div class="card mb-2"> <img class="card-img-top" src="svgs/img-mer-sol-1-outbox-web.svg" alt="Online"> <div class="card-body text-center body-small"> <h6 class="card-title">Online</h6> <p class="card-text">Add your digital SnapCode to your website, social media platforms and mailers for instant payments online.</p> </div> </div> </div> <div class="card-wrap"> <div class="card mb-2"> <img class="card-img-top" src="svgs/img-lanyard.svg" alt="On the go"> <div class="card-body text-center body-small"> <h6 class="card-title">On the go</h6> <p class="card-text">Empower your employees to accept payments anywhere with our SnapCode lanyards, or save your SnapCode as an image on your phone.</p> </div> </div> </div> </div> <!--/.Carousel Wrapper--> <!--Controls--> <div class="controls-top"> <a class="btn-floating prev-btn" href="#" data-slide="prev"><img src="svgs/icn-previous-white.svg" alt="Previous Button"><img src="svgs/icn-previous-blue.svg" alt="Previous Button" class="active"></a> <a class="btn-floating next-btn" href="#" data-slide="next"><img src="svgs/icn-next-blue.svg" alt="Next Button"><img src="svgs/icn-next-white.svg" alt="Next Button" class="active"></a> </div> <!--/.Controls--> </div> </div> </div> </section> <!-- //end our solutions section --> <!-- start point of sale section --> <section class="point-of-sale-section position-relative"> <div class="shape-wrap top-shape tropical-blue-bg"> <img src="svgs/curve-desktop-1440-left-white.svg" alt="White curve"> </div> <div class="container my-custom-container"> <div class="row image-on-right"> <div class="col-md-6 col-12 thumbnail-wrap order-md-last"> <div class="content-thumb"> <img src="svgs/img-mer-sol-2-feature-pos.svg" alt="Point-of-sale integration"> </div> </div> <div class="col-md-5 col-12 offset-md-1 content-wrap order-md-first d-md-flex"> <div class="content align-self-center"> <h4>Point-of-Sale Integration</h4> <p>SnapScan integrates seamlessly into a number of point-of-sale systems for quick, convenient and totally safe mobile payments.</p> <ul class="list-wrap grey-dark-color"> <li>Integrates quickly and easily with TabletPos, Ikentoo, HumbleTill, Pilot POS, InteliPos, CloudOne and TallOrder. We also offer a partial integration with Vend</li> <li>Add SnapCodes to invoices and point-of-sale devices</li> <li>Get real-time transaction notifications</li> </ul> </div> </div> </div> <div class="row"> <div class="col-md-6 col-12 thumbnail-wrap"> <div class="content-thumb"> <img src="svgs/img-mer-sol-2-feature-ecommerce.svg" alt="E-commerce integration"> </div> </div> <div class="col-md-5 col-12 offset-md-1 d-md-flex"> <div class="content align-self-center"> <h4>Ecommerce Integrations for Online Stores</h4> <p>Make shopping on your website super easy with our integrated online payment solutions.</p> <ul class="list-wrap grey-dark-color"> <li>Improved payment security</li> <li>Fewer abandoned shopping carts</li> <li>WooCommerce, Magento (below 2.0), ShopStar, OpenCart, PayGate integrations available, and a partial integration with Shopify.</li> <li>API for custom integrations</li> </ul> </div> </div> </div> <div class="row image-on-right"> <div class="col-md-6 col-12 thumbnail-wrap order-md-last"> <div class="content-thumb"> <img src="svgs/img-mer-sol-2-feature-ref-billing.svg" alt="Referencing"> </div> </div> <div class="col-md-5 col-12 offset-md-1 content-wrap order-md-first d-md-flex"> <div class="content align-self-center"> <h4>Referencing</h4> <p>References are a great way for you to identify and keep track of payments. This feature prompts customers to enter additional information on the payment screen. We can customise this prompt to ensure that you get the details you need.</p> <ul class="list-wrap grey-dark-color"> <li>Easy identification and reconciliation of payments</li> <li>Search and sort specific references or SnapCodes</li> </ul> </div> </div> </div> <div class="row"> <div class="col-md-6 col-12 thumbnail-wrap"> <div class="content-thumb"> <img src="svgs/img-mer-sol-2-feature-tip-restaurant.svg" alt="Tipping"> </div> </div> <div class="col-md-5 col-12 offset-md-1 d-md-flex"> <div class="content align-self-center"> <h4>Tipping</h4> <p>Allow for tip amounts of 10, 15, or 20% to be added to bills at the touch of a button.</p> <ul class="list-wrap grey-dark-color"> <li>Automatic calculation</li> <li>No need to fuss with notes and coins</li> <li>Easily keep track of the day's tips for each staff member</li> </ul> </div> </div> </div> <div class="row image-on-right"> <div class="col-md-6 col-12 thumbnail-wrap order-md-last"> <div class="content-thumb"> <img src="svgs/img-mer-sol-4-portal.svg" alt="Referencing"> </div> </div> <div class="col-md-5 col-12 offset-md-1 content-wrap order-md-first d-md-flex"> <div class="content align-self-center"> <h4>Merchant Portal</h4> <p>This is your SnapScan home base. Enjoy free and unlimited access here.</p> <ul class="list-wrap grey-dark-color"> <li>Download, link and view all your SnapCodes</li> <li>View transactions in real time</li> <li>Update your personal and business information</li> </ul> </div> </div> </div> </div> </section> <!-- //end point of sale section --> <!-- start billing solutions section --> <section class="billing-solutions-section position-relative"> <div class="container"> <div class="row no-gutters justify-content-center"> <div class="col-12 col-md-6 text-center text-wrapper"> <h4>Billing Solutions</h4> <p>Get paid quickly and easily with integrated billing options to send statements and invoices to your customers. We have full integrations for Sage, Datamax and Healthbridge. Partial or manual options are also available, ask our Support Team for more info.</p> </div> </div> <div class="row carousel" id="billing-solutions-carousel"> <div class="col-md-4 col-12 card-wrap"> <div class="card"> <img class="card-img-top" src="svgs/img-mer-sol-3-billing-statement.svg" alt="Statement integration"> <div class="card-body text-center body-small"> <h6 class="card-title">Statement integration</h6> <p class="card-text">Add SnapCodes to your digital and printed invoices so customers can use the SnapScan app to pay their bills wherever they are.</p> </div> </div> </div> <div class="col-md-4 col-12 card-wrap"> <div class="card"> <img class="card-img-top" src="svgs/img-mer-sol-3-billing-email.svg" alt="Email"> <div class="card-body text-center body-small"> <h6 class="card-title">Email</h6> <p class="card-text">Send email statements with SnapCodes that customers can scan to pay, or add click-to-pay links for users viewing the invoice on their mobile devices.</p> </div> </div> </div> <div class="col-md-4 col-12 card-wrap"> <div class="card"> <img class="card-img-top" src="svgs/img-mer-sol-3-billing-sms-gen.svg" alt="SMS"> <div class="card-body text-center body-small"> <h6 class="card-title">SMS</h6> <p class="card-text">Send text messages with a click-to-pay link that will take your customers straight to the payment screen in their SnapScan App for convenient payments.</p> </div> </div> </div> </div> <div class="controls-top"> <a class="btn-floating prev-btn" href="#" data-slide="prev"><img src="svgs/icn-previous-white.svg" alt="Previous Button"><img src="svgs/icn-previous-blue.svg" alt="Previous Button" class="active"></a> <a class="btn-floating next-btn" href="#" data-slide="next"><img src="svgs/icn-next-blue.svg" alt="Next Button"><img src="svgs/icn-next-white.svg" alt="Next Button" class="active"></a> </div> </div> <div class="shape-wrap bottom-shape bg-white"> <img src="svgs/curve-desktop-1440-right-grey.svg" alt="Grey Curve"> </div> </section> <!-- //end billing solutions section --> <!-- start track transactions section --> <section class="track-transactions-section position-relative"> <div class="container"> <div class="row no-gutters justify-content-center"> <div class="col-12 col-md-6 text-center text-wrapper"> <h4>Keep Track of your Transactions</h4> <p>We know it’s important for you to keep track of who’s paid you. Do this in a variety of ways:</p> </div> </div> <div class="row carousel" id="track-transactions-carousel"> <div class="col-md-3 col-12 card-wrap"> <div class="card"> <img class="card-img-top" src="svgs/img-mer-sol-5-tx-tracking-sms.svg" alt="SMS"> <div class="card-body text-center body-small"> <p class="card-text">SMS confirmation after every successful payment</p> </div> </div> </div> <div class="col-md-3 col-12 card-wrap"> <div class="card"> <img class="card-img-top" src="svgs/img-mer-sol-5-tx-tracking-email.svg" alt="Email"> <div class="card-body text-center body-small"> <p class="card-text">Daily settlement reports via email</p> </div> </div> </div> <div class="col-md-3 col-12 card-wrap"> <div class="card"> <img class="card-img-top" src="svgs/img-mer-sol-5-tx-tracking-csv.svg" alt="CSV"> <div class="card-body text-center body-small"> <p class="card-text">Download a CSV file</p> </div> </div> </div> <div class="col-md-3 col-12 card-wrap"> <div class="card"> <img class="card-img-top" src="svgs/img-mer-sol-5-tx-tracking-kiosk.svg" alt="Kiosk"> <div class="card-body text-center body-small"> <p class="card-text">Give employees a link to monitor your transactions</p> </div> </div> </div> </div> <div class="controls-top"> <a class="btn-floating prev-btn" href="#" data-slide="prev"><img src="svgs/icn-previous-white.svg" alt="Previous Button"><img src="svgs/icn-previous-blue.svg" alt="Previous Button" class="active"></a> <a class="btn-floating next-btn" href="#" data-slide="next"><img src="svgs/icn-next-blue.svg" alt="Next Button"><img src="svgs/icn-next-white.svg" alt="Next Button" class="active"></a> </div> </div> <div class="shape-wrap bottom-shape bg-white"> <img src="svgs/curve-desktop-1440-right-grey.svg" alt="Grey Curve"> </div> </section> <!-- //end track transactions section --> <!-- start how much does section --> <section class="how-much-does-section blue-bg bg-white-mobi position-relative"> <div class="container"> <div class="row justify-content-center"> <div class="col-12 col-md-8 text-center"> <h3>How much does SnapScan cost?</h3> </div> </div> <div class="row"> <div class="col-md-6 col-12 action-blue-bg white-color block-item"> <h5 class="white-color text-mobi-center mb-sm-0">R250 once-off admin fee per store</h5> <ul class="list-wrap"> <li>We’ll help sort out all the paperwork.</li> <li>No monthly fees.</li> <li>No minimum spend.</li> </ul> <h5 class="text-center white-color fee-text">Just a standard<br> 3% transaction fee</h5> <p class="body-small text-center">(excl. VAT)</p> <!-- <img src="svgs/img-price-plant.svg" alt="" class="tree-tob"> --> <div id="price-plant"></div> </div> <div class="col-md-6 col-12 bg-white block-item"> <div class="row no-gutters"> <div class="col-md-4 col-12 order-md-last d-sm-flex"> <div class="content-thumb align-self-center justify-content-sm-center"><img src="svgs/img-price-starter-kit.svg" alt=""></div> </div> <div class="col-md-8 col-12 body-small text-mobi-center"> <h5>A free Starter Kit</h5> <p>Your free Starter Kit has everything you need to accept mobile payments quickly and easily.</p> </div> </div> <div class="row no-gutters"> <div class="col-md-4 col-12 order-md-last align-items-centert d-sm-flex"> <div class="content-thumb align-self-center justify-content-sm-center"><img src="svgs/img-price-access.svg" alt=""></div> </div> <div class="col-md-8 col-12 body-small text-mobi-center"> <h5>Free access to the Merchant Portal</h5> <p>Sign in to your SnapScan account to access all your info. Keep track of your business from anywhere and receive Transaction Overview Reports.</p> </div> </div> </div> </div> </div> </section> <!-- //end how much does section --> <!-- start clients that love us section --> <section class="clients-section bg-white"> <div class="container"> <div class="row no-gutters"> <div class="col-12"> <div class="card"> <div class="card-body text-center"> <h3 class="card-title">Clients that love us</h3> <p class="lead-text">Join over <strong class="action-blue-color">50 000</strong> merchants who use SnapScan nationwide.</p> <div class="clients-logo-wrap text-center"> <img src="svgs/logo-partner-1.svg" alt="One Day Only"> <img src="svgs/logo-partner-2.svg" alt="Yuppiechef"> <img src="svgs/logo-partner-3.svg" alt="Quicket"> <img src="svgs/logo-partner-4.svg" alt="Superbalist"> <img src="svgs/logo-partner-5.svg" alt="PathCare"> <img src="svgs/logo-partner-6.svg" alt="Bootlegger"> </div> </div> </div> </div> </div> </div> </section> <!-- //end clients that love us section --> <!-- start help section --> <section class="help-section"> <div class="container"> <div class="row"> <div class="col-md-6 col-12 position-relative prefooter-getsnapscan"> <div class="row no-gutters"> <div class="col-12 col-md-5 align-self-center text-mobi-center"> <!-- <img src="svgs/img-prefooter-getsnapscan.svg" alt="" class="rounded"> --> <div id="prefooter-getsnapscan"></div> </div> <div class="col-12 col-md-7 align-self-center text-mobi-center"> <div class="content"> <h5>Payments in a snap for every type of business</h5> <a href="#" class="btn small" data-toggle="modal" data-target="#signupModal">Sign up</a> </div> </div> </div> <div class="border-right"></div> </div> <div class="col-md-6 col-12 prefooter-assist"> <div class="row no-gutters"> <div class="col-12 col-md-5 align-self-center text-mobi-center offset-lg-1"> <div id="pre-footer-assistant"></div> <!-- <img src="svgs/img-prefooter-assist.svg" alt="" class="rounded"> --> </div> <div class="col-12 col-md-6 align-self-center text-mobi-center"> <div class="content"> <h5>Need some help?</h5> <p>We’re here for you! Just call or email our friendly Support Team and we’ll sort things out in no time.</p> <a href="support.html" class="btn small">Get in touch</a> </div> </div> </div> </div> </div> </div> </section> <!-- //end help section --> <!-- start signup modal --> <div class="modal fade sign-up-modal" id="signupModal" tabindex="-1" role="dialog" aria-labelledby="signupModal" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered" role="document"> <div class="modal-content"> <button type="button" class="close modal-close position-absolute" data-dismiss="modal" aria-label="Close"> <img src="svgs/icn-close.svg" alt="Close" class="white"> <img src="svgs/icn-close-action-blue.svg" alt="Close" class="action-blue"> </button> <div class="row"> <div class="col-12 col-lg-7 modal-figure" style="background-image: url(svgs/img-sign-up-illustration.svg)"><img src="svgs/img-sign-up-illustration.svg" alt="Sign Up to Snapscan"></div> <div class="col-12 col-lg-5 bg-white form-wrapper"> <form method="get" action="https://merchant.getsnapscan.com/users/sign_up"> <div class="signup-form-wrap"> <img src="svgs/logo-snapscan.svg" alt="Snapscan Logo" class="modal-logo"> <h4>Sign up for a better way to get paid</h4> <p>There's a once-off admin fee of R250 per store.</p> <input type="hidden" name="from" value="snapscan_site"> <div class="form-group"> <input type="text" class="form-control" name="name" id="uname" placeholder="Name"> </div> <div class="form-group"> <input type="email" class="form-control" name="email" id="email" placeholder="Email Address"> </div> <div class="form-group"> <input type="tel" class="form-control" name="contact_number" id="contact" placeholder="Contact Number"> </div> <button class="btn btn-primary" type="submit">Sign up your Business</button> <p class="small-text text-center">By submitting this form I agree to SnapScan’s <a href="downloads/SnapScan_Merchant_Terms_Conditions_2019.pdf" class="action-blue-color" target="_blank">Terms</a>.</p> </div> </form> </div> </div> </div> </div> </div> <!-- //end signup modal --> <!-- start footer section --> <footer class="main-footer blue-bg"> <div class="container my-custom-container"> <div class="row footer-menu no-gutters"> <div class="col-md-4 col-12 app-download"> <p>Download to pay</p> <a href="https://itunes.apple.com/za/app/snapscan/id594791461" class="app-store mr-3" target="_blank"><img src="svgs/logo-appstore.svg" alt="Get Snapscan on the App store"></a> <a href="https://play.google.com/store/apps/details?id=com.fireid.snapscan" class="app-store" target="_blank"><img src="svgs/logo-playstore.svg" alt="Get Snapscan on Google Play store"></a> </div> <div class="col-md-8 col-12 footer-nav-wrap"> <ul class="footer-nav"> <li><a href="about.html">About</a></li> <li><a href="about.html#careers">Careers</a></li> <li><a href="support.html">Support</a></li> <li><a href="https://developer.getsnapscan.com/" target="_blank">API</a></li> <li><a href="downloads/SnapScan_Merchant_Terms_Conditions_2019.pdf" target="_blank">Terms</a></li> <li><a href="privacy-statement.html">Privacy</a></li> </ul> </div> </div> <div class="row copy-right-section no-gutters"> <div class="col-md-3 col-12 powered-by order-mobi-last text-mobi-center"> <a href="http://www.standardbank.co.za/" class="text-decoration-none text-reset" target="_blank"> <p>Powered by</p> <img src="img/img-footer-logo-standardbank@3x.png" alt="Standard Bank" class="powered-by-logo"> </a> </div> <div class="col-md-6 col-12 copy-right text-center"> <p class="small-text">Copyright © 2019 SnapScan. <br> All rights reserved. Cape Town, South Africa</p> </div> <div class="col-md-3 col-12 social-wrap order-mobi-first"> <div class="social"> <a href="https://www.facebook.com/SnapScanApp/" class="social-icon facebook" target="_blank"> <img src="svgs/icn-social-facebook.svg" alt="Facebook"> <img src="svgs/icn-social-facebook-active.svg" alt="Facebook" class="active"> </a> <a href="https://twitter.com/snapscanapp" class="social-icon twitter" target="_blank"> <img src="svgs/icn-social-twitter.svg" alt="Twitter"> <img src="svgs/icn-social-twitter-active.svg" alt="Twitter" class="active"> </a> <a href="https://www.instagram.com/snapscanapp/" class="social-icon instagram" target="_blank"> <img src="svgs/icn-social-instagram.svg" alt="Instagram"> <img src="svgs/icn-social-instagram-active.svg" alt="Instagram" class="active"> </a> </div> </div> </div> </div> <img src="svgs/img-footer-illustration.svg" alt="" class="footer-illustration"> </footer> <!-- //end footer section --> </main> <script type="text/javascript" src="scripts/jquery-3.3.1.min.js"></script> <script type="text/javascript" src="scripts/popper.min.js"></script> <script type="text/javascript" src="scripts/bootstrap.min.js"></script> <script type="text/javascript" src="scripts/jquery.selectric.js"></script> <script type="text/javascript" src="scripts/slick.js" defer></script> <script type="text/javascript" src="scripts/jquery.fancybox.min.js"></script> <script type="text/javascript"> $('[data-fancybox]').fancybox({ toolbar : false, smallBtn : true, iframe : { preload : false } }) </script> <script type="text/javascript" src="scripts/bodymovin.js"></script> <script type="text/javascript"> //pre-footer-assistant var animation = bodymovin.loadAnimation({ container: document.getElementById('pre-footer-assistant'), renderer: 'svg', loop: true, autoplay: true, path: './animations/img-prefooter-assist.json' }) //prefooter-getsnapscan var animation = bodymovin.loadAnimation({ container: document.getElementById('prefooter-getsnapscan'), renderer: 'svg', loop: true, autoplay: true, path: './animations/img prefooter getsnapscan.json' }) //mer-lan-get var animation = bodymovin.loadAnimation({ container: document.getElementById('mer-lan-get'), renderer: 'svg', loop: true, autoplay: true, path: './animations/img lan get.json' }) //mer-vid var animation = bodymovin.loadAnimation({ container: document.getElementById('mer-vid'), renderer: 'svg', loop: true, autoplay: true, path: './animations/img mer vid.json' }) //price-plant var animation = bodymovin.loadAnimation({ container: document.getElementById('price-plant'), renderer: 'svg', loop: true, autoplay: true, path: './animations/img price plant.json' }) //form-thank-you // var animation = bodymovin.loadAnimation({ // container: document.getElementById('form-thank-you'), // renderer: 'svg', // loop: true, // autoplay: true, // path: './animations/img-form-thank-you.json' // }) </script> <script type="text/javascript" src="scripts/common-scripts.js" defer></script> <!-- FORM SAVEDATA --> <script type="text/javascript"> function save_data_uname() { localStorage.setItem("uname", this.value); } function save_data_email() { localStorage.setItem("email", this.value); } function save_data_contact() { localStorage.setItem("contact", this.value); } function load_data() { var uname = document.getElementById("uname"); uname.value = localStorage.getItem("uname"); var fname = document.getElementById("fname"); fname.value = localStorage.getItem("uname"); var email = document.getElementById("email"); email.value = localStorage.getItem("email"); var femail = document.getElementById("femail"); femail.value = localStorage.getItem("email"); var contact = document.getElementById("contact"); contact.value = localStorage.getItem("contact"); var fcontact = document.getElementById("fcontact"); fcontact.value = localStorage.getItem("contact"); } load_data(); var uname = document.getElementById("uname"); uname.onchange = save_data_uname; var fname = document.getElementById("fname"); fname.onchange = save_data_uname; var email = document.getElementById("email"); email.onchange = save_data_email; var femail = document.getElementById("femail"); femail.onchange = save_data_email; var contact = document.getElementById("contact"); contact.onchange = save_data_contact; var fcontact = document.getElementById("fcontact"); fcontact.onchange = save_data_contact; </script> <!-- / FORM SAVEDATA --> <script type="text/javascript"> (function($){ $(function(){ $("#our-solution-carousel").slick({ slidesToShow: 4, slidesToScroll: 1, mobileFirst: true, dots: false, autoplay: false, infinite: false, prevArrow: $('.our-solution-section .prev-btn'), nextArrow: $('.our-solution-section .next-btn'), responsive: [ { breakpoint: 1400, settings: { slidesToShow: 4, slidesToScroll: 1, infinite: false, } }, { breakpoint: 1024, settings: { slidesToShow: 3, slidesToScroll: 1, infinite: false, } }, { breakpoint: 600, settings: { slidesToShow: 2, slidesToScroll: 1 } }, { breakpoint: 280, settings: { slidesToShow: 1, slidesToScroll: 1, } } // You can unslick at a given breakpoint now by adding: // settings: "unslick" // instead of a settings object ] }); /* Slick needs no get Reinitialized on window Resize after it was destroyed */ $(window).on('load resize orientationchange', function() { $('#billing-solutions-carousel').each(function(){ var $carousel = $(this); /* Initializes a slick carousel only on mobile screens */ // slick on mobile if ($(window).width() > 767) { if ($carousel.hasClass('slick-initialized')) { $carousel.slick('unslick'); } } else{ if (!$carousel.hasClass('slick-initialized')) { $carousel.slick({ slidesToShow: 1, slidesToScroll: 1, mobileFirst: true, dots: false, autoplay: false, infinite: false, prevArrow: $('.billing-solutions-section .prev-btn'), nextArrow: $('.billing-solutions-section .next-btn'), rows:0, }) .on('setPosition', function (event, slick) { slick.$slideTrack.find('.slick-slide').css('height', slick.$slideTrack.height() + 'px'); }); } } }); }); $(window).on('load resize orientationchange', function() { $('#track-transactions-carousel').each(function(){ var $carousel = $(this); /* Initializes a slick carousel only on mobile screens */ // slick on mobile if ($(window).width() > 767) { if ($carousel.hasClass('slick-initialized')) { $carousel.slick('unslick'); } } else{ if (!$carousel.hasClass('slick-initialized')) { $carousel.slick({ slidesToShow: 1, slidesToScroll: 1, mobileFirst: true, dots: false, autoplay: false, infinite: false, prevArrow: $('.track-transactions-section .prev-btn'), nextArrow: $('.track-transactions-section .next-btn'), rows:0, }) .on('setPosition', function (event, slick) { slick.$slideTrack.find('.slick-slide').css('height', slick.$slideTrack.height() + 'px'); }); } } }); }); // End the solutin card carousel /*if($(window).width() > 1024){ $(".our-solution-section .card-wrap").mousemove(function(e){ var x = e.pageX - this.offsetLeft; var y = e.pageY - this.offsetTop; var setHeight = $(this).find(".card").outerHeight(); var setWidth = $(this).find(".card").outerWidth(); $(this).find('.card').css({ 'right': x/80+ 'px', 'bottom': y/450+ 'px', }) }) $(".our-solution-section .card-wrap").mouseleave(function(e){ $(this).find('.card').css({ 'right': 'auto', 'bottom': 'auto', }) }) }*/ }) })(jQuery); </script> </body> </html>