Skip to main content

Your First SBA Loan

Designed for small business owners that are investigating funding options for their business. Guides users through various types of SBA loans and shows them an estimation of how much they should consider borrowing.

Coach ID: [business-loans]

Note: You will use the Coach’s ID when you follow the instructions below to embed this Coach into your site.

There are two ways you can embed Banzai Coaches onto your own website:

  1. With a JavaScript Snippet or
  2. Using an iFrame.

Follow the instructions for whichever process you’d prefer.

A JavaScript Snippet​

In most cases you will want to deploy Banzai's Coaches to your website via the simple JavaScript snippet. This strategy ensures that Coaches are screen-responsive, adapting to mobile devices and desktops alike. Here's an example of how to construct your web page if using a JavaScript snippet:

<html>
  <head><head/>
  <body>
  <!-- STEP 2: A <div> with class="__banzai-coach" will insert the activity. -->
  <div id="business-loans" class="__banzai-coach"></div>

  <!-- STEP 3: JavaScript snippet embeds Banzai's library of activities. -->
  <script>!function(e,t){var s="script",a=e.getElementsByTagName(s)[0],n=e.createElement(s);n.async=!0,n.src="https://banzai.org/coach/styles.js?subdomain=hometown",a.parentNode.insertBefore(n,a)}(document);</script>
  </body>
</html>

  1. Within the snippet above, change the hometown—e.g., subdomain=hometown—to your subdomain.

  2. Add the following code to your page in the position you want the Coach to appear:

<div id="business-loans" class="__banzai-coach"></div>
  1. Insert the JavaScript snippet before the closing </body> tag of the article or resource that will contain this Coach:
<script>!function(e,t){var s="script",a=e.getElementsByTagName(s)[0],n=e.createElement(s);n.async=!0,n.src="https://banzai.org/coach/styles.js?subdomain=hometown",a.parentNode.insertBefore(n,a)}(document);</script>

An iFrame​

Adding a Coach via an iframe is similar to how you might embed a YouTube or Vimeo video on your website. Here's a complete example of an <iframe> embedded activity in context of a web page:

<html>
  <head>
    ...
  </head>
  <body>
    <h1>Example Web Page</h1>
    <iframe src="https://banzai.org/coach/business-loans?subdomain=hometown" width="800" height="800" frameborder="0"></iframe>
  </body>
</html>

To implement an iframe Coach on your website, update the following properties:

  1. Verify that the resource ID matches the one provided for the activity you want to embed e.g., business-loans.

  2. Within that snippet, change the hometown—e.g., subdomain=hometown—to your subdomain.

  3. Once those properties are changed, add the updated code to your page in the position you want the Coach to appear.

The following properties are optional:

  • Width. Sets the width of the iframe. The recommended iframe sizing for this Coach is 1200px x 720px.

  • Height. Sets the height of the iframe. Note both width and height are fixed—they are not responsive. The section below recommends widths and heights for each activity. Note: if you set the width (or height) of an activity beyond its maximum width, a colored boundary will appear—the boundary indicates that you've set one of the properties too high.

Important: The iframe solution is not responsive and these widths and heights—measured in pixels—are a basic estimation of the size of each Coach on a standard desktop/laptop viewport. The sizing given for each of these Coaches are subject to change as we update our suite, and are meant only as a recommendation. It should also be noted that sizing may not be exact if you have CSS or page layouts that conflict with the styles of these Coaches.