Your Sleekplan standalone website is a powerful tool for gathering feedback and engaging with your users.Sleekplan offers extensive customization options that let you tailor everything from your logo and brand colors to page layout and navigation elements. This guide will walk you through all the customization settings available.

Accessing Customization Settings

To customize your Sleekplan standalone website, navigate to your Admin dashboard > Settings > Website > Website Settings

📋Brand Settings

👉Logo

Upload your company logo or icon to give your standalone website a professional, branded look. Your logo should be in a 1:1 format with a maximum size of 2000px x 2000px.

👉Brand Color

Set your primary brand color, which will be used as the background color for your feedback button and in various areas of the webpage.

👉Language

Choose the language for all customer-facing parts of Sleekplan, including the widget, website, and emails. You can also contribute to translations to help expand language support for the Sleekplan community.

📋Header Style

👉Alignment

Decide where your feedback button should appear on your website—at the top, vertically centered, or at the bottom.

👉Gradient Background

Enable a smooth linear gradient background by defining two color stops.

👉Header Color

Customize the background color of your header section to align with your brand aesthetic.

👉Header Font Color

Adjust the font color in your header to ensure optimal readability and visual appeal against your chosen header background.

📋Page Colors

Sleekplan gives you granular control over your color scheme:

Primary Background
Secondary Background
Contrast Background
Primary Font
Secondary Font

📋Custom HTML

For advanced users, Sleekplan offers three injection points for custom code:

👉<head>-section

Add custom tags to the <head>...</head> section of your website. Note that a custom domain is required for JavaScript to function properly.

👉HTML after <body>-tag

Insert HTML code immediately after the opening <body> tag of your standalone page.

👉HTML before </body>-tag

Add HTML code just before the closing </body> tag of your standalone page.

These options give you the flexibility to add tracking scripts, custom styling, or any other code you need.

👉Custom CSS

Apply your own CSS rules to fine-tune the appearance of your standalone website beyond the standard customization options.

👉Custom JavaScript

Add custom Javascript to your page (Custom domain required)

📋Appearance

👉Theme

Choose between light and dark widget modes to match your application's overall style

👉Layout

Select between a "Highlighted" (shaded) or flat layout style to determine how content is presented visually.

👉Content Presentation - Kanban Roadmap

Opt to display your roadmap as a Kanban board on large screens (it will still show as a list-styled roadmap on small screens).

📋Navigation

Control which sections appear in your standalone website's navigation:

Feedback Board
Changelog
Roadmap

📋Home Screen

👉Reactions (Satisfaction Survey)

Enable or disable the default satisfaction survey on your widget/website. This quick feedback tool helps you gauge user sentiment at a glance.

👉Module

Select which main module you want to display on your home screen—such as the Feedback Board—to direct users' attention where you need it most.

📋Content and Terms

👉Widget Title

Create a welcoming title for your widget (for example, "Hi 👋"). This is the first thing users see, so make it friendly and inviting.

👉Widget Description

Write a brief description that explains the purpose of your feedback portal. For instance: "Together we can discuss new ideas, suggestions and solve problems." This helps set expectations and encourages meaningful participation.