Jotform

Jotform is a platform for creating and managing online forms that collect information from website visitors. Forms can be used for surveys, enquiries, registrations, feedback, and other data collection purposes.

Key features include:

Online form builder with drag-and-drop fields
Pre-built form templates for common use cases
Form submission management and response collection
Embeddable forms for websites
Integration with external services for data processing

Jotform integrates with ShopWired by providing embeddable form code that can be added to your theme or website pages so you can collect information from customers directly on your website.

ShopWired can only provide support for the instructions in this help guide. For assistance with your Jotform account, contact Jotform support directly.

Account creation

Create an account on the Jotform website at Jotform.

After creating an account you can build a form using the form builder or choose from one of the available templates. When the form is ready to publish, Jotform provides embed code that can be added to your website.

Theme installation

To install the Jotform feedback button on every page of your website, Jotform provides an embed code which is added to your theme so the button can display across the entire site.

The embed code will be similar to the example shown below.

<script src="https://cdn.jotfor.ms/s/static/latest/static/feedback2.js"></script>
<script>
var componentID = new JotformFeedback({
type: false,
width: 700,
height: 500,
fontColor: "#FFFFFF",
background: "#F59202",
formId: "123456789",
buttonText: "Feedback",
buttonSide: "left",
buttonAlign: "center"
});
</script>

The code shown above is provided as an example only. You must copy the exact code provided in your own Jotform account, as the code and any ID values will be unique to your website.

Navigate to Website > Themes
Select the code editor option for the theme you want to edit
Open the master.twig file
Add the embed code just before the closing </head> tag
Select Save changes

After adding the code, the feedback button will display on every page of your website.

Adding a Jotform feedback button to website pages

The Jotform feedback button can also be added to individual website pages using the embed code provided in your Jotform account.

The embed code will be similar to the example shown below.

<script src="https://cdn.jotfor.ms/s/static/latest/static/feedback2.js"></script>
<script>
var componentID = new JotformFeedback({
type: false,
width: 700,
height: 500,
fontColor: "#FFFFFF",
background: "#F59202",
formId: "123456789",
buttonText: "Feedback",
buttonSide: "left",
buttonAlign: "center"
});
</script>

The code shown above is provided as an example only. You must copy the exact code provided in your own Jotform account.

Navigate to Website > Themes
Select customise your theme
Select add a new section
Select the custom HTML section type
Paste the embed code into the Custom HTML setting
Position the section where you want the button to appear on the page

Use ShopWired's landing pages feature to create a dedicated page for your form. If you want to add the code to a website page, select the Tick here to enter additional custom HTML/JS/CSS setting to add the embed code.

Adding a Jotform iframe to website pages

Jotform can provide an iframe embed for displaying a form directly on a webpage.

The embed code will be similar to the example below.

<iframe
id="JotFormIFrame"
title="Customer Satisfaction Survey Form"
src="https://form.jotform.com/123456789"
frameborder="0"
style="min-width:100%;max-width:100%;height:539px;border:none;"
scrolling="no">
</iframe>
<script src="https://cdn.jotfor.ms/s/umd/latest/for-form-embed-handler.js"></script>