Paperform
Paperform is an online form platform used to create hosted and embedded forms for data collection, registrations and enquiries.
Key features include:
- Inline form embeds
- Full screen form embeds
- Form submission management
Paperform integrates with ShopWired by providing that can be added to individual website pages to display forms on a ShopWired website.
Account creation
Account creation
To use Paperform with ShopWired, create an account on the Paperform website.
Once an account has been created and configured, Paperform will generate an embed code for use on your ShopWired website.
Embed a form within content on a website page
Embed a form within content on a website page
Inline embeds are used to display a Paperform form directly within the content of a website page.
An example of the inline embed code is shown below:
<div data-paperform-id="your-form-id"></div>
<script src="https://paperform.co/__embed.min.js"></script>
The code shown above is provided as an example only. You must copy the exact code provided in your own account, as the code and any ID values will be unique to your website.
To add an inline form embed to a website page:
- Navigate to Website > Themes
- Select
customise your theme - Navigate to the page where the form should be displayed
- Select
add a new section - Select the
custom HTMLsection type - Paste the embed code into the Custom HTML setting
- Use the theme editor to position the form on the page
The Paperform form will now display with the content on the website page.
Full screen form embed
Full screen form embed
Full screen embeds display a Paperform form so that it occupies the entire website page.
An example of the full screen embed code is shown below:
<div data-paperform-id="your-form-id" data-takeover="1"></div>
<script src="https://paperform.co/__embed.min.js"></script>
The code shown above is provided as an example only. You must copy the exact code provided in your own account, as the code and any ID values will be unique to your website.
To add a full screen form embed to a website page:
- Navigate to Website > Website pages
- Select the website page you want to edit
- Select Tick here to enter additional custom HTML/JS/CSS
- Paste the embed code into the Additional HTML/JS/CSS setting
- Select
save changes
The Paperform form will now occupy the entire website page.
Recommendations
Recommendations
- Avoid embedding forms on checkout or payment-related pages, as embedded scripts may interfere with the checkout process.
- Test embedded forms on desktop and mobile devices to confirm layout, submission behaviour, and responsiveness before publishing.
