Forms looks different on website Follow

Although it’s easy to add a form to your website we have found that there can be two challenges people face. The good news? They’re very easy to fix using the solution below.

1. My website is changing how my form looks

If you’re concerned your form is displaying incorrectly it could be because the CSS (Cascading Style Sheet) on your website overwrites the forms own CSS!

2. I want to make sure my visitors stay on my website

Sometimes after a visitor submits a form, they’re taken to a ‘Thank You’ page. From this ‘Thank You’ page, the user can click ‘Go Back’, but this returns them to the form rather than the original website page they were visiting.

The really simple solution

An easy fix for both of these things is to use an <iframe> instead of embedding the form code. Now before anyone gets worried at the mention of HTML code, let me say this is really easy to do, as long as you have access to edit your website.

When you create a form, you have the option to add the form to your website.

 

From here instead of taking the embedding code from the first option, simply take the form URL from the second option:

 

Now all you need to do is insert the URL as shown above (please note this is example code only) into your website like this:

<iframe src=”http://www.webformURL.com” h=”600″ w=”550″>

The height (h) and width (w) can be customised to fit your form.

It’s that easy! This will ensure your form displays exactly how you want it to on your website.

It also means that when a customer submits the form, the ‘Thank You’ page will display within the iframe on your website. So customers won’t leave your original page.

Was this article helpful?
0 out of 1 found this helpful
Have more questions? Submit a request