Show Full Documentation

Spray To Swath www.spraytoswath.ca
Widget Snippet Generator

This tool is designed for an experienced developer to integrate the Spray to Swath Calculator into their website.

If you need help with the implementation, please email lee@suckerpunch.ca or jesse@suckerpunch.ca

How the Widget Works:

Big Box or Custom Sized widget in either 1 or 2-page variation.

  1. Page 1 allows for two sizes: Big Box and Custom
  2. In a 2-Page application, on completion of step 1, a link is made to the Page2 url
  3. Page 2 shows results in a larger sized window
  4. For 1-page applications, a scrollbar is used to access the whole application.

Page2 can be made to be responsive; the iframe will be wrapped in a Bootstrap-compatible div.embed-responsive, and will have no width property set, but will have style="width: 100%;". The widget will then take up the entire width of the container that the code is placed in.

Demonstration Website

Fill in the blanks to generate a JavaScript snippet.
Then simply copy and paste on the proper page the proper snippet where you would like the widget to appear!

Select a Crop Type


Select a layout


Page 1 (Step 1 small size)

Page 1 Featured On URL
Must start with http:// or https://
Widget Size Defaults
Page 1 Widget Width
Page 1 Widget Height

Page 2 Results (large size)

Page 2 Featured On URL
Must start with http:// or https://
Page 2 Widget Width (Enter 0 for responsive)
Page 2 Widget Height

Widget Code

On Page 1 where you want the widget put this code:

On Page 2 where you want the widget put this code: