Customizing your website

Introduction

In this article, we are going to be discussing how to customize our products. This includes changing the settings file around to customize our product to your liking. We are also going to discuss theming our products and changing the design.

Changing Settings

First, you are going to want to open your product's folder in an IDE. If you don't have an IDE, we suggest downloading and installing Visual Studio Code. It is free to use. In the product's files, you need to navigate to the /config folder and open the settings.js file. In here, you will be able to change around keywords, links, and messaging on your website. Below is an example of our /config/settings.js file:

export const settings = {
    company_name: "Buzzy Hosting",
    website_domain: "buzzy.hosting",
    socials: {
        email: "info@buzzy.hosting",
        phone: "+1 (123) 456-7890",
        instagram: "https://www.instagram.com/buzzy.hosting",
    }
}
    ... more lines

Adding Languages

Adding more languages is something we would like to continue doing. If there isn't a language that has been adding and you would like to add it to your product, you can do so by editing the settings.js file. In the /config/settings.js, you will see some settings for languages.

languages: [ { flag: '/language_icons/en.png', value: "English", key: 'en' } ],

To add new languages, you will need to add some new code before the English language preset. For this example, we will be adding the Spanish language.

languages: [ { flag: '/language_icons/en.png', value: "English", key: 'en' }, { flag: '/language_icons/es.png', value: "Spanish", key: 'es' } ],

Editing Themes

We plan on releasing new themes as well as adding support for our clients to edit and create their own themes. To begin editing your theme, find the /theme folder, below the /src folder.

• /components lets you add new components to your website
• /theme.css will allow you to add, remove, or edit any CSS code within the website
• /theme.js will allow you to update the default styles for some elements in your website

Hire Buzz Development

If you are not a developer, you can hire Buzz Development to customize your website. We offer a wide range of services, including:

• Customizing the website to your liking
• Adding new features or pages to the website
• Adding new languages to the website
• Adding new themes to the website