Default Button

<div class="smartprice-button"></div>

Blue Button

<div class="smartprice-button blue"></div>

Dark Theme Button

<div class="smartprice-button dark"></div>

Sample with pre-filled form

                    
    <div class="smartprice-button" 
            data-firstname="John" 
            data-lastname="Doe" 
            data-phone="2233445566" 
            data-email="test@email.com" 
            data-dob="2000-08-22">
    </div>

Add the following snippet after the body tag:

                
    <script src="https://prescryptive.github.io/smartprice-sdk/modal/bundle.js"></script> // prod environment
    <script src="https://prescryptive.github.io/smartprice-sdk/modal-demo/bundle.js"></script> // test environment
    <script>
        /** Your implementation to receive the memberId
        * from SmartPRICE
        */

        const receiveMessage = (event) => {
            if (event.data.message === 'confirmation'){
                console.log(event.data.value.smartPriceMemberId);
            }
        }
    </script>