Snap Finance

<style>@font-face { font-family: 'Aeonik-Regular'; src: url(https://assets.snapfinance.co.uk/retailerGenerator/Aeonik-Regular.woff) format('woff');}@font-face { font-family: 'Aeonik-Bold'; src: url(https://assets.snapfinance.co.uk/retailerGenerator/Aeonik-Bold.woff) format('woff');}</style><div id="snapfinance-page" style=" margin: 0 !important; display: block !important; width: 100%; max-width: 100%; "></div><script>(function () { const snapContainer = document.getElementById('snapfinance-page'); snapContainer.attachShadow({ mode: 'open' }); const loadingTemplateString = '<div class="snap__loading"> <div class="snap__loading__icon"> <svg xmlns=http://www.w3.org/2000/svg xmlns:xlink=http://www.w3.org/1999/xlink x="0px" y="0px" viewBox="0 0 1200.2 1200" style="enable-background: new 0 0 1200.2 1200" xml:space="preserve" class="snap__loading__icon__svg" > <g> <circle class="snap__loading__icon__svg--st0" cx="601.3" cy="601.2" r="849.2" /> <path class="snap__loading__icon__svg--st1" d="M484.9,341.6c-13.6,0.3-25.1-8.9-29.3-19.2c-9.7-24.3-19.6-48.6-29.4-72.9c-9.9-24.6-19.9-49.2-29.8-73.8 c-3.4-8.4-6.9-16.9-10.2-25.3c-7-17.7,3.4-36.2,19.5-41.4c14.7-4.8,31.8,2.6,37.9,16.3c2.6,5.8,4.9,11.8,7.3,17.7 c11.2,27.7,22.4,55.4,33.5,83.1c9.5,23.6,19,47.1,28.5,70.7c1.1,2.8,2,5.7,2.6,8.7c2.8,15.1-7.6,31.6-23.4,35.3 C489.7,341.3,487.2,341.7,484.9,341.6z" /> <path class="snap__loading__icon__svg--st2" d="M828.4,142.5c0.1,4.4-1,8.6-2.7,12.6c-5,11.8-10,23.6-15,35.3c-14,33-28,65.9-42,98.9c-5,11.8-10,23.6-15,35.3 c-4.8,11-13.2,17.4-25.1,19.1c-14.5,2.1-28.8-6.8-33.6-20.7c-2.6-7.8-2.3-15.4,0.9-22.9c5.6-13.1,11.1-26.2,16.7-39.3 c14.9-35.2,29.9-70.3,44.8-105.5c3.5-8.2,7-16.5,10.5-24.7c4.2-9.7,11.5-16,21.8-18.6c15.1-3.8,32.4,4.7,37.4,22 c0.4,1.4,0.7,2.8,0.9,4.2C828.3,139.6,828.3,141.1,828.4,142.5z" /> <path class="snap__loading__icon__svg--st1" d="M140.1,818.9c-13.5,0.7-28-8.5-31.3-24.9c-2-9.8,0.3-18.8,6.8-26.5c3.6-4.2,8-7.2,13.2-9.3 c43.3-17.4,86.5-34.8,129.8-52.3c13.6-5.5,27.2-11,40.9-16.     5c13-5.3,26.5-0.9,34.4,7.6c9.7,10.3,11.9,26.2,3.1,39.3 c-3.6,5.4-8.5,9-14.4,11.4c-25.8,10.4-51.5,20.8-77.3,31.2c-28.1,11.4-56.3,22.7-84.4,34c-2.8,1.1-5.6,2.2-8.4,3.4 C148.3,818.2,144.1,819.1,140.1,818.9z" /> <path class="snap__loading__icon__svg--st2" d="M891,692.8c4.5-0.2,8.9,1.1,13.2,3c15.9,6.8,31.8,13.5,47.7,20.3c39.9,17,79.7,33.9,119.6,50.9 c4.5,1.9,8.6,4.2,11.9,7.8c8.3,9.2,11,19.8,7.1,31.5c-4,12-12.6,18.9-25,21.2c-6.2,1.1-12.1,0-17.8-2.4 c-9.1-3.9-18.2-7.8-27.4-11.7c-39.6-16.8-79.2-33.6-118.7-50.5c-7.8-3.3-15.6-6.6-23.4-10c-8.3-3.6-14.1-9.8-17.2-18.4 C853.7,713.6,869.8,692.5,891,692.8z" /> <path class="snap__loading__icon__svg--st1" d="M719.6,860.8c12.2,0.7,21.8,5.8,27.4,17c2.4,4.7,4.2,9.7,6.2,14.5c15,37.2,30,74.4,45,111.6 c6.3,15.7,12.7,31.4,19,47.1c4,9.8,3.6,19.4-1.8,28.6c-4.6,7.8-11.4,12.8-20.4,14.7c-12.5,2.6-22.6-1.4-30.9-10.8 c-2.5-2.8-4-6.1-5.4-9.6c-4.8-11.9-9.5-23.7-14.3-35.6c-9.1-22.5-18.2-45-27.3-67.5c-8.9-21.9-17.7-43.9-26.5-65.8 c-3.1-7.5-3.6-15.2-1-22.9C694.2,868.1,707.8,860.3,719.6,860.8z" /> <path class="snap__loading__icon__svg--st1" d="M861.6,483.7c0.5-13.3,6.7-23.1,18.9-28.6c8-3.6,16.3-6.6,24.4-9.9c31-12.5,61.9-25,92.9-37.5 c17.9-7.2,35.9-14.4,53.8-21.7c4-1.6,8.3-2.8,12.6-2.7c7.2,0,13.9,2.1,19.6,6.7c7.8,6.3,12.2,14.6,12.1,24.5 c-0.1,12-5.5,21.5-16.2,27.6c-1.9,1.1-4,2-6.1,2.8c-34.7,14-69.4,27.9-104,41.8c-21.3,8.6-42.7,17.2-64,25.9 c-3.6,1.5-7.3,2.4-11.1,2.6c-13.1,0.6-28.2-7.4-32.2-24.7C861.7,488.3,861.8,486,861.6,483.7z" /> <path class="snap__loading__icon__svg--st2" d="M406.7,1091.6c-14.2,0.4-30.8-11-31.3-31.2c-0.1-4.9,1.2-9.5,3.1-13.9c4.2-9.7,8.3-19.4,12.4-29.1 c13.9-32.8,27.9-65.6,41.8-98.4c5.8-13.5,11.5-27.1,17.3-40.6c4.1-9.6,11.1-15.9,21.2-18.6c17.2-4.4,34,5.8,38.3,22.5 c1.8,6.9,1.2,13.6-1.6,20.2c-4.4,10.3-8.7,20.6-13.1,30.9c-11.4,26.9-22.9,53.8-34.3,80.8c-8.3,19.4-16.4,38.9-24.8,58.2 C430.2,1085,420.3,1091.2,406.7,1091.6z" /> <path class="snap__loading__icon__svg--st2" d="M143.2,375c4.2-0.2,8.5,0.9,12.7,2.7c14.6,6.2,29.1,12.4,43.7,18.6c41.5,17.6,83,35.3,124.5,52.9 c7.5,3.2,13.4,8,17.1,15.3c9.3,18.3-1.1,40.3-21.1,44.8c-6.5,1.4-13,0.9-19.3-1.7c-8.2-3.5-16.5-7-24.7-10.5 c-43.8-18.6-87.7-37.3-131.5-55.9c-4.7-2-9.4-4-14.1-6.1c-8.5-3.8-14.5-10.1-17.2-19C106.4,393.7,123.5,374.8,143.2,375z" /> <path class="snap__loading__icon__svg--st3" d="M570.9,195.2c0-30.9,0-61.8,0-92.6c0-5.6,1.2-10.8,4-15.6c4.8-8.1,11.8-13.2,21.1-15.2 c16.2-3.5,34,7.1,37.2,26.1c0.3,1.9,0.2,3.8,0.2,5.7c0,15,0,30.1,0,45.1c0,45.8,0,91.5,0,137.3c0,5-0.6,9.9-2.8,14.4 c-5.6,11.6-14.7,17.7-27.6,18.3c-9.5,0.4-17.5-3-24-9.9c-5.2-5.6-8.1-12.2-8.1-19.9c0-14.1,0-28.2,0-42.2 C570.9,229.4,570.9,212.3,570.9,195.2C570.9,195.2,570.9,195.2,570.9,195.2z" /> <path class="snap__loading__icon__svg--st3" d="M196.1,569.9c30.4,0,60.8,0,91.2,0c4.2,0,8.2,0.5,12.2,1.9c11.9,4.2,20.1,16.7,20.1,28.3 c0,7.3-1.7,13.9-6.1,19.7c-5.9,7.9-13.9,12-23.7,12.6c-1,0.1-1.9,0-2.9,0c-60.6,0-121.3,0-181.9,0c-3.4,0-6.7-0.1-10-1.1 c-12.2-3.8-19.9-11.9-22.3-24.5c-2.4-12.7,2.1-23,12-30.9c4.8-3.8,10.5-6,16.8-6.1c4,0,8,0,12,0 C141.1,569.9,168.6,569.9,196.1,569.9z" /> <path class="snap__loading__icon__svg--st3" d="M1008.4,569.9c30.2,0,60.5,0,90.7,0c3,0,6-0.1,9,0.7c12,3.2,20.2,10.8,23,22.7c4.4,18.7-6.4,33.8-22.1,38.1 c-2.8,0.8-5.6,1.1-8.5,1.1c-61.4,0-122.8,0-184.2-0.1c-13.7,0-23.3-6.7-29.2-18.9c-1.9-4-2.2-8.2-2.3-12.6 c-0.1-6.7,1.8-12.6,5.7-17.9c6-8.3,14.1-12.9,24.4-13c24.1-0.1,48.3-0.1,72.4-0.1C994.3,569.9,1001.3,569.9,1008.4,569.9z" /> <path class="snap__loading__icon__svg--st3" d="M571,1006.8c0-30.7,0-61.4,0-92.1c0-6.7,1.9-12.6,5.7-18c4.5-6.4,10.7-10.9,18.2-12.4c19.8-3.9,34,8,37.7,22.8 c0.6,2.5,0.9,5,0.9,7.6c0,6.6,0,13.1,0,19.7c0,54.4,0,108.7,0,163.1c0,3.4,0,6.7-0.9,10c-3.3,12.1-11.3,19.3-23,22.8 c-19.4,3.5-34.4-7.4-38.3-24.8c-0.5-2.3-0.3-4.8-0.3-7.2C570.9,1067.9,570.9,1037.4,571,1006.8 C570.9,1006.8,570.9,1006.8,571,1006.8z" /> <path class="snap__loading__icon__svg--st4" d="M353,320.1c-0.8,12.4-6.5,22.3-18.4,27.7c-12,5.5-23.4,3.6-33.7-4.7c-1.1-0.9-2.1-2-3.1-3 c-22.9-22.9-45.9-45.9-68.9-68.8c-5.4-5.4-8.7-11.7-9.6-19.3c-2-15.7,8.8-31,24.3-34.2c11.2-2.3,21,0.5,29,8.5 c23.7,23.5,47.3,47.2,70.9,70.8C349.8,303.3,352.7,310.9,353,320.1z" /> <path class="snap__loading__icon__svg--st4" d="M251,985c-13.3-0.4-23.4-6.4-28.8-18.7c-5.3-12.2-3.2-23.7,5.5-33.9c0.7-0.8,1.5-1.6,2.3-2.4 c22.9-22.9,45.9-45.9,68.8-68.8c4.6-4.7,10-7.8,16.5-9.2c15.8-3.4,32.3,6.1,36.6,22.5c3,11.4,0.2,21.5-7.8,30.1 c-1.6,1.8-3.4,3.4-5.1,5.1c-21.7,21.7-43.4,43.4-65.1,65.1c-4.5,4.5-9.7,7.8-15.9,9.3C255.8,984.8,253.5,984.9,251,985z" /> <path class="snap__loading__icon__svg--st4" d="M987,248.9c0,7.7-2.9,14.9-8.7,21c-1.1,1.2-2.2,2.3-3.4,3.4c-22.3,22.3-44.5,44.5-66.8,66.8 c-4.5,4.5-9.6,8-15.8,9.4c-19.8,4.6-35.5-8.8-38.3-24.3c-2-10.7,0.9-19.9,8.2-27.8c1-1.1,2-2.1,3-3.1 c21.6-21.6,43.2-43.2,64.7-64.8c1.4-1.4,2.7-2.8,4.1-4c8.9-8.1,19.2-10.8,30.6-7.4c11.5,3.4,18.6,11.4,21.6,22.9 C987,243.5,987,245.9,987,248.9z" /> <path class="snap__loading__icon__svg--st4" d="M883.6,851c10.3,0.1,17.7,3.3,23.9,9.5c16.8,16.9,33.7,33.7,50.5,50.5c6.7,6.7,13.3,13.4,20,20 c6,5.9,9.1,13.1,9.3,21.4c0.3,15.7-10.1,27.8-23.5,31.2c-11.2,2.8-21.4,0.3-29.6-7.9c-24-23.7-47.9-47.5-71.6-71.5 c-15.7-15.8-10.2-41.9,10-50.7C876.6,851.8,880.8,850.9,883.6,851z" /> <path class="snap__loading__icon__svg--st4" d="M350,379.2c-0.5-14.4,10.9-31.4,31.3-31.4c19.9,0,31.4,16.3,31.3,31.5c-0.1,15.8-12.4,31.1-31.1,31.2 C361.7,410.5,349.6,394.1,350,379.2z" /> <path class="snap__loading__icon__svg--st4" d="M856.3,379c0.5,15-11.6,31.4-31.4,31.3c-18.9-0.1-31.3-15.6-31.2-31.6c0.1-15.3,12-31,31.2-31.1 C845.1,347.6,856.8,364.4,856.3,379z" /> <path class="snap__loading__icon__svg--st4" d="M856.4,822.6c0.5,15.2-12,31.4-31.4,31.3c-19.2-0.1-31.1-15.7-31.2-31.1c-0.1-15.7,12-31.5,31.3-31.5 C845.3,791.3,856.9,808.1,856.4,822.6z" /> <path class="snap__loading__icon__svg--st4" d="M381.4,791.6c16.8-0.4,31.4,13.8,31.4,31.3c0,15.6-12.4,31.3-31.5,31.3c-17.2,0-31.1-13.9-31.2-31.1 C350.1,805,365.1,791.2,381.4,791.6z" /> </g> </svg> <style type="text/css"> .snap__loading__icon__svg--st0 { fill: #ffffff; } .snap__loading__icon__svg--st1 { fill: #ffc94d; } .snap__loading__icon__svg--st2 { fill: #3d5cce; } .snap__loading__icon__svg--st3 { fill: #a191e7; } .snap__loading__icon__svg--st4 { fill: #0ba797; } .snap__loading { position: absolute; width: 100%; height: 1000px; background: white; z-index: 1; } .snap__loading__icon { position: absolute; top: 100px; left: 50%; transform: translate(-50%, -50%); width: 120px; height: 120px; } @keyframes snap-rotate { 100% { transform: rotate(360deg); } } .snap__loading__icon__svg { border-radius: 50%; background: white; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); animation: snap-rotate 5s linear infinite; max-width: 150px; } </style> </div></div>'; const loadingDiv = document.createElement('div'); loadingDiv.innerHTML = loadingTemplateString; snapContainer.shadowRoot.appendChild(loadingDiv); fetch('https://developer.snapfinance.co.uk/api/retailer-page?data=eyJhbGciOiJIUzI1NiJ9.eyJkYXRhIjp7Ik1FUkNIQU5UX0lEIjoiNjUxMjM2MzUiLCJNRVJDSEFOVF9OQU1FIjoiUGF5IFdlZWtseSBTb2ZhcyBhbmQgQmVkcyBXb3Jrc29wIiwiTUVSQ0hBTlRfRklSTV9OVU1CRVIiOiJudWxsIn0sImlhdCI6MTcxNTE3Njg3M30.gWLglLpuysliMUrk5TQK_JCrNereO8T9JX-a9CiTI4k') .then(async (res) => { const { template: pageTemplateString, scriptTemplate: scriptTemplateString } = await res.json(); const pageDiv = document.createElement('div'); pageDiv.innerHTML = pageTemplateString; snapContainer.shadowRoot.appendChild(pageDiv); const pageScript = document.createElement('script'); pageScript.innerHTML = scriptTemplateString; snapContainer.shadowRoot.appendChild(pageScript); }) .catch((error) => { const errorTemplateString = '<div class="snap__error"> <h2 class="snap__h2">Oh, no!</h2> <p class="snap__p"> Snap Finance is experiencing some issues. Please, try refreshing the page after a few minutes. </p> <style> .snap__error h2.snap__h2 { font-family: "Aeonik-Bold", Arial, Helvetica, sans-serif; font-weight: bold; color: #062d4e; margin-top: 0; margin-bottom: 13px; line-height: 120%; text-align: center; } .snap__error .snap__p { font-family: "Aeonik-Regular", Arial, Helvetica, sans-serif; text-align: center; } </style></div>'; const pageDiv = document.createElement('div'); pageDiv.innerHTML = errorTemplateString; snapContainer.shadowRoot.appendChild(pageDiv); }) .finally(() => { snapContainer.shadowRoot.removeChild( snapContainer.shadowRoot.firstElementChild ); });})();</script>