Guide and practice for your work

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.

What will you get?A working page with reviewed content and tested links and contact options.

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.

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.

Apply it to something of your own

Steps from start to delivery

Open any step by its heading. Each explains what to do, why, and what to check before continuing.

  1. 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.
    A guide for this stepHow do you build a website or app with AI?Open the guide →
  2. 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.
    A guide for this stepHow do you use AI to write content in your style?Open the guide →
  3. 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.
    A guide for this stepHow can examples and reference images improve your results?Open the guide →
  4. 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.
    A guide for this stepHow do you build a website or app with AI?Open the guide →
  5. 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.
Start with a suitable prompt and adapt it

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.

Ready to copy

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
Prompt details
View full prompt

After copying the prompt, open it in:Choose a tool that reads your files and supports the required output.
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
Ready to copy

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
Prompt details
View full prompt

After copying the prompt, open it in:Choose a tool that reads your files and supports the required output.
Review before use

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.

Questions? Message us