Styles & scripts

Settings › Website & forms › Styles & scripts (Company Styles & Scripts) adds your own code to the pages of your website that carry MoveBoard's forms.

Before you start

Anyone who can open Settings can change the first two boxes. Only an admin can change Tracking scripts inside the quote form. Nothing is saved until you press Save.

Most companies don't need this: the Quote forms designer changes words, fields, colours and fonts without code.

The boxes

• Add styles to header section — CSS added to the page's header (and inside the quote forms).
• Add JS after document is ready — JavaScript run once your website's page has loaded. It runs on the page around the quote form, not inside it.
• Tracking scripts inside the quote form (admins only) — code run inside the quote form itself, for tools that must see the form's fields and its submit.

Press Save. The first two boxes also appear on the Settings tab of Quote forms — one setting, not a copy.

Frame or on your page

Settings › Website & forms › Quote forms › Install › How the quote form shows on your website has two choices. The same line of code works for both — nothing on your website has to change.

• Inside a frame (recommended, and how every form starts) — the fastest, and your website's design can never clash with the form. Your tracking tools get a lead event for each quote, not the form itself. For WhatConverts in a frame, see the next section.
• Directly on my page — the form is drawn straight into your page, as it was before. Your own tracking tools — WhatConverts, Google Tag Manager form triggers, Facebook, Hotjar — see the form, its fields and each finished quote, with no code inside the form.

To switch: pick a choice and press Save. It applies to the branch you are working in, from the next page view.

With Directly on my page:

• Each finished quote is sent once more as one form, moveboard-lead (name, email, phone, move date, ZIP codes, move size, order number). In WhatConverts (or another form-tracking tool), track the form #moveboard-lead only; the steps before it are not separate leads. Remove any frame settings you added for the frame (the wc_frame_target line and the code in Tracking scripts inside the quote form).
• The page also gets the same moveboard_lead event (dataLayer, Google Analytics, Facebook) as with the frame.
• It works only on your own website — the address in Company info (the www. and bare address both count). On any other address the form shows in its frame instead, so a quote is never lost. Testing on a staging site? Ask us to add its address.
• Your website's scripts can read what the customer types into the form — that's how your tracking tools see it. The form never asks for card or payment details.
• The form is protected from your website's styles as much as a page allows, but a theme with very strong rules can still change small things (a font, a spacing). If something looks off, switch back to Inside a frame.
• The forms load a little more code on the pages that show a form (about 41 KB, only when a form is about to show); pages without a form load nothing extra.

Tracking scripts inside the quote form (WhatConverts and similar)

With Inside a frame, your quote form shows on your website inside its own frame. A form-tracking tool such as WhatConverts can only record a quote request when its code runs inside that frame — code in Add JS after document is ready runs on your page around it and never sees the form.

1. Open Settings › Website & forms › Styles & scripts (signed in as an admin).
2. Paste the code your tracking tool gave you for forms inside a frame into Tracking scripts inside the quote form, exactly as given, <script> tags included. For WhatConverts that is the wc_frame_parent line (your website's address) followed by your WhatConverts tracking code.
3. Press Save. It applies to the branch you are working in.
4. On your own website, keep your normal tracking code, and add this line before the WhatConverts code: <script>wc_frame_target = '.moveboard-form-frame';</script>. Every quote form's frame carries the class moveboard-form-frame (and a name per form: moveboard-form-short, moveboard-form-long, moveboard-form-single).
5. In WhatConverts, add a tracked form whose form ID is moveboard-lead (as a selector: #moveboard-lead) and leave its submit button empty — or ask WhatConverts support to add it to your profile. Forms from your old quote form (such as .quote_form, #movecalc-moving-form or .m-rows) no longer exist and can be removed. After the quote is filed, the form submits the whole request once as moveboard-lead — name, email, phone, move date, ZIP codes and move size — so the lead arrives complete (the steps before it are not separate leads).
6. Send yourself a test quote from your website and check that it shows in your tracking tool.

Good to know:

• The code runs inside the quote form on your website every time, in every browser (Chrome, Safari, Firefox, Edge, phones too), including a website on a sub-domain of yours a visitor who comes back, and the form reloading on its own (for example Reload frame while testing).
• A tracking tool that starts only once the page has loaded (WhatConverts does this on Safari, on iPhones and in private windows) still starts inside the quote form, even when the form loaded very quickly — so every quote is heard, the long form included.
• It never runs inside MoveBoard itself, the customer portal, the form designer's preview, or when someone opens the form's own address on its own.
• So opening the form's own address (the frame's app.elromco.com/f/… link) in a tab, or View source on it, does not show your code. To see it, open your website's quote page, right-click the form › Inspect: inside the frame you'll find your code and the empty moveboard-lead form, ready from the moment the page opens.
• Only <script> code runs here (other HTML is left out). Scripts are loaded over https.
• When a thank-you page is set, the form waits one second before going there, so your tracking code can send what it saw.
• Leave the box empty to turn it off.