Custom Sections

Web

Custom Sections let you drop extra content into any page of your website template: a YouTube video, a Google Map, a booking form, or one of our built-in calculators. You don’t need to touch any code. Everything is added and arranged from the Content tab in the admin panel.

There are two kinds:

  • Custom Section: paste in an embed code from another site (YouTube, Google Maps, a booking widget, and similar).
  • Calculator: add our Session Estimator or Cost Calculator with one click. No code to paste.

Adding a Custom Section

  1. Navigate to the page you want to add it to, then open the admin panel.
  2. In the Content tab, scroll down to Custom Sections and click + Add Custom Section.
  3. Choose Insert after to pick which existing section it should appear below.
  4. Fill in a Heading and Subtitle if you want them. Both are optional.
  5. Pick a Background (Light or Dark) and a Width (Content width or Full width).
  6. Paste your embed code into the Embed code field.
  7. Toggle Visible on to show it on the live page.

Where to get an embed code

  • YouTube: open the video, click Share → Embed, and copy the code shown.
  • Google Maps: search your address, click Share → Embed a map, and copy the code.
  • Booking forms: most booking tools have an “embed” or “add to website” option that gives you a code to copy. Use that one.

Adding a Calculator

  1. Navigate to the page you want it on, then open the admin panel.
  2. In the Content tab, under Custom Sections, click + Add Calculator.
  3. Pick Session Estimator or Cost Calculator.

It’s added right away with sensible defaults, no fields to fill in first. You can adjust it afterward:

  • Session Estimator: set the Typical session length (hours) and a Speed adjustment (%) (positive if you work faster than average, negative if slower).
  • Cost Calculator: set your Hourly rate, Location (this sets the currency), and a Price range adjustment (%).

Both calculators also have Insert after, Heading, Subtitle, Background, Width, and Visible, same as a custom section.

Placing, Moving, Hiding, and Deleting

  • Position: the Insert after dropdown controls where a section sits on the page. Change it any time and the section moves.
  • Multiple sections on one page: add as many as you like. If two share the same Insert after choice, they stack in the order you added them.
  • Hiding: turn Visible off to take a section off the live page without losing your settings. Turn it back on whenever you want it back.
  • Deleting: click Remove on the section and confirm. This can’t be undone, so use Visible instead if you might want it back later.

If an Embed Doesn’t Show

Only embed codes built around an iframe are supported. Some providers hand you a script-based embed instead, and those won’t work here. If your embed doesn’t show up after pasting it in, go back to the provider and look for an “iframe” option, sometimes labeled “embed” or “add to website” next to a plain script version. YouTube, Google Maps, and most booking tools all offer one.

Calculators Match Your Site

You don’t need to style a calculator yourself. The Session Estimator and Cost Calculator automatically pick up your site’s accent color and light or dark theme, and resize themselves to fit their content. Change your theme or colors later and any calculators on your site update to match.

Internet Connection Required

Calculators and custom section embeds are live content loaded from outside your site, so they need an internet connection to display, the same as any embedded video or map. This is also true if you download your site as a ZIP: an exported site works offline, but any page with a calculator or embed still needs a connection to show that part.

Was this article helpful?

See how it works

Book a 20 min demo