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"></div>
         <div class="fast-or">OR< /div></div>
         <fast-login app_id="REPLACE-WITH-YOUR-APP-ID"></fast-login>
     < /div>
     <style></style>
         .fast-wrapper {
             margin-left: auto;
             margin-right: auto;
             width: 100%;
             border-bottom: 1px solid #dfdfdf;
             padding-bottom: 40px;
             margin-bottom: 20px;
             padding-top: 20px;
         }
         .fast-or {
             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 {
                   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"></div>
     <div class="fast-or">OR< /div></div>
     <fast-login app_id="REPLACE-WITH-YOUR-APP-ID"></fast-login>
 < /div>
 <style></style>
     .fast-wrapper {
         margin-left: auto;
         margin-right: auto;
         width: 100%;
         border-bottom: 1px solid #dfdfdf;
         padding-bottom: 40px;
         margin-bottom: 20px;
         padding-top: 20px;
     }
     .fast-or {
         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 {
               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"></div>
       <fast-login app_id="REPLACE-WITH-YOUR-APP-ID"></fast-login>
    < /div>
    <style></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 ----------- >-->