Overview
This guide explains each feature available in the Butternut sidebar inside the website editor, what it does, and how to use it.Table of contents
Blog
The Blog feature lets you create and manage a blog page and its articles.How to access
- Click the Blog icon in the sidebar (document/article icon).
Create a new blog page
Note: Blogging is a Pro feature. If you’re on a free plan, you’ll need to upgrade first.- Click Blog in the sidebar.
- If you don’t have a blog page yet, click Create New Blog.
- Wait for the page to be created (you’ll see a loading spinner).
- Your blog page is ready.
Blog page settings
Edit page title
- In Blog Page Settings, find Page Title.
- Type your desired title (for example: “My Blog”, “Articles”, “News”).
- Click outside the field (or press Enter) to save.
Change page URL (slug)
- Find Page URL.
- Type the path name (for example:
blog,articles,news).- The
/is added automatically.
- The
- Click outside the field to save.
Show / hide the blog page
- Click the eye icon at the top-right of the settings section to toggle visibility:
- Green eye = visible
- Gray eye with slash = hidden
Delete the blog page
- Click the red trash/delete icon at the top-right.
- Confirm by clicking Delete.
- Warning: This deletes the blog page and all articles. It can’t be undone.
Articles
View articles
- Under blog page settings, find the list of articles.
- Each item shows the article title.
Edit an article
- Click the article title (or the external link icon next to it).
- You’ll be taken to the article editor.
Delete an article
- Hover the article you want to remove.
- Click the trash/delete icon on the right.
- Confirm by clicking Delete.
- Warning: This can’t be undone.
Manage all articles
- Click Manage Articles.
- You’ll be taken to the blog editor where you can create new articles.
Brand
The Brand feature lets you set your business identity: business name, logo, and favicon.How to access
- Click the Brand icon in the sidebar (image icon).
Update business name
- In the Business Name card, type your business/organization name.
- This name will appear across your website.
Upload a favicon
A favicon is the small icon shown in browser tabs next to your website title.- In the Favicon card, click the upload area (or click the existing favicon to replace it).
- Choose your file.
- Supported formats: PNG, ICO, SVG
- Recommended size: 32×32 or 16×16
- Max size: 1MB
- Confirm the preview looks correct.
- To remove: click the red delete icon next to the preview.
Upload a logo
- In the Logo card, click the upload area (or click the existing logo to replace it).
- Choose your file.
- Supported formats: PNG, JPG, SVG
- Max size: 5MB
- Confirm the preview looks correct.
- To remove: click the red delete icon next to the preview.
Save changes
- Click Save at the bottom.
- Wait for uploads to finish (you’ll see “Uploading…”).
- Click Cancel if you want to discard changes.
Pages
The Pages feature lets you add new pages and manage existing ones.How to access
- Click the Pages icon in the sidebar (list icon).
Add Page tab
- Open Add Page (default tab).
- Choose a page type (for example: Contact, About, Services, Custom).
- Click the page type to create it.
- The page is added to your website.
Manage Pages tab
- Open Manage Pages.
- Review the list of your pages.
- Depending on what’s enabled for your site, you can:
- Edit the page title
- Change the page URL/slug
- Toggle visibility
- Reorder pages (drag and drop)
- Delete pages
- Set a page as your homepage
Header (Navbar)
The Header editor controls the navigation bar at the top of your site.How to access
- Click the Header icon in the sidebar.
Layout tab
- Open Layout.
- Choose a header layout style (classic, centered logo, minimal, etc.).
- Apply the layout and adjust spacing/alignment as needed.
Pages tab
- Open Pages.
- Choose which pages appear in the header menu.
- Reorder menu items and rename labels if needed.
Buttons tab
- Open Buttons and click Add Button.
- Configure button text, link, and style (primary/secondary/outline).
- Reorder buttons and remove any you don’t need.
Social tab
- Open Social.
- Add profile URLs (Facebook, X, Instagram, LinkedIn, YouTube, etc.).
- Toggle platforms on/off and adjust icon style/appearance.
Footer
The Footer editor controls the bottom section of your website.How to access
- Click the Footer icon in the sidebar.
Layout tab
- Open Layout.
- Choose a footer layout (multi-column, centered, minimal, etc.).
- Configure elements such as:
- Footer logo (can differ from header logo)
- Business tagline
- Footer text / copyright
- Column arrangement
Pages tab
- Open Pages.
- Choose which pages appear in footer links.
- Organize links into columns (if supported), reorder, and rename labels.
Social tab
- Open Social.
- Add and configure social profile links.
- Toggle platforms, set URLs, adjust icon style/size, and arrange order.
Theme
The Theme feature controls your site’s colors and overall look.How to access
- Click the Theme icon in the sidebar (paint palette icon).
Themes (pre-built themes)
- Open Themes (default).
- Browse and click a theme to preview it.
- Themes typically include coordinated colors for backgrounds, text, buttons, links, and status colors (success/warning/error).
Generate (AI theme generator)
- Open Generate.
- Describe the look you want (for example: “Modern blue professional theme”, “Warm autumn colors”).
- Click Generate Theme and preview the result.
- Repeat with a new prompt if you want different options.
Save theme
- Click Save Theme to apply your selection permanently.
- Click Clear Theme to revert to your previous theme.
Font
The Font feature lets you customize your website typography.How to access
- Click the Font icon in the sidebar.
Choose fonts
- Browse available font combinations.
- Compare how headings and body text look across your page.
Save fonts
- Click Save Theme to apply font choices.
- Click Clear Theme to revert to previous fonts.
- Choose fonts that are easy to read.
- Make sure headings and body text have good contrast and hierarchy.
- Preview fonts across multiple sections before saving.
Settings
The Settings area provides shortcuts to configuration pages for your website.How to access
- Click the Settings icon in the sidebar (gear icon).
Available settings pages
Click a settings option to open it (often in a new page/tab). If you see an external link icon (↗), you can use it to navigate directly.- General Settings: Basic website information and general configuration.
- Domain Settings: Connect and manage your custom domain and DNS.
- SEO Settings: Meta titles/descriptions and social previews.
- Analytics: Connect analytics and review traffic reporting.
- Integrations: Connect third-party services and integrations.
- Advanced Settings: Custom code and developer-focused options.
Additional sidebar features
Tutorial
- Access step-by-step guides and (where available) video tutorials.
Help
- Open support/chat to get assistance with issues or questions.
ChatAI
- Ask the AI assistant for help with website changes, content, and suggestions.
Tips
- Many changes auto-save: some tools save as you type.
- Watch for explicit Save buttons: some areas require confirmation.
- Preview before committing: confirm changes look correct before saving.
- Use the backdrop: click outside the sidebar to close a panel.
- Focus on one section at a time: you’ll move faster and avoid conflicts.
Getting help
- Use Help for live support.
- Use Tutorial for guided walkthroughs.
- Use ChatAI for quick questions and assistance.
Version: 2.0