Landing page nemusí stát tisíce korun ani trvat týden práce. Claude Artifacts umí na základě jasného popisu vygenerovat kompletní funkční kód stránky, který jen vložíte na svůj web.

Co budete potřebovat

  • Účet na claude.ai (funguje i zdarma).
  • Vlastní doménu a hosting, nebo přístup do administrace WordPressu.
  • Jasnou představu o obsahu – co stránka nabízí, jaký je hlavní cíl (prodej, sběr kontaktů, prezentace produktu).

Krok 1 – Vygenerování kódu v Claude Artifacts

QR kód pro podporu
Podpoř nás naskenováním QR kódu

Zadejte konkrétní prompt, například: "Vytvoř mi jednostránkovou landing page pro [produkt/službu] s nadpisem, 3 benefity, sekcí s recenzemi a tlačítkem Koupit/Kontaktovat. Použij moderní čistý design." Claude vygeneruje kompletní HTML a CSS rovnou v okně Artifacts, kde si výsledek hned prohlédnete.

Krok 2 – Úprava obsahu podle vaší nabídky

Popište, co chcete změnit – barvy, texty, pořadí sekcí – a Claude kód rovnou upraví. Nemusíte nic psát ručně, stačí popsat požadovanou změnu běžnou řečí.

Krok 3 – Nahrání na vlastní doménu nebo WordPress

  • Vlastní doména/hosting: zkopírujte vygenerovaný kód a nahrajte ho jako `index.html` přes správce souborů u vašeho poskytovatele.
  • WordPress: vložte kód pomocí bloku "Vlastní HTML" nebo pluginu na custom kód přímo do nové stránky.

Tipy na vylepšení stránky

  • Přidejte vlastní obrázky místo placeholderů – vizuál dělá velkou část prvního dojmu.
  • Otestujte stránku na mobilu, Claude sice generuje responzivní kód, ale vždy se vyplatí zkontrolovat.
  • Propojte formulář nebo tlačítko s reálným cílem – e-mailem, kalendářem na schůzky nebo platební bránou.

Časté dotazy

Potřebuju znát HTML nebo CSS?
Ne, celý kód vygeneruje Claude za vás. Základní znalost pomůže při jemných úpravách, ale není nutná.
Je tenhle postup zdarma úplně celý?
Samotné generování v Claude ano. Platíte jen za doménu a hosting, pokud je ještě nemáte – bez nich stránku nikam nevystavíte.
Zvládne Claude i víc podstránek, ne jen jednu landing page?
Ano, stačí popsat, že chcete propojit víc stránek (např. hlavní + kontakt), Claude vygeneruje i odkazy mezi nimi.