The Custom Code menu lets you add your own code to a proposal or template. You can use it for tracking scripts, extra styling, or effects the builder can’t do on its own. Custom code is available on all plans.

The head and body sections

Custom Code has two places to add code:

  • Head: for styles and anything a script provider tells you to put in the head of the page, such as analytics tags.

  • Body: for scripts that run on the page, such as effects or chat widgets.

To add code:

  1. Open the proposal or template in the builder.

  2. Click the drop-down arrow next to Preview at the top of the builder and choose Custom Code.

  3. Paste your code into the head or body section.

  4. Save, preview the page, then publish.

Adding analytics or a tracking pixel

You can add tools such as Google Analytics or an advertising pixel to see how people use your proposals.

Be careful with advertising pixels. Ad platforms such as Facebook don’t allow personal information like names, email addresses or phone numbers to be sent to them, and pages that do can get an ad account banned. Proposals contain your customers’ details, so only use a pixel to track that a page was viewed or a proposal was accepted. Never pass customer details to it.

Effects and animations

Some templates in the BoothBook template library use custom code for animations, such as a balloon that bursts into confetti or fireworks at the start of the page. You’ll find that code in the template’s Custom Code menu.

If you want to keep the design but remove the animation, delete the code. The rest of the page is built with normal builder elements, so it still works without it.

Before you add code

Keep these in mind:

  • Use the builder first. Code you add here isn’t visible to the next person who edits the proposal, and it’s harder to change later. Only use it for things the builder can’t do.

  • The page must still work. A broken script can stop a page working, including the Accept button. Always preview and test the page after adding code.

  • Test on a phone. Most customers open proposals on their phone.

  • Keep a copy. Save your code somewhere else as well, so you can put it back if it’s removed.

If something breaks

If a proposal stops working after you add code, remove the code, save and publish. If the page works again, the code was the cause.

Support can help with the builder and BoothBook’s own features, but can’t write or fix custom code for you. If the code came from another provider, such as an analytics tool, contact them for help with it.