Embedding your donate button to a page or post:
- Include the button tag and script inside of a “Code” block on your page.
- Add the Kindful plugin script tag to your website’s head (under Settings > SEO > Header Code)
Using one of your nav-links as a donate button:
- View your website and open up developer tools. Grab the id of the link you’re wanting to turn into a donate button (or the link of it’s wrapper div)... ie: #pg252695280940803448 a
- Add the Kindful plugin script tag to your website’s head (via the embed-code plugin, or elsewhere). Use ‘jquery-selector’ lookupType option and use your unique jquery selector you found w/ developer tools (ie: “#pg252695280940803448 a”) as lookupValue. If you want button styles applied, leave as is, otherwise set the option: “data-styles-off=’true”, ie: http://melaniemhall.weebly.com/
Finding Developer Tools in your Browser
As well as a menu shortcut, you can access the Developer Tools easily either pressing "F12" in Windows or "Cmd" ⌘, "Option" ⌥ and "I" on the Mac, or by right clicking on the page and selecting “Inspect Element”.
In Safari, you will need to enable the Developer Tools by checking the option in Preferences > Advanced > Show Develop Menu first.
In Opera, you will need to enable Developer Tools by checking the option in More Tools > Enable developer tools.
Since Firebug is an extension for Firefox, you will need to install the add on from http://getfirebug.com/”