Skip to main content
All CollectionsPacks and AppsSales Pipeline PackWeb to Lead App
Embed Web to Lead form on your WordPress site
Embed Web to Lead form on your WordPress site

How to use iframe to embed the web to lead form on your Wordpress site.

Updated over a year ago

Although there isn't a plug-in to embed a Method web to lead form on your WordPress site, you can embed the web to lead form in an iframe which you can place on a page. 

In order to make your web to lead form available on your website, you will need the URL link of the web to lead form.


Finding the Link

The following steps will show you where you can find the link to your form.

  1. Select your Web to Lead App.

  2. Select the web to lead form within the list.

  3. This will edit your web to lead form. On the right, you will find a URL under Link To Form. Click this link to open this up in a new page.

  4. The link is a shortened link, but you will need the full URL. It will look similar to this:

  5. Copy the longer link as shown above. Do not use the MIurl.cc link. 

Note: Make sure the form is enabled by clicking the checkbox. If the form is not enabled, it will not work.


Creating a WordPress Page

Although the web to lead form can be created on any page, we will assume you need to create a new page to put the form on.

You will need the proper permissions within WordPress in order to create a page.

  1. Log in to your WordPress site.

  2. On the left menu, hover over Pages and select Add New:

  3. Fill in the title and any body text you wish to appear before your web to lead form.  


Embedding the Form

The next step is embedding this Method public page (your web to lead form) via an iframe.

An iframe is an HTML technique used to display or embed a webpage within a web page.

  1. Within the WordPress page you created above, you will need to add Custom HTML. This will look different depending on your version of Wordpress.

  2. Copy the following HTML code to your clipboard exactly as shown below:

    <iframe src="[LINK]" frameborder=0 style="width: 460px; height: 1000px; border: 0;">
  3. Paste the code into your WordPress page.

  4. Copy the Link to Form url from earlier. Remember to use the full, expanded version, which will look similar to this (do not use this link, though):

    https://popandskate.method.ws/apps/Public.aspx#/628471c8-1234-4d85-85d8-5594f814ee31/X1BqMWtZN1oxaG5jVTRxSXl6aWdPdy0t
  5. Within the WordPress page, replace the word [LINK] with the URL you copied.

    <iframe src="https://popandskate.method.ws/apps/Public.aspx#/628471c8-4121-4d85-85d8-5594f814ee31/X1BqMWtZN1oxaG5jVTRxSXl6aWdPdy0t" frameborder=0 style="width: 460px; height: 1000px; border: 0;">
  6. Click Preview to check out your new web to lead form.

  7. Click Publish when you are ready to make your page live.

Did this answer your question?