Where to find the form embed code.

The V2 embed code is has three parts: The Funraise Aware Script, the Form Configuration Script, and the Launch Button. The placement of each of these items in the structure of your webpage is important.

If you do not have advanced code access, it is generally possible to paste the entire donation form embed code directly into the body a page.

1) Place the Funraise Aware script inside your website header. 

  • This script is the same for all Funraise embedded elements so it's a good idea to place this in the <head>  of your website.
  • Only load this script ONCE per page.
<script>
(function(f,u,n,r,a,i,s,e){var data=
{window:window,document:document,tag:"script",data:"funraise",orgId:f,
uri:u,common:n,client:r,script:a};var scripts;var
funraiseScript;data.window[data.data]=data.window[data.data]||
[];if(data.window[data.data].scriptIsLoading||data.window[data.data].s
criptIsLoaded)return;data.window[data.data].loading=true;data.window[d
ata.data].push("init",data);scripts=data.document.getElementsByTagName
(data.tag)
[0];funraiseScript=data.document.createElement(data.tag);funraiseScrip
t.async=true;funraiseScript.src=data.uri+data.common+data.script+"?
orgId="+data.orgId;scripts.parentNode.insertBefore(funraiseScript,scri
pts)})("1e78fec4-8fd0-4a3e-b82b-866c29012531","https://funraise-
development.s3.amazonaws.com”,”/widget/common/2.0","/widget/client","/
inject-form.js");
</script>



2) Place the Form Configuration script inside your website header. 

  • This script configures a particular form. If this is a form that will be used on several pages, it's a good idea to place this script in your site <head>.
  • Only load this script ONCE per page.
<script>
window.funraise.push('create', {form: 12345});
</script>




3) Place the Launch Button code where you want it to appear on your website!

  • Place this code as many times as needed on a page.

<button data-formId="12345" style="background-color: #000000; color: 
#ffffff; font-size: 18px; margin: 10px auto; border-radius: 3px;
padding: 12px 35px; outline: none; border: none; cursor: pointer;
display: block;" type="button" aria-label=“Donate Now”>Donate
Now</button>



Example Page Structure

Single V2 form page structure
Multiple V2 form page structure

Did this answer your question?