Add Hidden Fields: Paperform
This guide explains how to add hidden fields in Paperform and connect them with your CRM. Hidden fields are useful for capturing and passing information (like UTM parameters, user IDs, or campaign data) from your website into the form without the user seeing or editing them.
Step 1: Add Hidden Fields in Paperform
- Open your form in the Paperform Editor.
- Click + Add Question or type / → you’ll see the available field options.
- Select Short Text as the field type.
- Label it →
channel. - Click on the field type → from the options, select Hidden.
- Make sure the field is selected → in the right sidebar you’ll see field options.
- Locate Question ID → enter the name of the field here (e.g.,
channel).
This ensures the hidden field will capture parameters passed via the URL.
Add the remaining hidden fields (channeldrilldown1, channeldrilldown2, channeldrilldown3, channeldrilldown4, landing_page, landing_page_group).
Video: Step-by-step walkthrough
Step 2: Embed Your Form as an iFrame
To embed your form, use an <iframe> tag on your site.
Basic iFrame Example
<iframe
src="https://paperform.co/forms/your-form-id"
width="100%"
height="400"
frameborder="0">
</iframe>This is the standard way to embed a form using an iFrame.
Enable Attry Tracking
To allow our script to track this iFrame, add the attribute data-attry-iframe to your <iframe> tag:
<iframe
src="https://paperform.co/forms/your-form-id"
data-attry-iframe
width="100%"
height="400"
frameborder="0">
</iframe>The data-attry-iframe attribute signals our script to automatically populate and track form data inside the embedded iFrame.
Step 3: Connecting Paperform to a CRM
Paperform provides native integrations and also supports Zapier/Make and custom Webhooks to connect submissions to virtually any CRM.
Step 4: Add Attry Code To Your Site
How To Add Code To Your Site
Option 1: Using the WP Admin (no code editor)
- Log into WordPress Admin.
- Go to Appearance → Theme File Editor (or Appearance → Editor if block theme).
- Open
header.php. - Paste the Attry script before the closing
<\/head>tag. - Save changes.
Important
The Attry code shown below is an example only. Your unique snippet must be copied from your Attry Dashboard and added to your site. Do not use the example script verbatim.
Example <head> block
<head>
<!-- Attry Main Script -->
<script src="https://cdn.attry.app/cdn/snippet/v1.js"></script>
<!-- Attry iFrame Adapter -->
<script src="https://cdn.attry.app/cdn/adapters/iframe-prefill/v1.js"></script>
<!-- Configure Attry -->
<script>
window.Attry.setConfig({
debug: true, // set to false in production
iframeTagging: {
enabled: true,
paramMap: {
channel: "channel",
channeldrilldown1: "channeldrilldown1",
channeldrilldown2: "channeldrilldown2",
channeldrilldown3: "channeldrilldown3",
channeldrilldown4: "channeldrilldown4",
landing_page: "landing_page",
landing_page_group: "landing_page_group"
},
preserveExisting: false
}
});
</script>
</head>