Custom Settings Overview

Custom settings allow you to personalize your store beyond default themes.

Goto Store Setting > Custom Settings

1. Managing Your Store Link

Your Store Link is the default web address where customers can find your store.

Format: https://konnectstores.com/[your-store-name]/home
You cannot edit the konnectstores.com part directly here, but you can replace it with a Custom Domain (see below).

2. Connecting a Custom Domain

A custom domain makes your store look professional and builds brand trust (e.g., www.yourbrand.com).

Step 1: DNS Configuration (Required)

Before adding the domain to your KonnectStores settings, you must log in to your domain provider (where you bought your domain, like GoDaddy, Namecheap, or Google Domains) and update the DNS settings.

You need to create an A Record pointing to our server.

Host/Name: @ (or sometimes your domain name, e.g., yourbrand.com)
Type: A
Value/Points to: 72.60.202.174

Note: DNS changes can take anywhere from a few minutes to 48 hours to propagate worldwide.

Step 2: Add Domain to KonnectStores

Once your DNS is configured, return to Store Settings > Custom Settings and enter your custom domain (e.g., www.yourbrand.com) in the Custom Domain field and save.

3. Adding Custom Code

For advanced users who want to add extra features or styling, we provide fields for custom JavaScript and CSS.

Store Custom JS

Use this field to add JavaScript. This is useful for adding tracking pixels (like Facebook or Google Analytics), live chat widgets, or custom interactive elements.

Example: Adding a simple console log to test if your code is running.
```
console.log('My custom script is running!');
```

Store Custom CSS

Use this field to override the default styles of your theme. This allows you to change colors, fonts, spacing, and layouts beyond the standard theme options.

Example: Changing the color of all icons inside elements with the class text-primary to white.
css
```
.text-primary svg {
  color: white !important;
}
```

⚠️ Important Tips & Warnings

Code Knowledge Required: Only insert code if you understand HTML, CSS, or JavaScript. We cannot provide support for debugging custom code errors.
Site Breaking: Incorrect code (especially JavaScript) can break your store layout or make it unusable. Always test your code on a staging site if possible, or have a backup.
Syntax Errors: A missing semicolon or bracket can cause entire sections of your site to stop working.

Troubleshooting

Q: I pointed my domain to 72.60.202.174, but my site isn't loading.

A: Wait 24-48 hours for DNS propagation. Clear your browser cache and try accessing the site from a different network (like your mobile data) to see if it loads.

Q: I added custom CSS, but nothing changed.

A: Check your syntax. You may need to use the !important flag to override existing theme styles (as shown in the example). Use your browser's "Inspect" tool to ensure your CSS is being loaded.

Q: My custom JavaScript broke my store. How do I fix it?

A: Immediately return to Store Settings > Custom Settings and remove the faulty code from the JS field and save. The store will revert to normal.

How to Configure Custom Settings in Your Store