Skip to content
Codes to embed a search box for the Audubon Native Plants database on other websites
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
README.md
np-embed-examples.png

README.md

Audubon Native Plants Database Search Embed Codes

Codes to embed a search box for the Audubon Native Plants database on other websites.

The embed comes in two sizes and two color variations. Use whichever one suits your website best.

Sizes

Box: 360 x 320 px

Rectangle: 600 x 175 px

Native Plant embed examples

Embed Codes

White Box

<script>
var nativePlantsEmbedFormSettings = {
  color_scheme: 'white',
  shape: 'square',
};
</script>
<script id="native-plants-embed-form" src="//www.audubon.org/sites/all/modules/custom/native_plants_embed_form/native_plants_embed_form.min.js"></script>

White Rectangle

<script>
var nativePlantsEmbedFormSettings = {
  color_scheme: 'white',
  shape: 'rectangle',
};
</script>
<script id="native-plants-embed-form" src="//www.audubon.org/sites/all/modules/custom/native_plants_embed_form/native_plants_embed_form.min.js"></script>

Black Box

<script>
var nativePlantsEmbedFormSettings = {
  color_scheme: 'black',
  shape: 'square',
};
</script>
<script id="native-plants-embed-form" src="//www.audubon.org/sites/all/modules/custom/native_plants_embed_form/native_plants_embed_form.min.js"></script>

Black Rectangle

<script>
var nativePlantsEmbedFormSettings = {
  color_scheme: 'black',
  shape: 'rectangle',
};
</script>
<script id="native-plants-embed-form" src="//www.audubon.org/sites/all/modules/custom/native_plants_embed_form/native_plants_embed_form.min.js"></script>
You can’t perform that action at this time.