Create a page for your service or workshop
Prepare the offer, content, and identity, and create a page that guides visitors toward a clear action.
Let's understand the idea
Before asking for a website, define why the visitor is coming and what action they need to take. A workshop page may need to explain the level, program, and booking method. A service page needs examples, scope, and contact details. Gather the facts before deciding on the look.
Provide the text, images, logo, and a reference, explaining what you want from it. Ask for a version that works on mobile, and test every link and form. If the page is informational and its content is static, keep it as simple as needed. Accounts, payments, and data storage are additional decisions with their own requirements.
Tools for this workflow
Choose from what's available to you. You can use these prompts with several tools. What they can carry out depends on supported features and files.
See tool details and uses in the Tools library →Examples to expand the idea
A psychologist wants a page for her online sessions. She prepares the content first: who the sessions are for, their times, how they work, and a WhatsApp booking link. Then she asks Lovable to build the page, tests it on mobile, and changes the section order twice.
Personal portfolio
Choose work samples and explain your role, then continue with the portfolio guide rather than listing links without context.
Event page
A confirmed place and time, a map, and a tested registration method, without displaying a form that cannot save or send submissions.
Service directory
Give each service a clear description and destination, and test browsing on mobile.
Steps from start to delivery
Open any step by its heading. Each explains what to do, why, and what to check before continuing.
1Define the visitor and actionA clear promise and contact action.Details
The page structure depends on the decision you are helping the visitor make.
What should I do?
- Write down the offer, who it suits, and the required action.
- Define the functions the page actually needs.
2Approve the content and evidenceCopy without invented promises or numbers.Details
AI can write the copy, but it should not invent testimonials.
What should I do?
- Prepare the approved description, details, examples, and links.
- Specify what must be left out if the information is unavailable.
3Turn the brand identity into rulesDesign rules tied to the content.Details
The reference makes the intended look clear.
What should I do?
- Upload the logo, font, colors, and materials you are allowed to display.
- Specify what you want to take from the reference without copying someone else’s brand identity.
4Build and test the functionA page whose main user journey works.Details
A static image does not prove that the form works.
What should I do?
- Ask for working links, contact options, and handling of missing fields.
- Test the mobile layout, readability, form, and what actually arrives from its submissions.
Tools for this part: choose oneA guide for this stepHow do you build a website or app with AI?5Review, then shareA correct link with the intended content and audience.Details
The final link has an audience and an access setting.
What should I do?
- Review the content, buttons, images, and sharing settings.
- Set the audience when publishing, and open the published version using the available method.
Prompts for your work
Open a prompt and fill in your details. Empty fields remain visible so you don't forget them.
Build the page from prepared materialsOpen it to copy or tailor the prompt
Prepare the listed inputs and start with the prompt in an available tool. Open the output and review it against your work.
Copy the prompt as it is, or tailor it with your details first.
Tailor the prompt to your workOptional: add your details and the prompt adjusts itself
View full prompt
Why is the prompt written this way?
Clarifying behavior and inputs helps us build something people can use, beyond just a page's appearance.
Review the page before sharingOpen it to copy or tailor the prompt
Copy the prompt as it is, or tailor it with your details first.
Tailor the prompt to your workOptional: add your details and the prompt adjusts itself
View full prompt
Did the result serve your original goal?
Return to the inputs and sources, and open the output where you'll use it. Check these points before relying on it.
- Does the visitor understand the offer and next action?
- Are the facts approved?
- Have contact options, mobile layout, and access been tested?
If there's a problem, name the unsuitable part, show an example, and request a specific edit.
