Fillout
Fillout is a platform for creating forms, surveys and quizzes that can be embedded into websites to collect responses and user data.
Key features include:
- Form and survey builder
- Conditional logic and dynamic fields
- Multiple embed display types
- Response collection and management
- Integration with external tools
Fillout integrates with ShopWired by providing that can be added to website pages so you can display forms and capture user responses.
Account creation
Account creation
Create an account on the website at Fillout.
After creating your form, Fillout will provide the embed code required to display it on your website.
Adding a standard embedded form
Adding a standard embedded form
Fillout provides embed code similar to the example shown below:
<div style="width:100%;height:500px;" data-fillout-id="YOUR_ID" data-fillout-embed-type="standard" data-fillout-inherit-parameters data-fillout-dynamic-resize></div>
<script src="https://server.fillout.com/embed/v1/"></script>
The code shown above is provided as an example only. You must copy the exact code provided in your own account.
- Navigate to Website > Themes
- Select
customise your themefor the theme you want to edit - Navigate to the page where you want the form to display
- Select
add a new section - Select the
custom HTMLsection type - Paste the embed code into the Custom HTML setting
- Position the section as required
- Save your changes
If you want to add the form to a website page select the Tick here to enter additional custom HTML/JS/CSS setting to add the code.
Adding a popup form
Adding a popup form
Fillout provides popup embed code similar to the example shown below:
<div data-fillout-id="YOUR_ID" data-fillout-embed-type="popup" data-fillout-dynamic-resize data-fillout-inherit-parameters data-fillout-popup-size="medium"></div>
<script src="https://server.fillout.com/embed/v1/"></script>
The code shown above is provided as an example only. You must copy the exact code provided in your own account.
- Navigate to Website > Themes
- Select
customise your themefor the theme you want to edit - Navigate to the page where you want the popup to trigger
- Select
add a new section - Select the
custom HTMLsection type - Paste the embed code into the Custom HTML setting
- Save your changes
Adding a full screen form
Adding a full screen form
Fillout provides full screen embed code similar to the example shown below:
<div style="position:fixed;top:0px;left:0px;right:0px;bottom:0px;">
<div data-fillout-id="YOUR_ID" data-fillout-embed-type="fullscreen" style="width:100%;height:100%;" data-fillout-inherit-parameters></div>
<script src="https://server.fillout.com/embed/v1/"></script>
</div>
The code shown above is provided as an example only. You must copy the exact code provided in your own account.
- Navigate to Website > Themes
- Select
customise your themefor the theme you want to edit - Navigate to the page where you want the form to display
- Select
add a new section - Select the
custom HTMLsection type - Paste the embed code into the Custom HTML setting
- Save your changes
Adding a slider form
Adding a slider form
Fillout provides slider embed code similar to the example shown below:
<div data-fillout-id="YOUR_ID" data-fillout-embed-type="slider" data-fillout-slider-direction="right" data-fillout-inherit-parameters data-fillout-popup-size="medium"></div>
<script src="https://server.fillout.com/embed/v1/"></script>
The code shown above is provided as an example only. You must copy the exact code provided in your own account.
- Navigate to Website > Themes
- Select
customise your themefor the theme you want to edit - Navigate to the page where you want the slider to display
- Select
add a new section - Select the
custom HTMLsection type - Paste the embed code into the Custom HTML setting
- Save your changes
Recommendations
Recommendations
- Use landing pages to isolate form-driven campaigns
- Select the appropriate embed type based on user journey
- Avoid placing multiple forms on the same page
- Test form behaviour across devices before publishing
- Keep a record of form IDs and where they are embedded
