Growform Multi Step Form Builder
  • Templates
  • Integrations
  • Testimonials
  • Pricing
  • Contact us
  • Log in
  • Free trial

3 Ways To Embed Your Form With Growform

Whether you’re optimising a client’s landing page or collecting responses for a survey, there are various ways to share Growform forms, each perfect for a different use-case.

1 – Embed directly on page [recommended for most]

The growform form is seen directly on the page, and appears to the user to simply be part of the website.


Advantages

  • The easy way to get what you see on the Growform editor onto your website
  • Will usually perform best (in terms of conversion rate)

Disadvantages

  • You may wish to have the form show on button press (if so, see below)

To embed directly on page, and see your Growform form embedded on your website:

1.) Edit your form and hit “Share form” in the top bar.
2.) Choose “Embed growform on my website with an HTML snippet”.
3.) Copy and paste the code into your website’s HTML editor

2 – Embed with button/link

The growform form fades in as an overlay once a user presses a link or button on your page. It can be closed with the “X” in the top right corner.


Advantages

  • Perfect if your visitors are taking a deliberate action (eg. “Get a quote”) or you want them to read your landing page first
  • Get a high converting lead form whilst maintaining the current layout/structure of your site


Disadvantages

  • Requires some basic HTML/JavasScript knowledge (just ask on our live chat – we can help!)

To embed with a button/link and see a Growform modal when a user clicks something on your page:

1.) On your website, choose the element you wish to activate the Growform modal and give it a unique “id” attribute. For example, “myButton123”.
2.) Edit your form and hit “Share form” in the top bar.
3.) Choose “Embed Growform as a modal when my users click a button or link”
4.) Replace “myButton123” in our code with the name of your chosen “id” attribute
5.) Copy and paste the code into your website’s HTML editor

3 – Link to form [not recommended for most use cases]

The growform form is accessible directly through a URL. To implement this, simply point your visitors to the right place!


Advantages

  • The easiest way of setting up a form – just point to the URL like any other link
  • Useful for email or text message campaigns where you do not need the user to do anything else after filling in the form


Disadvantages

  • For general use, it is recommended to use one of the other embed methods to provide a more seamless user experiencee.

To link to your form so you can share the Growform link directly with your users:

1.) Edit your form and hit “Share form” in the top bar.
2.) Choose “Link to growform from an email, social post or website”
3.) Copy the link and sent it to your recipients

Form URL
Form template image
Form template title
Form template blurb
form embed 2
Fake LP from bg colour picker
Fake LP logo
Fake LP header
Fake LP subcopy
Fake LP background image
Fake LP secondary text colour picker
test field
Case study description

Post a Comments

Recent Posts

  • How To Create A Multi-Step Asana Request Form (No Code)
  • How To Create Hubspot Multi-Step Forms (Without Code)
  • Embeddable Forms For Your Website
  • Logic Jump: How To Craft Powerful Forms With Jumping Logic
  • Mastering Conditional Logic Forms: How-To Guide + Examples

Categories

  • Convertri
  • CRO
  • Form design
  • Google Tag Manager
  • Hubspot
  • Integration
  • Lead generation
  • Marketing
  • Multi step form design
  • Real estate
  • Tools
  • TrustedForm
  • Unbounce
  • Unbounce tutorials
  • Using growform

Try Growform Multi Step Form Builder »

Guides

  • Asana
  • Hubspot
  • Instapage
  • Leadpages
  • Unbounce
  • Webflow
  • WordPress

Features

  • All Features
  • Conditional logic forms
  • Conversational forms
  • Embeddable forms
  • Lead capture forms
  • Lead verification
  • Logic jump forms
  • TrustedForm forms
  • Wizard forms
  • Comparisons

More

  • Affiliate Partners
  • Terms of Service
  • Privacy & GDPR
  • Service status
  • Blog
  • Help docs
  • Climate pledge
© 2020 - 2021 Growform Ltd. All rights reserved. Growform is a company registered in England and Wales. Company No. 13097518. Registered office: Kemp House, 160 City Road, London, United Kingdom, EC1V 2NX , UK
  • English
  • Français
  • Español
  • Italiano
  • Deutsch