Website Settings
You can manage all of your website's settings from this section, including setting up your homepage, adding branding elements, creating themes, and enabling marketing integrations. You can use these settings to create and keep up your company's official website right from ERPNext, without needing any outside web development tools.
To get to Website Settings, go to:
1. Page of Landing
Set the Home Page field to the route of the page you want to be the default landing page for your website. When people open your website, the landing page is the first page they will see. It's important to choose this carefully because it makes the first impression of your business. - You can put any route here, even standard ones like: - Home , About , Get in touch , Log in , All products , Blog - A route is the system-defined link or path to any page on your ERPNext site. When someone types in your domain, ERPNext will take them to the page that is linked to the route you give here. - You have to set the ERPNext Homepage as your home page if you want to use it. This is how the default landing page for ERPNext looks. - You can also make a Web Page your landing page. - You can make web pages in ERPNext and set their route here. This lets you fully customise the first page of your website. - You can also set the Title Prefix in this section. - As you can see in browser tabs, this text will be added to the beginning of every page's title. - For example: If "ABC Industries" is your Title Prefix, your page titles will look like this: - ABC Industries | Home - ABC Industries | Information This helps with branding and makes it easier for search engines to find your website.
2. Theme for the website
Set a custom theme for your website here. The look of your whole website is controlled by a website theme. - Themes help you keep the colours, fonts, and layout on your whole site the same. - You can choose from the themes that are already there or make your own in the Website Theme module. - For instance, an online store might use bright colours to draw in customers, while a business website might use neutral and formal colours. Check out the Website Theme documentation to find out how to set up Website Themes.
3. Brand
3.1 Logo for the Brand
In this part, you can choose the logo for your website. - Put up the Brand Image (the logo for your business). - After uploading, click the "Set Banner from Image" button. - This makes Banner HTML for you, which will show your logo as a banner image. - A logo on your website makes it look professional and helps people remember your brand.
3.2 Favicon
In this part, you can also change the favicon for your website.
The small picture that shows up on the left side of your browser tab is called a favicon. - Send in a small, square picture (usually 16x16 or 32x32 pixels). - This favicon makes it easy for people to find your website among many open browser tabs. - For example: Favicon icons are usually the logos or unique icons of the most popular sites, like Google or Amazon.
Clicking "View Website" in the action bar at the top right will show you your updated website after you upload the Brand Logo and Favicon.
4. Top Bar
From the Top Bar section, you can change the items in the navbar menu on your website. - This lets you control which links show up at the top of your site. - It's easy to add, remove, or change the order of these menu items. - Common items are Home, Shop, Blog, Contact Us, and so on. A clear and well-organised top bar makes it easier for users to find their way around your site.
5. Sign
You can put a permanent banner on your website. This banner will be at the top of all web pages, above the navbar. - This area lets you write any valid Bootstrap 4 markup. - Use this banner to show off important information or deals. - For example: Use an alert banner to show a message like "Free shipping on orders over $100."
The banner makes sure that all website visitors can see important notices.
6. Bottom
In the Footer section, you can put your company's address and links to different categories. - The Footer is at the bottom of your website. - It could have: - Address of the company , Link to the Privacy Policy , Link to the Terms of Service , Links to social media
These links make it easy for visitors to find their way to important parts and get in touch.
Setting up the "Powered by" section
- You can change the Powered by section by changing the "Footer Powered By" field.
- This usually shows up at the bottom of the page and can be used to give credit to ERPNext or your own business.
7. Integrations with Google
7.1 Indexing by Google
From this section, you can set up Google Indexing to happen automatically.
When web content is made, changed, or deleted, this lets ERPNext automatically send indexing requests to Google. How to set up Google Indexing:
Make OAuth 2.0 credentials for your Google account.
Turn on indexing in the settings for your website.
To let ERPNext send indexing requests to Google, click "Authorise API Indexing Access."
Once you give ERPNext permission, it will automatically handle indexing requests in the background.
This helps your website show up higher in Google Search results.
7.2 Google Analytics
You can turn on Google Analytics so that it can keep track of who visits your website. - Get your Google Analytics Tracking ID from your Google account and type it in here. - Google Analytics will start getting visitor data directly from ERPNext. - You can see reports on traffic, how visitors behave, and how well your website works. - Setting that is not required: To protect visitors' privacy, turn on "Google Analytics Anonymise IP" so that Google gets masked IP addresses. This can help you follow privacy rules like GDPR.
8. Header in HTML
You can add HTML meta tags or scripts to this part that will be used on all the pages of your website. - A common use case is to add Google Site Verification tags. - You can also add your own CSS or JavaScript that works on the whole site.
Adding code here makes sure that it loads on every page without having to be updated by hand.
9. Robots
Here is where you can set rules in the robots.txt file. - You can use robots.txt to tell search engines like Google which parts of your website they can index. - Setting up this file correctly helps you manage your SEO strategy. - Rule Example: makefile Edit Copy User-agent: * Do not allow: /private-area Let: /
For more advanced rules and techniques, check out online resources like the Moz Robots.txt guide.
10. Redirects
You can set up route redirects in this part. - Route redirects let you connect old page URLs to new ones. - If someone goes to an old URL, ERPNext will automatically send them to the new page with a 301 Permanent Redirect. - Example of a use case: Set the mapping so that the old page was /iphone and the new page is /products/iphone.
This is especially helpful when moving from an old site because it helps keep SEO rankings.
11. Talk
This is where you can turn on the website chat widget. - The chat widget lets people send messages right from your website. - You can set the From Time and To Time to choose when the chat widget will show up. - Give Chat Operators the job of getting messages from visitors.
This feature helps you help customers in real time, get them more involved, and get leads.