Advanced measures for embedding Dropboard

Step 1: install the script

Go to "Dropboards" in the main navigation and then click "Advanced installation" next to the Dropboard you want to embed.

This will give you a copyable script that you can install on any page of your website where you want jobs to load. For website builders, you'll likely need to find the "Custom Code" feature and add this script to the head or body of your website.

This script can go anywhere and we recommend having it load on all pages to make installation simpler.

This setting in your website builder might look something like this:

Step 2: add text to your site

With your script running on your page, you can now enter the magic text to get Dropboard to appear exactly where you want it.

Your specific magic text will differ from this example, but in the above screenshot it is: Dropboard loading here: drop_acJwpBUBhCi

Alternate option to magic text

If you're able to set a CSS class on an element in your website builder, instead of using the magic text option above you can add the class: put-dropboard-here like so:

<div class="put-dropboard-here"></div>

Troubleshooting

Some website builders, or plugins like Berq, will add a cache around your scripts that can cause issues. You can either try to whitelist/exclude Dropboard from this or modify our script slightly by adding a data-root-url attribute to the script like so:

<script
  type="text/javascript"
  src="https://dropboardhq.com/embed/script.js"
  data-org="[UNIQUE VALUE HERE]"
  data-page="[UNIQUE VALUE HERE]"
  data-root-url="https://dropboardhq.com"
></script>