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

blank
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

template_name
_id
friendly_id
above_fold_header
above_fold_description
long_description_header
long_description
how_does_it_work_header
how_does_it_work_text
screenshot_url
template_page_name
featured
how_it_works_new
Case study description

Post a Comments