Easily embed a public agreement link into your own website
1) Create a new, public agreement link in Harbour (e.g., https://new.myharbourshare.com/agree/123abc)
2) Within your own website, embed the agreement link using an iframe:
<iframe src="https://new.myharbourshare.com/agree/123ABC" width="100%" height="2000px" scrolling="no" allowtransparency="true">
*Note: make sure the height above matches the maximum height of the agreement link content. You can also optionally disable embed scrolling by adding, scrolling="no" (more scrolling customization info here).
3) Optionally, if you can customize the displayed agreement link styling too (aka change colors, fonts, hide banner)
4) Also, you can also catch an agreement completed event in your main site with:
//In JavaScript, catch the agreement completion event
window.addEventListener("message", (event) => {
if(event.data =='harbour_submission-completed'){
alert("Agreement was completed~! - perform any post-submission action here");
}
}, false);