Customer Log In Merchant Log In Find Sunbit near you
Merchant Log In Customer Log In Request a demo
    Home | Marketing Kits
    Marketing Kits > Collision Centers > Website Templates
    < Back to Collision Centers

    Website Templates

    Below are four ways to integrate Sunbit onto your website and digital flows:

    For single locations ›
    Add a dedicated Sunbit page on your store’s website to introduce flexible payment options and embed your Pre-qualification page.

    For groups with multiple locations ›
    Add a Sunbit page to your group website that includes a dropdown dealership selector. This allows customers to choose their location and be directed to the correct Pre-qualification page.

    Add to your appointments page ›
    Add a simple question to your appointment request form and link to your Pre-qualification page.

    Web – Single Location

    To add your store’s custom pre-qualification page to your website, follow the directions below.

    Auto Web 1

    Click to view Single Location Iframe Code 
    
<!-- ============================================ -->
<!-- SUNBIT SINGLE LOCATION IFRAME -->
<!-- UPDATE: Replace STORE_NAME_1 in the src URL with your store's Sunbit URL slug -->
<!-- Example: src="https://apply.sunbit.com/joes-auto-repair" -->
<!-- ============================================ -->

<iframe 
  style="height:1080px;width:100%" 
  src="https://apply.sunbit.com/STORE_NAME_1" 
  title="Sunbit service now, pay over time" 
  class="border-0 overflow-hidden">
</iframe>
    1. Replace your unique pre-qualification link in the script above: src=”https://apply.sunbit.com/STORE_NAME“
    2. Share the iframe script with your web team and ask them to create a new webpage and add a menu button titled “Service now, pay over time.”

    Web – Multiple Locations

    If your organization includes multiple locations, we recommend adding the below script to a group landing page with a dropdown menu for each location.

    Screenshot 2026 08 04 at 4.15.07 PM

    Click to view Multiple Location Iframe Code 
    
<!-- ============================================ -->
<!-- SUNBIT MULTIPLE LOCATION IFRAME -->
<!-- UPDATE: Replace STORE_NAME_1 in the src URL with your store's Sunbit URL slug -->
<!-- Example: src="https://apply.sunbit.com/joes-auto-repair" -->
<!-- ============================================ -->

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <title>Repair Now, Pay Over Time | Sunbit Monthly Payment Options</title>
  <link 
    href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap" 
    rel="stylesheet"
  >
  <style>
    :root {
      --bg: #ffffff;
      --primary: #6671ff;
      --dark: #2d2d70;
      --btn-bg: #6671ff;
      --btn-text: #fff;
      --max-w: 1200px;
      --gutter: 4rem;
      --hero-overlay: rgba(0,0,0,0.475); /* adjust opacity for contrast */
    }
    * { box-sizing: border-box; margin:0; padding:0; }
    body {
      font-family: "Poppins", sans-serif;
      background: var(--bg);
      color: var(--dark);
      line-height: 1.6;
    }
    .container {
      width: 90%;
      max-width: var(--max-w);
      margin: 0 auto;
    }
    h1, h2, h3 { font-weight: 600; }
    h1 { font-size: 3rem; }
    h2 { font-size: 2rem; margin-bottom: 1rem; }

    #reviews {
      background: #fff;
      padding: var(--gutter) 0;
      margin-top: var(--gutter);
    }
    #reviews h2 {
      text-align: center;
      margin-bottom: 2rem;
    }
    #reviews-container {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px,1fr));
      gap: 2rem;
    }
    .review {
      padding: 1rem;
      border: 1px solid #ddd;
      border-radius: 8px;
      background: #f9f9fb;
    }
    .review-text {
      font-style: italic;
      margin-bottom: 0.75rem;
    }
    .review-meta {
      font-size: 0.875rem;
      color: #555;
      text-align: right;
    }
    .google-attribution {
      text-align: right;
      font-size: 0.75rem;
      color: #999;
      margin-top: 1rem;
      grid-column: 1 / -1;
    }
    header {
      padding: var(--gutter) 0;
      text-align: center;
    }
    .hero-tagline {
      font-size: 1.5rem;
      margin-top: 1rem;
    }

    .hero {
      position: relative;
      background: url(https://lomcfe.stripocdn.email/content/guids/CABINET_f9a557dc053f245b7784c840f9b82fc1f0dc9c78c26d839a68f3255eb1007412/images/sunbit_stockimage_sausingtablet_QNP.png) center/cover no-repeat;
      padding: 6rem 0;
    }

    .hero::before {
      content: "";
      position: absolute;
      top: 0; left: 0; right: 0; bottom: 0;
      background: var(--hero-overlay);
      z-index: 1;
    }

    .hero-content {
      position: relative;
      z-index: 2;
      color: #fff;
      text-align: center;
    }

    .hero-primary { color: #fd8720; }
    .hero-dark    { color: #FFF; }

    .logo-bar {
      display: inline-flex;
      align-items: center;
      gap: 2rem;
      margin-top: 2rem;
      padding: 0.5rem 1rem;
      border-radius: 8px;
    }
    .logo-bar img { max-height: 50px; }
    .logo-sep {
      width:1px; height:50px;
    }

    #benefits {
      background: #fff;
      padding: var(--gutter) 0;
      text-align: center;
    }
    .features {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
      gap: 2.5rem;
      margin-top: 2.5rem;
    }

    .feature-card {
      background: #EEF0FF;
      padding: 2rem;
      border-radius: 12px;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
    .feature-card img {
      width: 60px; height:60px;
      margin-bottom: 1rem;
    }

    #cta {
      padding: var(--gutter) 0;
      text-align: center;
    }
    #cta button {
      background: var(--btn-bg);
      color: var(--btn-text);
      padding: 1rem 2rem;
      font-size: 1.25rem;
      border: none;
      border-radius: 999px;
      cursor: pointer;
    }
    #cta select {
      margin-top: 1rem;
      padding: 0.75rem;
      font-size: 1rem;
      width: 80%;
      max-width: 400px;
    }

    #application {
      padding: var(--gutter) 0;
    }
    #application iframe {
      width: 100%;
      min-height: 600px;
      border: none;
    }

    footer {
      background: #e3e8ff;
      padding: 2rem 0;
      font-size: 0.875rem;
      color: #555;
      text-align: center;
    }

    @media (max-width:768px) {
      h1 { font-size: 2.25rem; }
      .hero-tagline { font-size: 1.25rem; }
    }
  </style>
</head>
<body>

<header class="hero">
  <div class="container hero-content">
    <h1>
      <span class="hero-primary">Repair now,</span>
      <span class="hero-dark">pay with ease.</span>
    </h1>
    <p class="hero-tagline">3-month interest-free plans for all approved customers*</p>
    <div class="logo-bar">
      <img src="https://lomcfe.stripocdn.email/content/guids/CABINET_63ecf041e1bd56bc315c0b1a84b84f05749b77a1c1f00a7888f2940b49b083aa/images/sunbit_logo_white_rgb.png" alt="Partner Logo 1">
      <div class="logo-sep"></div>
      <img src="https://lomcfe.stripocdn.email/content/guids/CABINET_63ecf041e1bd56bc315c0b1a84b84f05749b77a1c1f00a7888f2940b49b083aa/images/logo_image_copy.png" alt="Partner Logo 2">
    </div>
  </div>
</header>

  <section id="benefits" class="container">
    <h2>The market-leading financing solution for service and repairs</h2>
      <div class="features">
      <div class="feature-card">
        <img src="https://lomcfe.stripocdn.email/content/guids/CABINET_f9a557dc053f245b7784c840f9b82fc1f0dc9c78c26d839a68f3255eb1007412/images/auto_nearly100.png" alt="">
        <h3>Over 90% get<br>approved*</h3>
      </div>
        <div class="feature-card">
        <img src="https://lomcfe.stripocdn.email/content/guids/CABINET_f9a557dc053f245b7784c840f9b82fc1f0dc9c78c26d839a68f3255eb1007412/images/auto_nohardcreditcheck_3Mp.png" alt="">
        <h3>No hard <br>credit check**</h3>
      </div>
      <div class="feature-card">
        <img src="https://lomcfe.stripocdn.email/content/guids/CABINET_f9a557dc053f245b7784c840f9b82fc1f0dc9c78c26d839a68f3255eb1007412/images/auto_vaapproval.png" alt="">
        <h3>Fast and easy approvals</h3>
      </div>
      <div class="feature-card">
        <img src="https://lomcfe.stripocdn.email/content/guids/CABINET_f9a557dc053f245b7784c840f9b82fc1f0dc9c78c26d839a68f3255eb1007412/images/auto_nolatefeesorpenalties_Ejb.png" alt="">
        <h3>No late fees or<br>penalties</h3>
      </div>
    </div>
  </section>

  <section id="cta" class="container">
    <div id="dropdown" class="hidden">
      <select id="practice-select">
        <option value="" disabled selected>— Select Your Store —</option>
        <option value="https://apply.sunbit.com/STORE_NAME_1">STORE_NAME_1</option>
        <option value="https://apply.sunbit.com/STORE_NAME_2">STORE_NAME_2</option>
        <option value="https://apply.sunbit.com/STORE_NAME_3">STORE_NAME_3</option>
        <option value="https://apply.sunbit.com/STORE_NAME_4">STORE_NAME_4</option>
        <option value="https://apply.sunbit.com/STORE_NAME_5">STORE_NAME_5</option>
        <option value="https://apply.sunbit.com/STORE_NAME_6">STORE_NAME_6</option>
        <option value="https://apply.sunbit.com/STORE_NAME_7">STORE_NAME_7</option>
        <option value="https://apply.sunbit.com/STORE_NAME_8">STORE_NAME_8</option>
        <option value="https://apply.sunbit.com/STORE_NAME_9">STORE_NAME_9</option>
        <option value="https://apply.sunbit.com/STORE_NAME_10">STORE_NAME_10</option>
      </select>
    </div>
  </section>

  <section id="application" class="container hidden">
    <iframe id="app-frame" src=""></iframe>
  </section>

  <script>
    document.getElementById('practice-select').addEventListener('change', (e) => {
      const url = e.target.value;
      if (!url) return;
      const appSect = document.getElementById('application');
      document.getElementById('app-frame').src = url;
      appSect.classList.remove('hidden');
      appSect.scrollIntoView({ behavior: 'smooth' });
    });
  </script>
    <footer>
    <p>
*Subject to approval based on creditworthiness. Payment due at checkout. 0-35.99% APR. A 3-month 0% APR plan is available for all approved customers. 6- and 12-, and 18- month plans with interest are also available. Example: A $885.00 purchase with 28.99% APR, $133.38 down payment and a 6-month term would have monthly payments of $136.09 and a total cost of $949.93. Terms may vary. Not available in VT, WV, or US territories. Account openings and payment activity are reported to a major credit bureau. Sunbit Now, LLC is licensed under the CT Laws Relating to Small Loans (lic. # SLC-1760582 & SLC-BCH-1844702); NMLS ID 1760582. Loans are made by Transportation Alliance Bank Inc., dba TAB Bank, which determines qualifications for and terms of credit.

THIS IS A LOAN SOLICITATION ONLY. SUNBIT NOW, LLC IS NOT THE LENDER. INFORMATION RECEIVED WILL BE SHARED WITH ONE OR MORE THIRD PARTIES IN CONNECTION WITH YOUR LOAN INQUIRY. THE LENDER MAY NOT BE SUBJECT TO ALL VERMONT LENDING LAWS. THE LENDER MAY BE SUBJECT TO FEDERAL LENDING LAWS
    </p>
  </footer>
</body>
</html>
    1. Replace all placeholder text in the STORE LOCATION DROPDOWN section of the code:
      • src=”https://apply.sunbit.com/STORE_NAME_1″ with each store’s unique Pre-qualification Link.
      • STORE_NAME_1 with the display name for each practice.
      • Add as many stores as needed – there’s no limit.
    2. Paste the code into any HTML-friendly CMS or editor.
    3. Add a navigation button to your homepage menu titled: “Repair now, pay with ease” – and link it to the new landing page.
    4. Upload and display digital banners (provided in the media library) to promote the program and increase visibility.

    Appointments Page

    On the appointments form, add a question that asks:

    ‘Would you like to see what monthly payment options are available to you?”

    Dental Website 4