In order to make your donor page available on your website, the form must be created and you must have the link to that Method public page in order to embed it in your website.
Getting the Link
The following steps will show you where you can find the link to your form.
1. Click Setup on your Donor Pages App. This opens your main setup page.
2. The link to your public donate now page is under Test Drive.
The URL for your public page is available on this screen, but it is strongly recommended you do not share this link until you have completed all of your setup process, or the page will not work as intended.
Embedding the Form
The next step is embedding this Method public page (your donor page) on your website. There are a few ways this can be done, but we will cover how to do this via an iframe.
An iframe is an HTML technique used to display or embed a webpage within a web page. Iframes are an easy and effective way when using a third party website (like your Method donor page) in which you want your website visitors to interact with without leaving your website.
1. Click the Embed on your website button.
2. Copy the HTML code as shown in the dialog box:
3. On your website, edit the page you would like to add this iframe to and insert the above code where appropriate.
4. Some websites require a secure connection using https. Method supports this and all you need to do is add an "s" to the url. Using the above example, the link would look like this:
<iframe src="https://MIurl.cc/OyDZqXml" frameborder=0>
Expand the Link First
If you find the page takes a long time to load, you can instead embed the full URL as opposed to the short MIurl.cc.
To get the full URL, simply click on the MIurl.cc, and it will open the Web-to-lead form in a new tab.
The full URL will be a long address and will look similar to this:
Copy the longer link as shown above and use that within your iframe source:
<iframe src="https://popandskate.method.ws/apps/Public.aspx#/628471c8-4121-4d85-85d8-5594f814ee31/X1BqMWtZN1oxaG5jVTRxSXl6aWdPdy0t" frameborder=0 style="width: 460px; height: 1000px; border: 0;">