How to Put a Grasshopper Form or Page on Your Own Website or Domain

Add a Grasshopper signup form or a Page (multiple forms) to your own website (like mychurch.com/signup) by embedding it, linking to it, or forwarding a domain - plus why a CNAME alone will not work.

Put Your Form or Page on Your Own Site

A common goal is to have your signup live at your own address, like mychurch.com/signup, instead of sending people to a grasshoppersignup.com link. This works the same whether you're sharing a single form or a Page (one of our branded pages that hosts several forms in one place). There are three good ways to do it, and one tempting way (a CNAME) that won't work. This guide walks through each option so you can pick the right one and set it up correctly.

Short version: if you have a website, embed the form or Page - that keeps your domain in the address bar and looks native. If you only own a domain and have no site, forward the domain to your form or Page link. A raw CNAME cannot point at a form or Page, for reasons explained below.

Throughout this guide, anywhere it says "form," the same steps apply to a Page; the only difference is where you copy the link or embed code from, which is called out in each option.

Sections in This Guide

WHICH OPTION IS RIGHT FOR YOU

  • You already have a website (Wix, Squarespace, WordPress, Webflow, Weebly, or hand-coded HTML) and want the form to live on a page like mychurch.com/signup → Embed it (Option 1). Your domain stays in the address bar, the form sits inside your own header and navigation, and there is no DNS work.
  • You have a website but just want a button or link that sends people to the form → Link or button (Option 2). Simplest, but it sends visitors to your grasshoppersignup.com link.
  • You own a domain but have no website to put the form inside (for example you bought mychurchsignup.com just for this) → Forward the domain (Option 3). Visitors who type your domain land on your Grasshopper form.

OPTION 1: EMBED THE FORM ON A PAGE (RECOMMENDED)

Embedding drops your form into a page on your own site using an <iframe>. The form appears inside your own layout, your domain stays in the address bar the whole time, and there is no DNS or SSL setup. This is the best fit for mychurch.com/signup.

A small trade-off: to keep embedded forms fast and safe to frame, a few full-page extras (themes, confetti) are simplified or turned off in embed mode. The signup experience itself works fully.

Step 1: Open your form's Options page

From your Dashboard, click Options on the form's card. Scroll down to the embed sections.

Step 2: Pick an embed type

You'll find three sections, each with a copy button:

  • Full Embed Code - the full <iframe> snippet. Use this to place the form inline on an HTML page. Click Copy.
  • Button Embed - a customizable button (set the text, size, and color) that opens your form in a new window. Click Copy Button Code.
  • Quick Embed Link - a direct embed-mode link for platforms that turn a pasted link into an embed automatically (many website builders, CMSes, and docs tools). Click Copy.

Step 3: Paste it into your site

Add the snippet to the page where you want the form. In most website builders you do this with an Embed, HTML, or Code block:

  • WordPress: add a Custom HTML block and paste the Full Embed Code.
  • Squarespace: add a Code block and paste the Full Embed Code.
  • Wix: use Embed Code → Embed HTML. See our dedicated Wix guide.
  • Webflow / Weebly / most builders: add an Embed or HTML element and paste the code.

If your form looks cut off, increase the height value in the iframe code (for example change height: 800px to height: 1200px).

For a more detailed walkthrough with screenshots, see Embed a Form on a Website.

Embedding a Page instead of a single form

A Page (multiple forms in one branded place) embeds the same way - you just grab the code from a different spot. From your Dashboard, open the hamburger menu (top right) and click Pages. On the Page's card you'll find:

  • Get Embed Code - the full <iframe> snippet for the whole Page. Paste it into your site exactly like the form embed above.
  • Get Embed Link - the direct embed-mode link, for builders that turn a pasted link into an embed.

See Create Pages for Multiple Forms for more on building and managing Pages.

If you just want a "Sign Up" link or button on your existing site, link out to your form's share link. Visitors leave your site and land on the Grasshopper form. This is the quickest option and needs no embed code.

Step 1: Get your share link

For a form: from your Dashboard, click Share on the form's card and copy the short link (it looks like grasshoppersignup.com/s/abc123). See Share a Form for details.

For a Page: open the hamburger menu → Pages, then click Copy Page Link on the Page's card (it looks like grasshoppersignup.com/p/your-page).

Step 2: Add it to your site

Link any text or button on your site to that URL. Set the link to open in a new tab if you'd like visitors to keep your site open behind it.

Prefer a styled button you can drop in without writing HTML? Use the Button Embed section on the Options page (Option 1, Step 2) - it generates a ready-made button that opens your form.

OPTION 3: FORWARD A DOMAIN OR SUBDOMAIN

If you own a domain (or want to use a subdomain like signup.mychurch.com) and don't have a website page to embed into, you can forward that address to your Grasshopper link. Forwarding is an HTTP redirect: someone visits your domain and their browser is sent on to your form. Most domain registrars offer this for free under a name like Domain Forwarding, URL Redirect, or Forwarding.

Important: forwarding sends the visitor to your grasshoppersignup.com form URL, so that's what shows in the address bar after the redirect. If you need your own domain to stay visible, use Option 1 (embed) instead.

Step 1: Copy your destination link

Grab your form's short link from Share (grasshoppersignup.com/s/abc123), or, for a Page, click Copy Page Link on the Page's card under Pages (grasshoppersignup.com/p/your-page).

Step 2: Open your registrar's forwarding settings

Sign in to wherever you bought the domain (GoDaddy, Namecheap, Google Domains/Squarespace, Cloudflare, Porkbun, etc.) and find the forwarding tool. It's usually near your DNS settings, labeled Forwarding, Domain Forwarding, or Redirect. The exact location varies by registrar, so search their help center for "forwarding" if you can't find it.

Step 3: Add the forward

Point your domain (or subdomain) at the destination link from Step 1. Choose a permanent (301) redirect. If the registrar offers a "forward with masking" or "cloaking" option, see the note below before using it. Save and allow a little time for the change to take effect.

About "masking" / "cloaking" forwarding

Some registrars offer masked (also called cloaked) forwarding, which keeps your domain in the address bar by loading the form inside a hidden frame. It can work, but it has real downsides: it can interfere with mobile display, sharing previews, and some interactive behavior, and it generally hurts search visibility. For a form that people fill out, we recommend plain (unmasked) forwarding, or better, the embed in Option 1.

WHY A CNAME WON'T WORK

The natural instinct is to add a CNAME record that points your domain straight at the form. Unfortunately a CNAME can't do this, for three independent reasons:

  • A CNAME has no path. A CNAME maps one hostname to another hostname (for example signup.mychurch.com → grasshoppersignup.com). There's no way to include a specific form path like /s/abc123 in a DNS record, so a CNAME can never "point at a form."
  • There would be no SSL certificate for your domain. Our servers only hold a certificate for grasshoppersignup.com and its subdomains. A browser visiting signup.mychurch.com would get a certificate-mismatch security warning before the page even loaded.
  • We redirect unknown hostnames. For security, any request that doesn't arrive on grasshoppersignup.com is sent back to our canonical domain, so even a working CNAME would bounce your visitors off your domain.

This is why the supported approaches are embedding (Option 1) and forwarding (Option 3). Platforms where a CNAME "just works" have built dedicated custom-domain hosting with automatic per-domain certificates; that's a separate product feature, not something DNS alone can do against us today.

COMMON QUESTIONS

Can I make the form live exactly at mychurch.com/signup?
Yes - create a page at /signup in your website builder and embed the form there (Option 1). That keeps your domain and the clean path.

Will the address bar show my domain?
With embedding, yes - your domain stays the whole time. With a link or plain forwarding, the visitor ends up on your grasshoppersignup.com link.

Do I need a paid plan for this?
No. Embedding, links, and forwarding all work on the free plan. Custom Page URLs (a branded /p/ slug on our domain) are a separate Premium feature - see Set a Custom Page URL.

Can I embed a whole Page (multiple forms), not just one form?
Yes. Pages have their own embed code. See Create Pages for Multiple Forms.

The embedded form is cut off or scrolls awkwardly.
Increase the height value in the Full Embed Code iframe until the whole form fits.