Your own web addresses
Give your clients and your musicians addresses on your own domain, like portal.yourband.com and team.yourband.com, instead of the app's vercel.app address.
- What this does
- Before you start
- Step 1: Choose your two addresses
- Step 2: Enter them in your app
- Step 3: Add the records
- Step 4: Check again
- If it does not work
- What changes after
What this does
Your app has two pages that other people use:
- The client portal, where couples and clients sign in to plan their event and sign contracts. Example: portal.yourband.com
- The team portal, where your musicians open their gigs. Example: team.yourband.com
Your own dashboard (where you run the band) stays at your app's vercel.app address. Nothing about how you sign in changes.
Before you start
- You need a domain you own, like yourband.com.
- You need to be able to sign in to the company where you bought it (for example Squarespace, GoDaddy, Namecheap, Cloudflare or Wix), or where its DNS is managed.
- Your main website stays exactly where it is. These steps only add two new addresses in front of it.
Step 1: Choose your two addresses
Use a short word in front of your domain. We suggest:
- Client portal: portal.yourband.com
- Team portal: team.yourband.com
The team address must start with team., members. or band. That is how the app knows to open the team portal for your musicians at that address, instead of the client sign-in page.
You cannot use your bare domain (yourband.com) by itself. That is usually your main website already, and a word in front of it needs only one simple record, which every domain company supports.
Step 2: Enter them in your app
- Open your app's dashboard and go to Band Settings.
- Find the card called Your own web addresses.
- Type your client portal address and your team portal address.
- Click Set up these addresses.
The card then shows the exact records to add, with Copy buttons. If the card has no Set up these addresses button and says the app was set up by hand, its addresses are managed directly in Vercel instead. Apps set up before the owner console existed work this way. In that case, the person who manages the app adds each address under the project's Settings, then Domains, in Vercel, and you still add the records from step 3 at your domain provider.
Step 3: Add the records at your domain company
For each address, add one CNAME record. Usually it looks like this:
| Type | Host (or Name) | Value (or Points to, Target, Data) |
|---|---|---|
| CNAME | portal | cname.vercel-dns.com |
| CNAME | team | cname.vercel-dns.com |
Always use the Value your app shows you. It may be a longer one that ends in vercel-dns-0 and some numbers, which works the same way.
Enter only the first part as the Host. At almost every company you type portal, not portal.yourband.com. The company adds your domain for you. If you type the whole address, it can end up as portal.yourband.com.yourband.com and will not work.
Leave TTL (time to live) at the company's default.
Sometimes there is also a TXT record. If your app shows a TXT record (Host _vercel, Value starting with vc-domain-verify=), add that too, the same way, with Type TXT. It proves you own the domain. It is only needed when the domain was used on another Vercel account before.
Squarespace Domains (including domains moved from Google Domains)
- Sign in to Squarespace and open Domains (account.squarespace.com/domains).
- Click your domain, then DNS (also called DNS Settings).
- Under Custom records, click Add record.
- Type: CNAME. Host: portal. Data: the value from your app. Leave TTL as it is.
- Click Save. Repeat for team.
GoDaddy
- Sign in to GoDaddy and open your Domain Portfolio (or My Products).
- Click your domain, then DNS (or Manage DNS).
- Click Add New Record.
- Type: CNAME. Name: portal. Value: the value from your app. TTL: leave the default.
- Click Save. Repeat for team.
Namecheap
- Sign in to Namecheap and open Domain List.
- Click Manage next to your domain, then the Advanced DNS tab.
- Under Host Records, click Add New Record and pick CNAME Record.
- Host: portal. Value (Target): the value from your app. TTL: Automatic.
- Click the check mark to save. Repeat for team.
If you do not see Advanced DNS records, your domain's DNS is managed somewhere else (see "If it does not work" below).
Cloudflare
- Sign in to Cloudflare and click your domain.
- Open DNS, then Records, and click Add record.
- Type: CNAME. Name: portal. Target: the value from your app.
- Turn the proxy off so Proxy status says DNS only (a grey cloud, not orange). With the orange cloud on, the address will not work.
- Click Save. Repeat for team.
Wix
- Sign in to Wix and go to Domains (from your account menu).
- Click the three dots next to your domain and choose Manage DNS Records.
- In the CNAME (Aliases) section, click Add Record.
- Host Name: portal. Value: the value from your app.
- Click Save. Repeat for team.
Other companies
- Sign in where you bought your domain and open the domain.
- Look for DNS, DNS settings, Manage DNS, DNS records or Zone editor.
- Add a record. Type: CNAME. Host (or Name): portal. Value (or Points to, Target): the value from your app. TTL: leave the default.
- Save, then repeat for team.
Step 4: Click Check again
Go back to Band Settings, Your own web addresses, and click Check again.
- New records usually start working in under an hour. Sometimes it takes up to 48 hours. You can close the page and check later.
- When an address says Working, the secure https certificate is added for you automatically, and the app saves the address in Band Settings.
If it does not work
- The record type must be CNAME, not A, not URL redirect, not forwarding.
- Remove any old record with the same Host first. If there is already a record for portal (of any type), delete it, then add the CNAME.
- Cloudflare: the proxy must be off (DNS only, grey cloud).
- Check for typos in the Value. Use the Copy button in your app and paste it. A dot at the end is fine at companies that add one.
- Check the Host. It should be only the first part (portal), not the whole address.
- "Already in use by another project" means this address is set up on another website (for example a test site, or an old app). Remove it there first, or contact support.
- Your DNS may be managed somewhere else. If you bought the domain at one company but your website is with another (for example Squarespace or Wix), the records usually go where the website is. Look at which company your domain's nameservers point to.
- Still stuck after 48 hours? Use the Setup Check in your app and send what it says to support.
What changes after
- Emails to clients and musicians start using your new addresses automatically.
- Old links with the vercel.app address keep working, so nothing you already sent breaks.
- Your dashboard stays at the vercel.app address.
- To stop using an address, click Remove next to it in Band Settings. Links go back to the app's own address.