Cognito Forms
Cognito Forms is an online form builder that allows forms to be created and embedded on websites to collect visitor data.
Key features include:
- Form builder with configurable fields and validation
- Multiple embed methods including JavaScript and iframe
- Form entry management within the Cognito Forms dashboard
- Optional integrations with third-party services
Cognito Forms integrates with ShopWired by providing an to display forms on ShopWired website pages.
Account creation
Account creation
Create an account on the Cognito Forms website. Once your account is created and configured, Cognito Forms will provide you with an embed code.
Embedding a Cognito form into your website.
Embedding a Cognito form into your website.
Once the form is published, Cognito Forms will provide JavaScript embed code similar to the example shown below:
<script
src="https://www.cognitoforms.com/f/seamless.js"
data-key="YOUR_ACCOUNT_KEY"
data-form="FORM_ID">
</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.
Add the embed code to your ShopWired website:
- Navigate to Website > Themes
- Select
customise your theme - Open the page where the form should appear
- Select
add a new section - Select the
custom HTMLsection type - Paste the embed code into the Custom HTML setting
- Select out of the section and use the theme editor to position the form on the page
- Save changes
Embedding a Cognito form using iframe
Embedding a Cognito form using iframe
This method embeds the form within an .
Once the form is published, Cognito Forms will provide iframe embed code similar to the example shown below:
<iframe
src="https://www.cognitoforms.com/f/FORM_ID"
style="border:0;width:100%;"
height="700">
</iframe>
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.
Add the embed code to your ShopWired website:
- Navigate to Website > Themes
- Select
customise your theme - Open the page where the form should appear
- Select
add a new section - Select the
custom HTMLsection type - Paste the embed code into the Custom HTML setting
- Select out of the section and use the theme editor to position the form on the page
- Save changes
Recommendations
Recommendations
- Test embedded forms on desktop and mobile devices after publishing.
- Use a single embed method per page to avoid display or loading issues.