Install Fast Login Examples
Login for Sign in account page
Cornerstone location: /templates/pages/auth/login.html

Insert after: <h1 class="page-heading">{{lang 'login.heading' }}</h1>
<!------ FAST CHECKOUT BUTTON START ----------->
{{#unless customer}}
     <div class="fast-wrapper-login">
         <div class="fast-or-login">OR</div>
         <fast-login app_id="REPLACE-WITH-YOUR-APP-ID" />
     </div>
     <style>
         .fast-wrapper-login {
             margin-left: auto;
             margin-right: auto;
             width: 100%;
             border-bottom: 1px solid #dfdfdf;
             padding-bottom: 40px;
             margin-bottom: 20px;
             padding-top: 20px;
         }
         .fast-or-login {
             position: relative;
             top: 100px;
             background: white;
             width: 40px;
             text-align: center;
             margin-left: auto;
             margin-right: auto;
             color: #757575;
         }
         @media (min-width: 551px) {
               .fast-wrapper-login {
                   padding-left: 30%;
                   padding-right: 30%;
                   border: 1px solid #dfdfdf;
                   border-radius: 5px;
               }
           }
     </style>
     {{/unless}}
<!------ FAST CHECKOUT BUTTON END ----------->
Login for Create account page
Cornerstone location: /templates/pages/auth/create-account.html

Insert after: <h1 class="page-heading">{{lang 'create_account.heading' }}</h1>
<!------ FAST CHECKOUT BUTTON START ----------->
{{#unless customer}}
 <div class="fast-wrapper-create-account">
     <div class="fast-or-create-account">OR</div>
     <fast-login app_id="REPLACE-WITH-YOUR-APP-ID" />
 </div>
 <style>
     .fast-wrapper-create-account {
         margin-left: auto;
         margin-right: auto;
         width: 100%;
         border-bottom: 1px solid #dfdfdf;
         padding-bottom: 40px;
         margin-bottom: 20px;
         padding-top: 20px;
     }
     .fast-or-create-account {
         position: relative;
         top: 100px;
         background: white;
         width: 40px;
         text-align: center;
         margin-left: auto;
         margin-right: auto;
         color: #757575;
     }
     @media (min-width: 551px) {
           .fast-wrapper-create-account {
               padding-left: 30%;
               padding-right: 30%;
               border: 1px solid #dfdfdf;
               border-radius: 5px;
           }
       }
 </style>
 {{/unless}}
<!------ FAST CHECKOUT BUTTON END ----------->
Login button in the website footer
Cornerstone location: /templates/components/common/footer.html

Insert it inside one of the <article> </article> tags
<!------ FAST CHECKOUT BUTTON START ----------->
{{#unless customer}}
<div class="fast-footer">
   <fast-login app_id="REPLACE-WITH-YOUR-APP-ID" />
</div>
<style>
 
   .fast-footer {
     width: 100%;
     padding-bottom: 20px;
     border-radius: 5px;
     padding-top: 20px;
     border:none;
     margin-top: 20px;
   }
 @media (min-width: 551px) {
     .fast-footer {
         padding-left: 30%;
         padding-right: 30%;
         border: 1px solid #323232;
     }
 }
</style>
{{/unless}}
<!------ FAST CHECKOUT BUTTON END ----------->
Other useful tips
Test Mode: Only show the buttons if the logged in user has First Name: "Fast", Last Name: "Testing"
Wrap each snippet with this:
{{#if customer.name '===' 'Fast Testing'}}

<SNIPPET-CODE/>

{{/if}}