Use the iFrame Embedded Quote Form

How to add the iFrame for lead submission/quote requests to your website

Matt Honeycutt avatar
Written by Matt Honeycutt
Updated over a week ago

The SmartMoving embedded iFrame allows you to add our prebuilt form to your website.  It can be used with most types of websites, including site builders such as GoDaddy and Wix. 

Note that you will need to access and change the content of your website.  If you are unsure how to do this, please contact your web or IT person, or contact our professional services team for assistance. 

There are two steps to adding the iFrame to your website:

Step 1: Get your iFrame snippet

In your SmartMoving settings, navigate to Quote Form -> Embedded Form. There are two types of forms you can add: a short form and a long form.

  • The short form collects basic information only:

  • The long form collects additional information, including the number of stairs, the referral source, and any other notes the custom wishes to provide:

Once you've decided which form you wish to use, click the Copy icon to copy the snippet to your clipboard.

If you have multiple branches, you can generate a separate quote form snippet for each branch.  Simply change the branch selector to the desired branch, then click the copy icon.

Step 2: Adding the iFrame to your website

Now that you have your snippet, you are ready to add it to your website.  The process for doing this varies depending on the type of site.

Static HTML

For sites that use static HTML files, open the file that you wish to add the quote form to, and add the snippet at the desired location in the page.  You may wish to adjust the styling on the snippet to ensure it fits properly with your site's layout.

GoDaddy

If you manage your website via GoDaddy's site builder, please follow the directions in their Add HTML or custom code to my site article.  You will add your embedded form snippet in the Custom Code field.

Other site builders

Most other site builders, such as Wix, have the ability to add a custom code or markup block.  Please see the documentation for your website builder or contact your web or IT person for more information.

(Optional) Step 3: Adding conversion or tracking code

If you are using Google AdWords or a similar advertising program, you can add custom markup and code to the embedded quote form in order to track each form submission as a conversion.

Navigate back to your Quote Form -> Embedded Form settings, and scroll down to the Success Page Custom Markup section.

Drop in your conversion snippet, then click Save Changes.  

The typical markup for conversion tracking with Google AdWords looks like this:

<!-- Global site tag (gtag.js) - Google Ads: 123456789 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-123456789"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'AW-123456789');
</script>

<!-- Event snippet for conversion -->
<script>
  gtag('event', 'conversion', {'send_to': 'AW-123456789/aaaaaaaaaaaaaaa'});
</script>

You can find more information about tracking Google AdWords conversions in the Google Ads Help center.

Did this answer your question?