Details
Once you've created your lists, added your forms and customised their appearance it's time to add your form(s) to your website. This is particularly useful for subscription forms - so users can subscribe to your mailing list to receive your emails.
Here are some ways you can use webforms once added to your website:
- You could use a subscribe form on your website to collect new newsletter subscriptions organically
- You could add a contact us form to collect customer inquiries - perhaps for a quote request or similar
- To offer an easy means for your contacts to update their profile
- To request feedback via surveys
- To request RSVPs to an event.
How-to Guide
This article contains a number of guides for various related topics. Click below to jump ahead to a particular guide.
- Add Form to Website Using Basic Form Code
- Linking to a Form (via a URL)
- Add Form to Website Using the WordPress Plugin
- Add Form to Website Using Plain HTML Code
- My Form Looks Different, or Isn't Displaying Correctly
- Using the JavaScript SDK (this goes to a separate article)
Add Form to Website Using Basic Form Code
This is the most popular method for embedding our forms onto your website.
- Select Lists and Forms from the sidebar.
- Double-click on the list that you'd like to see the forms for. All of the forms associated with your chosen list will now appear as different tabs near the top of the screen.
- Select the tab that corresponds to the form you'd like to edit.
- Click the Add Form to Website option.
- The HTML code required to embed this form onto your website is now displayed. Copy this code and paste it into your website's HTML where you need the form to appear.
If you don't have access to your website or aren't sure what to do, consult your web developer. - You can also use the Email Code tab to send this code to your web developer for implementation on your website.
Linking to a Form (via a URL)
You can also link directly to the form - this is handy for sharing the form on social media, in an SMS, etc.
- Select Lists and Forms from the sidebar.
- Double-click on the list that you'd like to see the forms for. All of the forms associated with your chosen list will now appear as different tabs near the top of the screen.
- Select the tab that corresponds to the form you'd like to edit.
- Click the Add Form to Website option.
- On the Basic Form Code tab, you'll find a URL (including a short URL) that will link directly to your form. Anyone can open this link in their web browser and fill in your form.
Add Form to Website Using the WordPress Plugin
Use this if your website runs WordPress. You will also need the accompanying WordPress plugin.
- Select Lists and Forms from the sidebar.
- Double-click on the list that you'd like to see the forms for. All of the forms associated with your chosen list will now appear as different tabs near the top of the screen.
- Select the tab that corresponds to the form you'd like to edit.
- Click the Add Form to Website option.
- Select the WordPress tab. Here's you'll find the shortcode to insert onto your page at the spot where you'd like your form to appear.
Don't forget to install the WordPress plugin (also linked on the dialog) - otherwise the shortcode won't work. Looking to do more with your forms - such as use multiple pages, conditional fields, data submission to multiple lists at the same time, custom styling and so on? If your site runs WordPress, why not use our integration with Gravity Forms instead - where you can achieve all of the above & more!
Add Form to Website Using Plain HTML Code
- Select Lists and Forms from the sidebar.
- Double-click on the list that you'd like to see the forms for. All of the forms associated with your chosen list will now appear as different tabs near the top of the screen.
- Select the tab that corresponds to the form you'd like to edit.
- Click the Add Form to Website option.
- Select the Plain HTML tab.
- The plain HTML code required to embed this form onto your website is now displayed. Copy this code and paste it into your website's HTML where you need the form to appear.
If you don't have access to your website or aren't sure what to do, consult your web developer.
My Form Looks Different, or Isn't Displaying Correctly
If your webform isn't displaying correctly once embedded on your website, begin by opening the direct URL to your form in your web browser - as per the section titled "Linking to a Form (via a URL)", above.
If it displays correctly in your browser via the URL, then something on your website (or in your website's code) is causing the design or layout to change - generally a CSS conflict.
We recommend reaching out to a web developer for more details.