How can you revise your project?
On the HeyBoss platform, you can easily edit and modify your project using three modes: Edit Mode, Select Mode, and Prompt Input. Each mode serves a specific purpose to help you efficiently adjust your project according to your needs.
Edit / Select modes : They are for making small, specific changes to elements on your website, like text, images, or buttons. These modes let you adjust individual parts without affecting the whole design.
Prompt Input : For larger changes, like redesigning layouts or adding modules, you can describe the changes in the prompt box, and the AI will make the adjustments for you.
How Can I Use Prompt to Customize My Site?
To help you customize your site, here are different perspectives from which you can approach modifications, focusing on various features, designs, and interactions. Each example includes a prompt you can give to HeyBoss for customizing your website.
Directly Tell AI What You Want
1) Layout and Design Customization
Prompt:
"I want to redesign my homepage layout with a clean, minimalist approach. Please remove the sidebar, add a large hero image at the top, and place the navigation bar at the bottom for a modern look."
Explanation:
Focusing on layout, you’re asking for specific changes to the structure of the homepage, such as the removal of elements and the repositioning of others to achieve a minimalist design.
2) Color Scheme and Branding
Prompt:
"Change the color scheme of my site to match my brand’s colors—use dark blue for headers, light gray for backgrounds, and bright orange for call-to-action buttons."
Explanation:
Here, you're customizing the visual appearance of your website by specifying the exact colors for elements that need to align with your brand identity.
3) Interactive Elements
Prompt:
"I need a pop-up form to appear when a user clicks on the 'Contact Us' button. The form should include fields for name, email, and message, with a submission button that closes the form after submission."
Explanation:
This prompt focuses on adding interactive functionality to the site, allowing users to engage more with the content via a form.
4) Navigation and User Experience
Prompt:
"Add a sticky navigation bar that remains visible at the top of the page as users scroll down. Include links to the homepage, products, blog, and contact page."
Explanation:
You're improving user experience by making the navigation more accessible at all times while browsing, which can make it easier for users to explore the website.
5) Adding Features
Prompt:
"Add an email subscription pop-up that appears after 10 seconds on the homepage, offering a 10% discount for new users who sign up for our newsletter."
Explanation:
You're adding a feature that not only captures leads but also encourages users to interact with the website in exchange for an incentive.
Practical Case
Example 1: E-commerce Website
Request: “Please create a product filter sidebar for my online store with categories like ‘Size,’ ‘Color,’ and ‘Price Range.’”
What AI does:
Instantly adds a sidebar filter to your online store.
Customizes categories (size, color, price range) based on your product listings.
Creates an easy-to-use navigation tool for shoppers to refine their search.
Example 2: Online Portfolio
Request: “Update my portfolio site by adding a filter for my projects based on categories like ‘Web Design’ and ‘Branding.’”
What AI does:
Adds a project filter to your portfolio with categories like ‘Web Design’ and ‘Branding.’
Allows visitors to easily navigate your work based on their interests.
Improves user experience by organizing your projects in a clear, engaging way.