Adding Noto Forms to Your Website

Last updated: July 1, 2026

Noto forms let people interact with your business right from your own website: getting in touch, booking time, enrolling in classes, and buying thins from your product catalog This guide walks you through how to add them. It's written so anyone can follow it, and there's a section at the end just for website managers or contractors.

Any form can be shared

Whatever you've built in Noto can go on your website:

  • Contact Us so visitors can reach you

  • Self-Scheduling so visitors can book time with you

  • Group Class Enrollment so visitors can sign up for classes

  • Product Catalog so visitors can see what you offer

  • Interest Forms and any other form you create

The best part: it's simple, and there are only two ways to do it.

Two ways to add a form

Option 1: Link to it (the simplest way)

Every form has its own web address (a URL). You can put that link anywhere on your website: in a menu, on a button, or in a line of text like "Book a session." When someone clicks it, your form opens.

To get the link:

  1. Open the form in Noto.

  2. Click Share in the top right.

  3. Click Copy link.

  4. Paste it onto your website, or send it to whoever manages your site.

That's it. Nothing technical needed.

Option 2: Embed it (the form appears right on your page)

Embedding puts the form directly inside one of your web pages, so visitors never have to leave your site. Noto creates the embed code for you.

To get the embed code:

  1. Open the form in Noto.

  2. Click Share in the top right.

  3. Click Embed.

  4. Click Copy code.

  5. Send that code to your website manager, or paste it into your site's page editor wherever it accepts custom or "HTML/embed" content.

The code Noto gives you sizes itself automatically, so the form fits your page neatly.

A quick note about login

Here's the one thing worth knowing: visitors can't log into the member-portal while a form is embedded on your website.

This isn't a Noto setting. It's a limitation of the login provider we use, and it applies to any embedded form, whether you use Noto's embed code or write your own.

So the choice comes down to whether your form needs someone to log in:

  • If the form doesn't need a member login, embedding works great. Most Contact Us, Self-Scheduling, Group Class Enrollment, and Product Catalog forms fall here. Use either option.

  • If the form does need a login, link to it instead. For example, if you want your members to log in so they can use their credits to book, the link is the way to go. It opens the form on its own page, where logging in works normally. Embedding would prevent them from signing in.

When in doubt, use the link. It always works.

For website managers and contractors

This section is for the person maintaining the website.

What you're working with: Each Noto form is a hosted page with its own URL. You have two integration paths:

  1. Link: Drop the form URL anywhere on the site (nav link, button href, CTA). No special handling needed.

  2. Embed: Noto generates a responsive <iframe> snippet (default height around 780px) plus a small helper script that listens for postMessage events from the iframe and auto-resizes it to fit the form's content. Paste it into any page that accepts raw HTML. If you'd rather, you can write your own iframe pointing at the form URL instead of using the generated snippet.

The one constraint: Login doesn't work inside an iframe. Our auth provider blocks login in third-party embed contexts, so any form that requires a signed-in user (for example, members logging in to use their credits to book) needs to be linked to and opened in its own page, not embedded. Forms that don't require login embed with no issues. This applies to hand-rolled iframes too, so there's no workaround at the embed layer.

Getting the forms and their URLs. Two options:

  • Get admin access to Noto. Ask the business owner (an organization admin) to grant you admin access. From there you can open any form, click Share, and grab the Copy link URL or the Embed code yourself. This is easiest if you'll be maintaining several forms over time.

  • Get the URLs and embed codes from the org admin. If you don't need account access, the business owner can pull the link or embed code for each form (via Share) and send them to you to place on the site.

Either way, once you have the URL or the embed snippet, it's a standard link or iframe, and you're done.