Welcome to the Site Settings App, where you can manage all the major site settings in one place. This is yet another step to building an authentic website.

Not to waste time, let's move to your ‘Dashboard’ from the panel to the left and click the ‘Site Settings’ icon.

You'll find two sets of settings here: Basic and Code Injection.

Basic Settings

Site Offline - Enable the Offline option if you don't want your site visitors to see your website until it's all set.

Site Name - As you can see, editing your site name along with how it looks like is possible through this App as well.

Site Name Separator in Titles - Another thing to look at is the “Site Name Separator in Titles” setting. You can select between “-”, “/” and “|” symbols as the separator.

Here and now, you can change the language you and visitors see in your website. There are two language settings you can control separately:

  • Language of the Edit mode 
  • Public Mode Language Detection

Language of the Edit mode - The edit mode language is what you see when you log in and edit your site, like the words in the Dashboard and on the panel to the left.

Public Mode Language Detection - Whereas, the latter option, changes the built-in text visitors see, like dates, form field labels, and navigation controls according to languages available in your website. 

Timezone - You can also set your timezone, which is automatically set in accounts upon website creation. It can be useful when working with Elements such as Countdown as the Timezone of your Website can affect the timing of your Elements.


This setting does NOT affect actual billing of your customers! Please note that our billing servers are set to the UTC time zone and will stay like that no matter the chosen setting here ❗

Logo - This is, obviously, your website's main logo, while the Small one will be used for smaller screens like phones or tablets. To change it, move your mouse to the Logo/Small Logo area and click the Change button.

Favicon - It is the tiny icon that appears on your browser tab next to the site name.

Drag or browse the desired image and don't forget to click the ‘Save’ button after having made all the changes.

Mobile Touch Icon - Have you ever wondered on how to create a shortcut to a website on your iPhone/iPad?
Here's where the Mobile Touch icon comes in handy. 


Similar to favicon, it is a file used for a web page icon on the Apple iPhone, iPod Touch, and iPad. This icon is used when someone bookmarks your web page or adds your web page to their home screen. Simply upload a PNG file and let's make it happen.

Here’s how it works 👇

Open up Safari and load a website and tap the bookmark icon.

At the bottom of the screen you'll see Add to home screen icon. 

If you managed to tap that button successfully, you'll have a few options such as choosing a name for the home screen icon.

You are done! 😎

Code Injection

Subbly also allows you to add custom HTML from the Code Injection section. This will help with adding tracking to the actual site's pages or with initializing the custom JS you want added to your pages (perhaps adding a pop up that will appear on the site load or something similar..) 😏

You can also add CSS and Javascript code to your website, assuming that they are within the HTML tags.

Fill the appropriate fields with the desired tags and click Save.

For simpler integration with the likes of Facebook Pixel or Google Analytics, you should look into directly integrating with these services through the App Store panel. 

Please note that changes will go active only once you've connected a custom domain to your Subbly website ❗