Paperform logo
ProductTemplatesPricingResources
ProductTemplatesPricingResources
Sign inTry Free

WordPress Plugin

Help Making Forms Integrations

Integrations

Adobe Creative Cloud App Integration OverviewCan I make an automatic phone call upon form submission?Can I send an SMS with Paperform?What are direct integrations?Does Paperform have an API?My direct integration isn't working, what do I do?How do I connect my Adobe account to Paperform?How do I connect my other apps to Paperform?How do I use Zapier?How do I integrate with Airtable?How do I integrate with Discord?How do I integrate with Klaviyo?How do I integrate with monday.com?How do I integrate with Notion?How do I remove a direct integration account?How do I use direct integrations?How do you turn off a direct integration?What are webhooks and how do I use them?How do I integrate with Campaign Monitor?How do I integrate with Constant Contact?How do I integrate with ConvertKit?How do I integrate with Drip?How do I integrate with Dropbox?How do I integrate with Google Sheets?How do I integrate with Help Scout?How do I integrate with Intercom?How do I integrate with Keap (Infusionsoft)?How do I integrate with Mailchimp?How do I integrate with MailerLite?How do I integrate with Meistertask?How do I integrate with Moosend?How do I integrate with Trello?How do I integrate with Zendesk?How do I integrate with Zoho CRM?Quick IntegrationsHow do I use Zapier Filters?How do I use Zapier Formatter?What is Make and how do I use it?What services do you integrate with?WordPress Plugin

How do I install the WordPress plugin?

You can download the plugin here.

What does the WordPress plugin do?

This WordPress plugin helps you embed forms created with Paperform. It provides a block for embedding forms via the Gutenberg editor, along with a shortcode — [paperform id=my-form-id] — for embedding Paperform forms.

How do I use the Paperform block?

It's easy! Just follow these steps.

  1. Insert the Paperform block.

    Either choose Paperform from under the embed section in the block menu, or type /paperform on a new line inside the Gutenberg editor.

  2. Copy and paste the form URL into the form URL box.

  3. You're done! But you can configure more stuff if you want.

If you don't have a form yet, you can create it at Paperform.co.

There are some other options available in the block widget:

  • Use a popup button.
  • Turn on lazy loading (so the form only loads when it comes on screen).
  • Show a spinner while the form is loading.
  • Allow pre-filling through the URL.
  • Disable automatic scrolling, or set an offset to account for fixed navigation bars on your site.
  • Set a height (guided mode only).

Save the post and check out your handy work.

How do I use the Paperform shortcode?

Anywhere you can use a shortcode, simply type [paperform my-form-name] where "my-form-name" is part of the form URL before paperform.co. For example, if your form's direct URL is https://newsletter.paperform.co, then the form's ID would be "newsletter": [paperform newsletter].

Want to configure the embed? The embed supports a bunch of attributes to change the way the embed behaves. See the embedding guide for a full list of supported attributes. To add attributes to your shortcode, you can just add them before the closing ].

For example, [paperform newsletter lazy=1 no-scroll=1].

Can I use the Paperform shortcode to embed a popup button?

Yes! Follow the shortcode instructions above to embed the form, and then you can add the following additional attributes to turn it into a popup button.

  • popup-button — Turn the embed into a button that makes the form pop up when clicked.
  • label — Set the text to be displayed on the button.
  • class — Set any additional CSS classes to be applied.

For example:

[paperform newsletter popup-button=1 label="Show me the form please" class="btn-default btn-lg"]

Related Articles

Can I change my form's width when embedding it as a popup?
Paperform doesn't provide tools to modify the width of your embedded form. An alternative to in-built tools is to apply some CSS rules within the page your form pop-up appears on.