It is very easy to trigger a Identity Management template from an Offer template — you need to assign a special function login() or register() to a button, for example like this:
<button type="button" ng-click="login()">Login</button>
What if you need to do the same from your website? For example, you also have a button outside of a Piano template that says Login, and you want to start a login or registration process when a user clicks on it? Then you should use a function that would call the relevant Identity Management template, and then simply assign it to the button. The function (for the login or register screen) included in the full Identity Management JavaScript might look somewhat like this:
tp = window.tp || [];
tp.push(['setUsePianoIdUserProvider', true]);
tp.push(["init", function() {
tp.pianoId.show({
disableSignUp: false,
displayMode: 'inline',
screen: 'register | login',
containerSelector: '#id-form',
});
}]);
You may add more properties to this config object. Please visit this documentation for more information about the available options.