Strona internetowa z AI - podgląd, publikacja i hosting w DomaAI
Komputer buduje stronę, a Ty decydujesz, kiedy wychodzi do ludzi. Adres nazwa.domaai.pl, hosting od 5 kr, własna domena i cofanie zmian.
Masz już stronę firmy i nie chcesz za każdym razem szukać w kodzie, gdzie zmienić nagłówek albo cennik? DomaAI Code łączy aplikację z plikami Twojej strony przez mały program na serwerze, mostek domaai serve. Zmianę opisujesz zdaniem w czacie albo klikasz w panelu strony, a każdy zapis panelu zostawia kopię poprzedniej wersji. W tym poradniku instalujesz mostek, podłączasz stronę i poznajesz 12 zakładek panelu.
Code a Komputer: Twój serwer, nie maszyna DomaAI
DomaAI ma dwa sposoby pracy ze stronami i łatwo je pomylić. Code pracuje na plikach strony, którą już masz, na Twoim serwerze albo komputerze: HTML, CSS, skryptach, obrazach i konfiguracji. Strona zostaje tam, gdzie jest, pod tym samym adresem. Komputer pracuje na maszynie DomaAI w chmurze i buduje nowe strony, które publikujesz pod adresem nazwa.domaai.pl.
| Code | Komputer | |
|---|---|---|
| Gdzie są pliki | Twój serwer albo komputer | maszyna DomaAI w chmurze |
| Kiedy wybrać | masz stronę i chcesz ją zmieniać | potrzebujesz nowej strony albo programu |
| Adres strony | Twoja domena, bez zmian | nazwa.domaai.pl |
| Od planu | Base (czat), Plus (panel) | Plus |
Jeśli dopiero planujesz stronę, zacznij od wpisu o stronie internetowej z AI i poradnika o trybie Komputer. Ten tekst dotyczy strony, która już działa.
Mostek nie służy wyłącznie stronom. W Code podłączysz też typ „Asystent (serwer / komputer)”: serwer do pracy albo własny komputer, na którym agenci z czatu pracują na plikach, skryptach i wdrożeniach, tylko bez panelu strony.
Instalacja mostka w 3 krokach
Mostek uruchamiasz programem wiersza poleceń DomaAI_Code. Instalujesz go tam, gdzie leżą pliki strony. Działa na Linuksie, macOS i Windows, a na Linuksie i macOS potrzebuje python3 i curl.
- Linux i macOS:
curl -fsSL https://bymadd.pl/install.sh | bash - Windows (PowerShell):
irm https://bymadd.pl/install.ps1 | iex
Instalator dodaje komendę domaai. Krótszy alias doma to ta sama komenda, więc oba zapisy działają. Dalej są trzy kroki:
domaai login- logowanie przez przeglądarkę, bez wpisywania hasła w terminalu. Program otwiera link do DomaAI. W przeglądarce widzisz pytanie „Sparować to urządzenie z kontem?”, w „Czym jest ta maszyna?” wybierasz „Serwer strony internetowej” i klikasz „Sparuj urządzenie”. Terminal sam dokończy logowanie.cd /sciezka/do/strony- przechodzisz do folderu z plikami strony. Mostek pracuje w tym folderze.domaai serve --yes- uruchamiasz mostek. Przy pierwszym uruchomieniu program zapyta o stałe połączenie z folderem. Gdy się zgodzisz, mostek wystartuje sam po restarcie serwera.
Flaga --yes pozwala agentom uruchamiać na serwerze komendy, np. testy. Bez niej mostek działa w trybie „tylko pliki”: agenci czytają i edytują treść strony (HTML, CSS, skrypty), ale nie uruchamiają komend i nie zapisują plików wykonywanych przez serwer, takich jak .php czy .py. Przydają się jeszcze trzy polecenia: domaai status pokazuje konto, bieżący folder i to, czy folder ma stałe połączenie, domaai unlink usuwa stałe połączenie folderu, a domaai pair z kodem z aplikacji paruje maszynę bez logowania przez przeglądarkę.
Podłączenie strony w przeglądarce
Stronę dodajesz w DomaAI w przeglądarce, pod adresem domaai.pl/czat, na tym samym koncie, na które zalogowałeś mostek.
- Kliknij „+” przy polu wiadomości i w sekcji „Narzędzia AI” wybierz „Code”.
- Kliknij „+ Podłącz”. W pytaniu „Co podłączasz?” wybierz „Strona internetowa”.
- Wpisz „Nazwa strony” i „Adres strony”, np. twojafirma.pl.
- W „Sposób podłączenia” wybierz „Mostek domaai serve”. Pod spodem są polecenia instalacji z przyciskiem „Kopiuj”. Jeśli maszyna nie jest jeszcze sparowana, kliknij „Wygeneruj kod parowania” i wpisz na niej
domaai pairz tym kodem. Kod jest ważny 3 minuty, a aplikacja odlicza czas. - W polu „Notatki dla agentów” zapisz to, co agenci mają zawsze wiedzieć, np. „nie ruszać cennika”. Agenci dostają tę notatkę z każdą wiadomością o tej stronie.
- Kliknij „Podłącz stronę”.
Strona pojawia się na liście „Twoje strony i asystenci”. Zielona kropka przy nazwie oznacza, że mostek jest połączony. Szara kropka z podpowiedzią „Serwer offline - uruchom domaai serve” znaczy, że mostek na serwerze nie działa. Przy stronie są dwa przyciski: „Panel strony” i „Zarządzaj w czacie”.
Drugi sposób podłączenia to „Serwer MCP”. Wybierasz go, gdy Twój CMS albo hosting udostępnia serwer MCP. Agenci dostają wtedy jego narzędzia, np. do edycji treści. Panel strony działa tylko przy mostku.
Zmiany rozmową
Rozmowa to najszybszy sposób edycji strony www z AI. Nie musisz wiedzieć, w którym pliku jest tekst. Wystarczy opisać efekt.
- Na liście w Code kliknij „Zarządzaj w czacie”.
- Okno Code się zamyka, a nad polem wiadomości pojawia się pasek „Zarządzasz stroną” z nazwą strony.
- Napisz, co zmienić, i wyślij. Agenci planują pracę, wykonują ją na plikach przez mostek i pokazują efekt w odpowiedzi.
- Gdy skończysz, zamknij pasek krzyżykiem. Kolejne wiadomości trafiają do zwykłej rozmowy.
Pisz jak do osoby, która zna Twoją stronę. Podaj miejsce i oczekiwany efekt:
„Dodaj pod cennikiem sekcję z opiniami klientów.”
„Zmień nagłówek na wiosenną promocję.”
„Sprawdź, czy zdjęcia na stronie głównej mają opisy alt, i uzupełnij brakujące.”
Zanim mostek nadpisze plik, robi jego kopię w folderze .doma/backups na Twoim serwerze. Zmianę z rozmowy cofniesz więc kolejnym zdaniem:
„Cofnij ostatnią zmianę w index.html.”
Z mostka skorzystasz też bez aplikacji. W folderze strony wpisujesz w terminalu polecenie w cudzysłowie, a agent wykonuje je na miejscu, np. domaai "popraw stopkę i dodaj ciemny motyw". Praca agenta w terminalu też rozlicza się kredytami z Twojego konta.
Panel strony: 12 zakładek
W panelu zmieniasz stronę bez pisania w czacie, a AI pomaga przy tekstach, SEO, sekcjach i nowych podstronach. Otwierasz go przyciskiem „Panel strony” na liście w Code. Działa w przeglądarce, od planu Plus, dla połączeń typu „Strona internetowa” przez mostek. Na górze wybierasz podstronę do edycji, a „Otwórz na żywo ↗” otwiera stronę w nowej karcie. Przy pierwszym otwarciu panel sam buduje mapę projektu.
| Zakładka | Co tu zrobisz |
|---|---|
| Mapa | Widzisz strony, pliki i podstrony z serwera. Kliknięcie strony otwiera ją do edycji. |
| SEO | Tytuł i opis w Google z licznikiem znaków oraz tytuł, opis i obrazek do udostępniania w mediach społecznościowych. „Wygeneruj SEO z treści strony (AI)” proponuje tytuł i opisy, a „Wygeneruj na serwerze” tworzy sitemap.xml i robots.txt. |
| Teksty | Nagłówki, akapity i napisy, każdy element podpisany. „Popraw z AI” daje 3 propozycje w wybranym tonie: Auto, Krócej, Prościej, Sprzedażowo albo Formalnie. |
| Linki | Napis na linku lub przycisku i adres, dokąd prowadzi: podstrona, e-mail, telefon albo strona zewnętrzna. |
| Obrazy | „Podmień” zdjęcie, „Wgraj nowe zdjęcie” (duże zmniejszają się same) i opis obrazka (alt), ważny dla Google i dostępności. |
| Wygląd | Kolory i zmienne motywu oraz „Własny CSS”, zapisywany w osobnym bloku. Oryginalny CSS zostaje nietknięty. |
| Sekcje | 20 gotowych bloków, m.in. cennik, opinie klientów, FAQ i mapa. Kolejność zmieniasz przeciąganiem, a „Zbuduj własną sekcję z opisu” tworzy nowy blok w kolorach strony. |
| Dodatki | 16 dodatków wstawianych jednym kliknięciem: analityka, czat, baner cookies, przyciski kontaktu. Pełna lista jest pod tabelą. |
| Statystyki | Odsłony z ostatnich 30 dni, najczęściej odwiedzane podstrony i źródła ruchu, bez cookies. Działa po włączeniu dodatku „Statystyki doma”. |
| Pliki | Edytor plików strony, np. CSS i skryptów. Pliki z sekretami (.env, klucze) są pomijane. |
| Audyt | Ocena strony z listą poprawek, „Audyt całego projektu”, „Sprawdź martwe linki” i przekierowania. |
| Historia | Ostatnie 20 wersji pliku z przyciskami „Różnice” i „Przywróć” oraz „Pobierz kopię (ZIP)” całej strony. |
Dodatki do wyboru: Statystyki doma, Google Analytics 4, Google Tag Manager, Weryfikacja Google Search Console, Dane firmy dla Google (JSON-LD), Microsoft Clarity, Meta Pixel, Baner cookies (RODO), Czat na żywo (Tawk.to), przyciski WhatsApp, Messenger, Telegram, „zadzwoń”, „umów spotkanie” i „do góry” oraz Własny kod HTML. Jak połączyć stronę z resztą działań promocyjnych, opisujemy we wpisie o AI w marketingu.
Przycisk „+ Podstrona AI” na górze panelu buduje nową podstronę w stylu reszty strony i dodaje ją do nawigacji. „Popraw z AI”, generowanie SEO oraz budowa sekcji i podstron z opisu zużywają kredyty. Koszt widzisz w komunikacie po wykonaniu.
Zapis i sprawdzenie na żywo
Na dole panelu jest „Auto-zapis”, domyślnie włączony: zmiany trafiają do plików strony chwilę po wprowadzeniu. Możesz go wyłączyć i zapisywać ręcznie przyciskiem „Zapisz zmiany”. Kod w zakładce „Pliki” zawsze zapisujesz ręcznie. „Sprawdź na żywo” pobiera opublikowaną stronę i sprawdza, czy zmiana jest na niej widoczna.
Historia i przywracanie
Kopie z zapisów panelu znajdziesz w zakładce „Historia”: to wersje pliku z datą i rodzajem zmiany. „Różnice” pokazuje, co się zmieniło względem obecnego pliku, a „Przywróć” cofa plik do wybranej wersji. Obecna wersja też trafia wtedy do historii, więc nic nie przepada.
Dobrze wiedzieć. Gdy „Sprawdź na żywo” nie widzi zmiany, panel podaje trzy typowe przyczyny: aplikacja strony trzyma szablony w pamięci podręcznej, mostek edytuje inny plik niż ten, który pokazuje serwer, albo treść pochodzi z bazy danych lub CMS-a. W pierwszym przypadku zaznacz w panelu „Przeładuj stronę po zapisie” i wpisz komendę, która przeładuje aplikację (działa przy mostku z
--yes). W drugim uruchomdomaai servew katalogu projektu.
Code na iPhonie
Na iPhonie i iPadzie nie ma panelu z zakładkami. Stroną zarządzasz tam rozmową, w trybie „Code”:
- Dotknij „+” przy polu wiadomości i w sekcji „Tryb rozmowy” wybierz „Code”. Na planie Free zobaczysz przy nim kłódkę.
- W polu wiadomości pojawia się podpowiedź „Co zmieniamy na Twoim serwerze?”, a nad nim pasek z kropką stanu mostka. Gdy mostek działa, obok zielonej kropki widzisz nazwę folderu strony. Gdy nie działa, pasek o tym informuje i podpowiada uruchomienie
domaai serve. - Polecenia piszesz tak samo jak w przeglądarce.
Przycisk „Code” w tym pasku otwiera ekran „Serwer (Code)”. Znajdziesz tam instrukcję instalacji z przyciskiem kopiowania, stan „Mostek aktywny” albo „Mostek nieaktywny”, listę „SPAROWANE URZĄDZENIA” z możliwością odparowania i sekcję „SPARUJ NOWE URZĄDZENIE”. W tej ostatniej przepisujesz kod, który na serwerze pokazuje domaai login albo domaai pair, i dotykasz „Sparuj”.
Różnice między aplikacją a wersją w przeglądarce zbiera wpis DomaAI na iPhonie i w przeglądarce.
Plany, limity i bezpieczeństwo
Code działa od planu Base, na planie Free go nie ma. Dalej limity zależą od planu:
| Base | Plus | Pro i Max | |
|---|---|---|---|
| Czat przez mostek | tak | tak | tak |
| Panel strony | - | tak | tak |
| Strony i asystenci w Code | 1 | 2 | do 10 |
| Aktywne mostki | 1 | 2 | bez limitu |
Ceny miesięczne brutto: Base 39,99 zł, Plus 99,99 zł, Pro 249,99 zł, Max 549,99 zł. Enterprise ma limity jak Pro i Max. Aktywny mostek to jeden serwer albo komputer z działającym domaai serve. Na planie Base panel jest zablokowany, a stroną zarządzasz przyciskiem „Zarządzaj w czacie”. Praca agentów w rozmowie i w terminalu oraz AI w panelu zużywają kredyty z Twojego konta.
Który plan pasuje do Twojej pracy, pomaga ustalić wpis o planach DomaAI, a koszt pojedynczych działań wyjaśnia poradnik o kredytach.
Mostek ma dostęp do plików Twojej strony, więc ważne są granice:
- Pliki z hasłami i kluczami są chronione. Odczyt i przeszukiwanie plików takich jak .env, klucze .pem, id_rsa czy wp-config.php są zablokowane, a panel ich nie pokazuje. Takie pliki zmieniasz sam na serwerze.
- Komendy tylko za Twoją zgodą. Agent uruchomi komendę na serwerze tylko wtedy, gdy mostek działa z
--yes, i najpierw zapyta Cię w rozmowie, czy ją wykonać. Pytanie podaje serwer i samą komendę, a zgoda dotyczy tylko tego jednego wykonania. - Każda maszyna to osobne urządzenie. W Code, w sekcji „Sparowane urządzenia”, widzisz wszystkie maszyny z mostkiem. Odparowanie natychmiast odcina urządzeniu dostęp.
W skrócie: instalujesz mostek jedną komendą, logujesz się przez przeglądarkę i uruchamiasz domaai serve --yes w folderze strony. Na planie Base zmieniasz stronę rozmową, od Plus masz też panel z 12 zakładkami i historią wersji. Makietę panelu zobaczysz na stronie DomaAI Code, opis kroków w sekcji jak to działa, a odpowiedzi na częste pytania w FAQ. Code na tle innych funkcji pokazuje przegląd funkcji DomaAI. Gotowy? Otwórz DomaAI w przeglądarce i podłącz swoją stronę.
