Site pages

Your WePlant Badge

1. Add this code to you website


<script>
window.addEventListener("load", function(){
	var [script, id, js] = ["script", "weplant-js", ""];
	var fjs = document.getElementsByTagName(script)[0];
	if (!document.getElementById(id)) {
		js = document.createElement(script);
		js.id = id;
		js.src = "https://widget.forestnation.com/widget.min.js";
		fjs.parentNode.insertBefore(js, fjs);
	}
	window.weplantLayer = window.weplantLayer || [];
	weplantLayer['uid'] = '#USERID#';
	weplantLayer['refid'] = '#REFID#';
});
</script>

2. Display WePlant Badge

Add these code snippets to the header or footer templates of your website to display on all pages. Or just add to the pages you want the badge to display on.

Bottom Left (default)

<ins class='weplant-mh'> </ins>

Demo example


Bottom Right

<ins class='weplant-mh' data-position='right'> </ins>

Demo example


Bottom Center

<ins class='weplant-mh' data-position='center'> </ins>

Demo example


Inline

<ins class='weplant-mi'> </ins>

Demo example


Thank You Badge

<ins class='weplant-mh-ty'> </ins>

Demo example


Thank You Badge Specific Page

<ins class='weplant-mh-ty' data-path='/example/page/only'> </ins>

Size Parameter

<ins class='weplant-mh' data-size='75'> </ins>

Demo example

3. Custom Modal Content

Add any text you like in the parameter data-text. The standard modal content will not be displayed.

<ins class='weplant-mh-custom' data-text="Add any custom message and CTA  you like..."> </ins>

Demo example

4. Custom Tagline

Communicate why you are planting!

Oops! You need to be logged in to use this form.