Issue with sendsafely integration

Hello,

I am trying to connect sendsafely by following = https://sendsafely.zendesk.com/hc/en-us/articles/360033095111-Installing-the-Portal-Widget-for-Freshdesk

I am able to see the widget when logged in as agent and if replying to existing ticket.

But,

Unable to see sendsafely option while creating a new ticket as a agent & as a customer.

In page layout section of portal customization, I am adding code as follows = 

<div style="display:none" id="helpdesk_ticket">{{ portal.user.email }}</div>
	<script>
	  var dropzoneId = 'N4NDMkVvt-mykey';  
	  var sendsafely = new SendSafelyFreshdesk(dropzoneID);
  	  sendsafely.api.url = 'https://www.sendsafely.com';
      sendsafely.initialize();
	</script>

</div>

In Head section at portal customization, I am putting following code at line number 10 =

<script type="text/javascript" src="https://app.sendsafely.com/js/external/SendSafelyFreshdesk.min.js"></script>

  
Pls help thanks.

Regards,

Amey.