Using the Kindful Embed Tool
Using the Kindful Embed Tool, a Tailfish WordPress plugin, we can now post multiple Kindful campaign forms on a single page. The page will show only one form at a time, but you can select between them with code rather than building multiple pages on the Amazi site. You must specify a default form code in the page’s initial shortcode, but then you can supercede this code with query strings embedded in the URL for (1) emails, (2) social posts, (3) other sites as referring URLs, (4) direct mail, (5) QR codes, etc. (6)other pages within the Amazi site, etc.
To embed the form on the page, use the following WordPress shortcode.
[kindful defaultcode=“xxxx”]
Where the default code is only the repeated form ID provided in the embed code from Kindful.
For instance, in the following code provided by Kindful:
<div class='kindful-embed-wrapper' id='kindful-donate-form-84b3f132-2025-43a0-aa1c-6b551bf408f0'></div> <script src='https://amaziwater.kindful.com/embeds/84b3f132-2025-43a0-aa1c-6b551bf408f0/init.js?type=form' data-embed-id='84b3f132-2025-43a0-aa1c-6b551bf408f0' data-lookup-type='jquery-selector' data-lookup-value='#kindful-donate-form-84b3f132-2025-43a0-aa1c-6b551bf408f0'></script>
The code we would use here would ONLY be:
84b3f132-2025-43a0-aa1c-6b551bf408f0
Then you can override the default form code with the following query string added to that page’s URL. For instance, you add the Form ID as a variable using the following:
?kindful=32b6f156-2433-4a50-441c-76393bf432f0
For example, you could use the following URL to link to the landing page and use the designated Kindful forms.
https://amaziwater.org/page-slug/?kindful=32b6f156-2433-4a50-441c-76393bf432f0
That means that we can create as many forms as we want in Kindful, each with their own “campaign code” built in. And create a single landing page that will accommodate all of those forms, eliminating the need to create multiple landing pages (like we had to do for /thirstyfamilies1, /thirstyfamilies2, /thirstyfamilies3, etc).
- Either the Form ID code is incorrect or improperly formatted — they must be copied directly from Kindful and include all included dashes and no spaces; or
- the form has not active in the Kindful system —either the form was deleted or has not been created in Kindful at all.