How integrate with sendinblue

I use the service sendinblue. How use the plugin with this service? What should i put in the fields of the widget?
This is the code of the form of sendinblue:

		
        <div class="wrapper" style="width:540px; margin:0 auto 80px auto; text-align:left;">
            <form class="description" style="padding: 3px; text-align: center; border: 0px none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 17px; color: rgb(52, 52, 52);" action="https://my.sendinblue.com/users/subscribe/" method="post" onsubmit="return false">
            <input type="hidden" name="hdn_email_txt" id="hdn_email_txt" value="" style="font-family: "Trebuchet MS", Verdana, Tahoma, Geneva, sans-serif; font-size: 13px;">
	    <input type="hidden" name="js_id" id="js_id" value="30wl7" style="font-family: "Trebuchet MS", Verdana, Tahoma, Geneva, sans-serif; font-size: 13px;">  	
	    <input type="hidden" name="primary_type" id="primary_type" value="email" style="font-family: "Trebuchet MS", Verdana, Tahoma, Geneva, sans-serif; font-size: 13px;">
              <div class="sib-container rounded" style="border-radius: 4px; position: relative; margin: 0px; text-align: left; background: rgb(252, 252, 252); padding: 40px 20px 20px; border-width: 0px !important; border-color: transparent !important;">
               <input type="hidden" name="req_hid" id="req_hid" value="~SURNAME~NOME" style="font-size: 13px; font-family: "Trebuchet MS", Verdana, Tahoma, Geneva, sans-serif;">
               <div class="header" style="padding:0 20px;">
                    <h1 class="title editable" data-editfield="newsletter_name" contenteditable="true" style="font-weight: normal; text-align: left; font-size: 34px; margin-bottom: 2px; padding: 0px; margin-top: 0px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(35, 35, 35);">Get on the list</h1>
  		    <h3 id="company-name" contenteditable="true" style="font-weight: normal; text-align: left; font-size: 25px; margin-bottom: 12px; padding: 0px; margin-top: 0px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(52, 52, 52); display: none;"></h3>
                </div>
                    <div class="description editable" data-editfield="newsletter_description" contenteditable="true" style="padding: 0px 20px 15px; border-bottom: 1px solid rgb(204, 204, 204); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(52, 52, 52); font-size: 17px; display: none;"></div>
                    <div class="view-messages" style=" margin:5px 0;"> </div>
                        <!-- an email as primary -->
            <div class="primary-group email-group forms-builder-group ui-sortable" style="">
                
                
            <div class="row" style="padding: 10px 20px; font-size: 17px; position: relative; left: 0px; top: 0px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(52, 52, 52);"><div class="lbl-tinyltr" contenteditable="true" style="clear: both; float: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;">Name<red style="color:#ff0000;">*</red></div>											<input type="text" name="NOME" id="NOME" value="" style="padding: 10px 2%; width: 90%; min-width: auto;">										    <div class="clear" style="clear:both;"></div>										    <div class="hidden-btns">											<a class="btn move" href="#"><i class="fa fa-arrows"></i></a><br>											<a class="btn btn-danger delete" href="#"><i class="fa fa-trash-o fa-inverse"></i></a>										</div>									</div><div class="row" style="padding: 10px 20px; font-size: 17px; position: relative; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(52, 52, 52);"><div class="lbl-tinyltr" contenteditable="true" style="clear: both; float: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;">Last Name<red style="color:#ff0000;">*</red></div>											<input type="text" name="SURNAME" id="SURNAME" value="" style="padding: 10px 2%; width: 90%; min-width: auto;">										    <div class="clear" style="clear:both;"></div>										    <div class="hidden-btns">											<a class="btn move" href="#"><i class="fa fa-arrows"></i></a><br>											<a class="btn btn-danger delete" href="#"><i class="fa fa-trash-o fa-inverse"></i></a>										</div>									</div><div class="row mandatory-email" style="padding: 10px 20px; position: relative; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(52, 52, 52); font-size: 17px; left: 0px; top: 0px;">
                    <div class="lbl-tinyltr" contenteditable="true" style="clear: both; float: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;">Email?<red style="color:#ff0000;">*</red></div>
                    <input type="text" name="email" id="email" value="" style="padding: 10px 2%; width: 90%; min-width: auto;">
                    <div style="clear:both;"></div>
                    <div class="hidden-btns">
                        <a class="btn move" href="#"><i class="fa fa-arrows"></i></a><br>
                        <!--<a class="btn btn-danger delete"  href="#"><i class="fa fa-trash-o fa-inverse"></i></a>-->
                    </div>
                </div></div>
                                        <div class="captcha forms-builder-group" style="display: none;"><div class="row" style="font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(52, 52, 52); font-size: 17px; padding: 10px 20px;"><div id="gcaptcha" style="transform: scale(1); margin-left: 0px;"></div></div></div>
                         
            <!-- end of primary -->
                         <div class="byline" style="font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(52, 52, 52); font-weight: bold; font-size: 16px; text-align: center; display: block;">
                         <button class="button editable " type="submit" data-editfield="subscribe" contenteditable="true" style="font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(255, 255, 255); background: rgb(5, 5, 5); display: inline-block; white-space: nowrap; min-height: 40px; margin: 0px 5px 0px 0px; padding: 0px 22px; text-decoration: none; text-transform: uppercase; text-align: center; font-weight: bold; font-style: normal; font-size: 14px; cursor: pointer; border: 0px; border-radius: 4px; vertical-align: top; height: auto; line-height: 150%;">Subscribe</button></div>
                         <div style="clear:both;"></div>
            </div>
          </form>
        </div>
        <!-- get country list -->
        <script type="text/javascript">
            var countryList;
            var countryListHtml = '';
            $.ajax({
                url: 'https://my.sendinblue.com/users/get-country-list',
                dataType: 'json',
                type: 'POST',
                async: false,
                success: function (data) {
                    countryList = data.countryList;
                }});
            for( var i = 0; i< countryList.length; i++)
            {
                countryListHtml += '<li><a href="#" data-code="' + countryList[i].code.substr(1) + '" data-c_code="' + countryList[i].c_code + '"> <span class="cflags ' + countryList[i].c_code+ '"></span>' + countryList[i].country + ' ' +countryList[i].code + '</a></li>';
            }
            $('.country-block ul').append(countryListHtml);

            $(document).on('click', '.sib-dropdown-toggle.country-flg', function() {
                $(".country-block ul").toggle();
            });

            $(document).on( 'click', '.country-block ul li a' ,function() {
                var code = $(this).data('code');
                var cCode = $(this).data('c_code');
                $('.sib-dropdown-toggle .cflags').attr('class','cflags');
                $('.sib-dropdown-toggle .cflags').addClass(cCode);

                // update country prefix
                $('#sms_prefix').val('+' + code);

                $(".country-block ul").hide();
            });

            $(document).bind('click', function(e) {
                var $clicked = $(e.target);
                if (! $clicked.parents().hasClass("country-block"))
                    $(".country-block ul").hide();
            });

            function isNumberKey(evt){
                var charCode = (evt.which) ? evt.which : event.keyCode
                if (charCode > 31 && (charCode < 48 || charCode > 57))
                    return false;
                return true;
            }
        </script>
	

The page I need help with: [log in to see the link]