Pixeling your Form
Sometimes it is useful to send traffic directly to a JotForm, without having to embed the form in a page, first. When you do that, you also want to ensure that your marketing beacons are firing on the JotForm.
Here's one way to do it.
Creating the Facebook Pixel Page
First, you'll need a blank page hosted someplace on your website that already has the pixel embedded and allows embedding.
In WordPress, simply go to Pages | New Page, name it whatever you'd like, and hit "Publish". No content required. Assuming that your website is already setup with your Facebook pixel tracking code, the new page should work just fine inside JotForm.
You can also create a simple HTML page that has nothing but your tracking code, and this may be a bit more performant.
Other platforms are similarly easy, but beyond the scope of the tutorial
You'll want to install the Facebook Pixel Helper for Chrome to ensure that your pixel is working.
Get the url for your blank pixel page, and save it someplace.
Setting Up JotForm
Once you have your page ready, login into JotForm and find the form that you want to use. On your JotForm, add a new "iframe embed" widget.
For the Frame URL, you'll want to put a link to your web-page that already has the pixel.
Then, under custom css - add the following code to the JotForm widget settings (to essentially hide the frame that contains your Facebook Pixel):
Here's the text you'll need to use. This makes the iframe 1x1, which is essentially an invisible pixel.
Under the "settings", you'll also want to set the height & width both to one.
That's it! Now preview the form, and your Facebook Pixel helper should show that pixel is firing!
I hope that you've found this article useful. If you'd like to discuss scaling out your current online business, give me a shout. I'd love to know what you're up to.
