Domain Settings
In this article, we'll explore the Domain Settings tab within the Tadabase Application Builder. This essential settings menu empowers you to manage your application's domain settings with ease. Whether you want to assign a custom domain, configure multiple custom domains, set browser tab titles for pages, or configure app meta tags, the Domain Settings tab has you covered. Let's dive in!
Custom Domains
An SSL certificate will be provided when using a Custom Domain.
Understanding Custom Domains
Before we begin, it's crucial to distinguish between root domains and sub-domains. Tadabase currently supports the use of sub-domains for custom domains. Here's what you need to know:
- Sub-Domain (Recommended): Example - app.mysite.com
- Root Domain (Not Recommended): Example - mysite.com
Now that you understand the domain types, let's proceed with assigning your custom domain.
Assigning a Custom Sub-Domain
-
Access Domain Settings: Log in to your Tadabase account and open your app. In the menu located on the left-hand side of the Builder, click on
Settings
, then selectDomain Settings
. -
Enter Custom Domain: In the Custom Domain section, enter the sub-domain name you wish to use for your app. For example, if you want
app.mysite.com
, enterapp.mysite.com
here.
Configuring DNS Settings
Now that you've specified your custom sub-domain within Tadabase, the next step is to configure your DNS settings with your domain registrar (e.g., GoDaddy, Google Domains, Wix). Follow these steps:
-
Log into Domain Registrar: Sign in to your domain registrar's dashboard (e.g., GoDaddy, Google Domains).
-
Create a CNAME Record: Locate the option to create a new CNAME record within your DNS settings. The specific location may vary depending on your registrar.
-
Point to Tadabase: Set the CNAME record to point to
us-apps-3.tadabase.io
. This record associates your custom sub-domain with your Tadabase app.
Additional Resources for Popular Registrars
- GoDaddy: GoDaddy CNAME Record Setup
- Google Domains: Google Domains CNAME Record Setup
- Wix: Wix CNAME Record Setup
Root Domains (Enterprise Plans Only)
For Enterprise plans, Tadabase also supports root domains and multiple domains in the same app. If you're not on an Enterprise plan and need root domain functionality, you can purchase a Static IP for $1200/year. Please note that Tadabase prefers CNAMEs over IP addresses for reliability and redundancy.
Important: Never use Tadabase's IP address in your A record, as our load balancing and auto-scaling technology may disrupt your site.
Troubleshooting
If you encounter issues with your custom domain setup, here are some troubleshooting steps:
-
Verify DNS Record: Ensure that your CNAME record appears correctly using tools like MXToolBox or DNSChecker.
-
Host Value: When creating the CNAME record, enter only the subdomain part of your URL as the host value. For instance, if you plan to use
app.example.com
, enter only 'app' for the host value. -
SSL Error: Custom domains are not available during trial periods. If you're experiencing SSL errors, be sure you've subscribed to a plan.
-
Map Component or Address Autocomplete: If you intend to use the Map component or Address autocomplete with your custom domain, please contact our support team via chat or email to whitelist your domain.
Congratulations! You've successfully configured your custom sub-domain with Tadabase using the Domain Settings tab. If you encounter any issues or have further questions, don't hesitate to reach out to our support team for assistance. Happy app building!
Configuring Browser Tab Titles
Customizing browser tab titles for your app's pages is a great way to enhance user experience and branding. Here's how to do it:
-
Access Domain Settings: Log in to your Tadabase account and open your app. In the menu located on the left-hand side of the Builder, click on
Settings
, then selectDomain Settings
. - Default Page Settings Section: Scroll down to find the "Default Page Settings" section within Domain Settings.
-
Default Page Title Settings: In the Default Page Settings Section, you can edit the "Default Title" field. Replace the default title with the desired title for this specific page. This title will appear in the browser tab when the page is opened. Additionally, you may configure a prefix and/or a suffix for the default title.
-
Save Changes: Be sure to save your changes to apply the custom browser tab title for the page.
This setting can be overridden for each page within the Page Builder through the page settings tab.
Configuring App Meta Tags
-
Access Domain Settings: Log in to your Tadabase account and open your app. In the menu located on the left-hand side of the Builder, click on
Settings
, then selectDomain Settings
. -
App Meta Tags Section: Scroll down to find the "App Meta Tags" section within Domain Settings.
-
Edit Meta Tags: You can edit various meta tags, including the "Title," "Description," and "Image" meta tags. Customize these fields to reflect the desired information for your app.
-
Save Changes: Remember to save your changes to update the app's meta tags.
Meta Names vs. Meta Properties
-
Meta Names: Meta names are typically used to specify metadata related to the page's content and structure. They include elements like "viewport," "keywords," and "description." Meta names are primarily used by search engines and web browsers to understand the content and provide relevant search results or display information in browser tabs.
-
Meta Properties: Meta properties, on the other hand, are used to define metadata that is more focused on social media and sharing. They include elements like "og:title," "og:description," and "og:image." Meta properties are crucial for optimizing how a web page appears when shared on social media platforms like Facebook, Twitter, and LinkedIn. They control the title, description, and image that are displayed in social media previews.
In summary, meta names are mainly for search engines and browser behavior, while meta properties are specifically for enhancing the appearance and sharing of web pages on social media platforms. Both play essential roles in web development and user engagement.