Host on a Custom Domain
Link your design to a custom domain.
Host your Magic Patterns design on your own custom domain.
Requirements
You must own your domain, usually purchased from a domain registrar. There are many domain registrars, but examples include: Namecheap, GoDaddy, Squarespace, Cloudflare, etc.
Deployment Process
1. Open the Deploy panel in Magic Patterns
Generate a design and click on the Deploy button at the top of the editor.
2. Configure DNS Records
On your DNS provider (GoDaddy, Namecheap, etc), add the following A record. Usually editing these fields is under “DNS Management” or “Advanced DNS”
| TYPE | NAME | VALUE |
|---|---|---|
| A | @ | 149.248.202.188 |
Note: In some registrars (like Wix), ”@” is inputted as ” ” (a.k.a. nothing or a blank space).
Optional: If you want to use a CNAME record or are using a subdomain, you can use the following:
| TYPE | NAME | VALUE |
|---|---|---|
| CNAME | www | magicpatterns.dev |
3. Enter your domain and wait for DNS propagation
After adding your DNS records enter your domain name on Magic Patterns (e.g., acme.com) and click “I have added DNS records”.
You can check your DNS records here. Make sure no other A Records exist if you are using the A record method. https://www.whatsmydns.net/
4. Manage your deployment
Once verified, you can manage your deployment settings by clicking on the Deploy button again with Magic Patterns.
From here, you can also publish another version of your design.
Upgrade to an active plan to remove the “Edit with Magic Patterns” badge.
FAQ
Was this page helpful?