Skip to main content
All CollectionsShare Form
Customize your form URL
Customize your form URL

How to customize your form URL using subdomain and custom domain

Updated over a week ago

Promote your brand by customizing your form URLs. Available on Gold/Enterprise plans.

Subdomain

By default, all form URLs start with “getformly.app” followed by string of random characters called “slug”.

Default URL example – https://getformly.app/2sYMO6

You can create a subdomain for your Formly account. For example, you can choose the business name ‘yourbusinessname’ as your subdomain, and it will appear after the https:// part of the URL of each of your forms:

https://yourbusinessname.getformly.app/2sYMO6

If the name ‘yourbusinessname’ is already taken by someone else, you can add a number after the word, just like in this example:

https://yourbusinessname2.getformly.app/2sYMO6

How to Add a subdomain

1. Log in to your account, and click the Avatar in the top right corner. Then click Settings:

2. Go to Custom domain

3. Enter the subdomain (e.g. yourbusinessname) and click on ADD SUBDOMAIN

Note:

  • Your subdomain must be between 2 and 20 characters long, it cannot contain special characters, like symbols, and it cannot be a subdomain already in use.

  • You can only have one subdomain associated with a Formly account.

4. You can click on "X" to delete it and add another subdomain again.

Updating the subdomain also changes the links to your published forms.

Don't worry – if this is the first time you are adding subdomain, all your previously published form (without any subdomain) will continue to work

e.g. Default URL example – https://getformly.app/2sYMO6

But if you are updating the previously added subdomain (example from “yourbusiness” to

“yourbusiness2”) then you will need to update the form links you have shared previously.

If you downgrade to a Free or lower plan, your forms with a subdomain will switch back to the default URL (eg - https://getformly.app/2sYMO6). To use a subdomain again, upgrade to the Gold/Enterprise plan.


Custom Domain

Custom Domain feature, allows you to exclude “getformly.app” portion of the URL so it appears as if the forms are hosted on your site.

To enable this, you will need to point your domain/subdomain towards Formly using a CNAME (canonical name) record.

You can set up multiple custom domain (unlimited custom domain) per Formly account depending on your plan.

Example:
Form1 - https://orderform.yourdomain1.com
Form2 - https://supportform.yourdomain2.com

How to Add a Custom domain

Step 1: Add a CNAME record

Before adding a custom domain in Formly, set up a CNAME record.

A CNAME (canonical name) record lets you use your domain name as an alias for another domain.

You will need to create a CNAME record, pointing your domain to:

getformly.app

1. Sign in to your account with your domain host provider (ie Google, GoDaddy, Cloudflare, Bluehost, etc).

2. Locate where your domain’s DNS (Domain Name System) records are managed.

Learn how to add a CNAME record for Google, Squarespace, Cloudflare, GoDaddy, Siteground, HostGator, Bluehost.

3. Point the correct CNAME records to getformly.app

Your CNAME record should look something like this:

Host name: forms.yourdomain.com (example)
Type: CNAME
Data/Value/Target: getformly.app

Some domain providers will autofill the ending of your URL.

For example, if you type "forms.yourdomain.com" they will update this to: "forms.yourdomain.com.yourdomain.com"

So in this case - just add "forms" and not "forms.yourdomain.com" under Name/Host name.

Double-check your subdomain URL to make sure you are adding the desired CNAME record.

Notes:

- It can take up to 24 hours for the new DNS information to propagate. While your CNAME record has now been created, it might take up to 24 hours to see it work.

- You can check that your DNS records are fully propagated on DNSchecker.org

- If you’re using Cloudflare to issue the SSL certificate, make sure you turn on the CDN on the CNAME record & also make sure your SSL/TLS is on “Full”, not “Flexible”. Also switch off - "Proxy Status"

Please contact your domain host if you have questions about setting up a CNAME record.

5. Now go to Formly to set this up (Step 2 below)

Step 2: Add Custom Domain on Formly

1. Go to your Custom Domains page under Settings on Formly. Click Add domain

2. Add the custom hostname (e.g. forms.yourdomain.com) you have assigned in the previous step and click Add domain

3. Once custom domain is successfully added, you will see 2 codes to setup SSL certificate.

Note - These 2 codes are valid for 72 hrs only.

4. Copy the above 2 codes and add them as a CNAME record in your domain provider.

CNAME name (Host name) - Example

_d72b5c34c4153bf2df3ddaa0fcfa8d8d.forms.chatkara.co.uk.

CNAME value (Data/Value/Target) - Example

_8291e027dff7cc91f845cc15e7381d3f.sdgjtdhdhz.acm-validations.aws.

Your CNAME record should look something like this:

Some domain providers will autofill the ending of your URL.

For example, if you type "forms.yourdomain.com" they will update this to: "forms.yourdomain.com.yourdomain.com"

So in this case - just add "forms" and not "forms.yourdomain.com" under Name/Host name

5. Initially, custom domain will show yellow Dot 🟡, which indicates SSL certificate is pending.

6. Once the SSL cerificate is setup correctly, you will see green Dot 🟢, which indicates domain is successfully connected and ready to use.

Domain status

🟢 - Domain successfully connected

🟡 - SSL certificate pending

It can take up to 24 hours for the new DNS information with SSL setup to propagate.

7. You can add multiple custom domains in your account (depending on your plan) following the above steps.

8. Click the three dots on the right to View/Delete a custom domain or to change the metadata (optional) of each domain.

Step 3: Assign a form to a domain

1. Open the form you would like to assign to this domain, and click the Share panel. Then Click on Customize link (Custom domain)

2. Select the domain you've added.
Add a custom alias to further personalize the URL (coming soon).

3. You can also configure metadata (optional) at the form level for individual URLs. To do this, enable Meta data switch and then you can adjust the meta title, description, image and favicon (coming soon).

And that's it! your forms are now available on your own domain and have a truly white-labeled experience for your respondents.

Customize your link meta information (Optional)

Want to customize the text and image that appear when you share your form on social media or in messenger apps? You can do so easily by editing its meta information.

You can change the metadata at the domain level as well as at the form level for individual URLs.

Domain metadata

1. Select the domain and click the three dots and click on Meta data to change the metadata of each domain.

2. Change Meta information - The image, title, and description will be applied to all forms using this domain.

Title

This is where you edit the Title that will be displayed as the preview text in search result pages and social media sites (Facebook, Twitter, Linkedin etc.).

Description

This is where you edit the text description that will be displayed as the preview text in search result pages and social media sites.

Image

Here you can add and customize the thumbnail preview image that you want to appear when your form gets shared on social media sites.

You can remove or change this image later on.

Note! The maximum size for your image file is 2MB. We recommend you use landscape images of 1200 x 630 pixels, or 1200 x 1200 pixels for square images.

Examples of how meta information displays when sharing on Facebook, Twitter and Linkedin the post looks like this:

Pro tip - You can also check how the link preview will appear at https://www.opengraph.xyz/

Favicon

Here you can add your Favicon so your brand shine through and also help users to locate your page easier when they have multiple tabs open.

Recommended size: 16×16 pixels or 32×32 pixels

Form metadata (coming soon)

You can also configure metadata at the form level for individual URLs. To do this, click the Share panel. Then Click on Customize link (Custom domain) as shown in Step 3 above and enable Meta data switch. Now you can adjust the meta title, description, image and favicon.

FAQs

Can I use multiple custom domain per Formly account?

Yes, you can set up multiple custom domain (unlimited custom domain depending on your plan) per Formly account.

Example:

etc

Can I use the same subdomain more than once across different Formly accounts?

No, unfortunately not. You can only use your subdomain in one account. If you try to connect the same subdomain to a second account, you’ll receive an error message telling you that the domain is already connected to another account.

Do I need to get an SSL Certificate for my domain/subdomain?

Formly will provide your domain with an SSL certificate, see Step 2

How can I check my records are fully propagated?

You can check that your DNS records are fully propagated on DNSchecker.org

I shared my form before adding my custom domain. Now I’ve added my custom domain, will the old link still work?

Yes. Both links will continue to work as expected.

What happens to form URL if I downgrade from Gold/Enterprise plan to a Free or lower plan?

New Forms - CNAME will not be available for new forms

Previous Forms - CNAME links will stop working but standard Formly links (e.g. https://getformly.app/2sYMO6) will continue to work.


Did this answer your question?