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 article 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"]