heartbeatRadar

← YouTube

Original öffnen ↗
@johannesklieschJohannes Kliesch·DACH·17k Follower

Website mit dieser neuen AI in unter 10 Minuten erstellen

Video·12:03 min·veröffentlicht 02.08.26 (vor 15 Tagen)·erfasst 17.08.26
0,4×Faktor (Views / Median 1.390, n=17)
567Views
15Likes
2Kommentare
Screen / WhiteboardTutorial / How-toHook: frage10-25minProduktion: mittelCTA: kommentar keywordKonfidenz mittel

Warum es so läuft

Der Post liegt mit Faktor 0.41x deutlich unter dem Median des Accounts, performt also unterdurchschnittlich. Es handelt sich um ein langes Tutorial (12 Minuten) mit gesponsertem Tool-Walkthrough und Gastmoderator, was vermutlich weniger Bindung erzeugt als Kernformate des Kanals. Der Hook ist eine generische Frage ohne Zahl oder Provokation, was die Klickrate vermutlich schwächt. Das Thema AI-Website-Builder mit Werbung wirkt austauschbar gegenüber E-Commerce-Kerninhalten des Kanals.

Belege
  • Ausreißer-Faktor 0.41x, deutlich unter Median 1.389
  • nur 567 Views bei 16.800 Abonnenten nach 15.5 Tagen
  • Hook ist offene Frage ohne konkrete Zahl (hook_typ frage statt zahl_konkret)
  • Gastmoderator Luca übernimmt Großteil des Contents, Johannes nur Intro/Outro
  • Video enthält klar erkennbare Werbung (Rabattcode, Affiliate-Links) im Titel-nahen Bereich
  • Thumbnail zeigt Text + Gesicht, Standard-Format ohne besonderen Aufhänger
Hook

„Wie baue ich mit AI am schnellsten und am besten eine eigene Website?“

Titel-/Hook-Muster

Werkzeug + Superlativ + Jahreszahl als Frage

Für Stefan / Heartbeat

Ein Tool-Walkthrough mit Gastexperte ließe sich als System Breakdown übernehmen, wenn Stefan Graf ein internes Tool oder einen Prozess von Heartbeat live zeigt statt ein fremdes Werbeprodukt, das wirkt für die eigene Zielgruppe glaubwürdiger.

Thema

Website mit AI-Tool in Minuten bauen

Sichtbar
  • Screen-Recording des Hostinger-Interfaces
  • Person im Bild klein oder als Talking-Head-Intro
  • Thumbnail mit großem Textoverlay BESTER AI WEBSITE BUILDER 2026
  • Gesicht des Creators im Thumbnail rechts
  • violett-dunkles Farbschema im Hintergrund
  • keine sichtbaren Untertitel im Thumbnail erkennbar
ai-toolwebsite-buildertutorialwerbunghostingere-commerce

Thumbnail-Stil: text dominant

Analyse 17.08., 22:14 · claude-sonnet-5

Verlauf

MessungAlterViewsLikesKomm.Label
17.08., 21:0115.5 d567152t0
17.08., 21:3415.5 d567152scan
17.08., 22:4915.5 d567152scan

t0 = erste Erfassung, t7 = etwa 7 Tage, t28 = etwa 28 Tage nach Veröffentlichung.

Notiz

Beschreibung

➤ Hostinger Horizons ausprobieren (10% sparen mit dem Code: Johannes10): https://link-to.website/hostingerhorizons-773 (Werbung) ➤ Luca's YouTube Kanal abonnieren: https://www.youtube.com/@rewired-agency?sub_confirmation=1 ➤ Mein Instagram (Daily AI News): https://www.instagram.com/johannes.snocks/ ➤ Meine E-Commerce Plattform (AI Ads kostenlos erstellen): https://link-to.website/klapitalplattform-981 ➤ Mein kostenloser Newsletter (Wöchentliches E-Commerce Insiderwissen): https://link-to.website/klapitalnewsletter-236 ➤ So bauen wir bei SNOCKS unseren Affiliate-Vertriebskanal auf Shopify – mit UpPromote, der #1 Affiliate-App im Store (30% Rabatt über meinen Link): https://link-to.website/uppromote-878 *Affiliate-Link – ich empfehle nur Tools, die wir selbst im Daily Business nutzen. ➤ Die wichtigsten Apps für deinen Shopify Checkout: https://youtu.be/Vgx1R27Hqgk https://youtu.be/aSZN1OfvU7U In diesem Video bauen wir zusammen eine komplette Website von null bis online, mit eigener Domain und geschäftlicher E-Mail-Adresse, ohne eine einzige Zeile Code. Gebaut wird mit dem Hostinger Website-Baukasten, und der funktioniert denkbar simpel: Wir geben der AI den Namen, die Art der Website und eine kurze Beschreibung, und daraus entsteht laut Hostinger in unter einer Minute ein kompletter erster Entwurf. Als Beispiel nehmen wir eine fiktive Outdoor-Marke für robuste Emaille-Tassen, aber denk dir an jeder Stelle einfach dein eigenes Business rein, denn der Ablauf ist für eine Agenturwebsite, ein lokales Geschäft oder eine Marke exakt derselbe. Wir schauen uns den Unterschied zwischen Premium- und Business-Plan an, warum wir uns hier für Business entscheiden und wie wir den ersten Entwurf danach per Drag and Drop anpassen. Danach gehen wir tiefer und bauen einen echten Shop dahinter, mit Produkten, Zahlungsmethode über Stripe, Unternehmensdaten und Versandzonen. Unterwegs schauen wir uns die AI-Werkzeuge an, die direkt im Baukasten sitzen, vom Bildgenerator über den AI Writer für Produktbeschreibungen bis zum SEO-Assistenten und Logomaker. Zwei Dinge, die viele übersehen, nehmen wir extra mit: die eingebauten Integrationen für Google Analytics, Tag Manager und Meta-Pixel, für die wir keinen Code mehr in den Header kopieren müssen, und die SEO-Vorschläge für Titel und Beschreibungen. Am Ende steht die Seite mit einem ➤ Produziert von ONEFRAME Media: https://oneframemedia.de/

Transkript (apify, 1989 Wörter)

anzeigen
Wie baue ich mit AI am schnellsten und am besten eine eigene Website? Ich persönlich habe in den letzten 12 Monaten dazu immer Lovable verwendet. Jetzt kam Hostinger auf uns zu. haben gesagt, wir haben ein besseres Tool und zwar Hostinger [musik] Horizons. Wir haben es schon letzte Woche vorgestellt und jetzt stellen wir euch vor wie der explizite Website, also dass ihr ganz einfach nur mit Prompteingabe euch Webseiten bauen kann von Hostinger euch anschauen könnt und das erklärt uns einmal mehr der liebe Luca von Rewired Agency und nimmt das ganze Produkt ganz schön in die Makkeln und zeigt euch, ob es wirklich so gut ist, wie Hostinger das selber sagt. Vielen Dank Johannes für das Intro. Für alle die mich noch nicht kennen, ich bin Luca, Mitgründer von Rewired. Wir bauen AI Systeme für E-Commerce Unternehmen, also eigene Software und Automatisierungen, die im Tagesgeschäft mitlaufen. Unter anderem machen wir das für die Firma SNOX. Und heute machen wir etwas super praktisches. Wir bauen eine komplette Website von null bis online mit eigener Domain und geschäftlicher E-Mailadresse ohne eine einzige Zeile Code und am Ende testen wir, ob sie wirklich funktioniert. Wenn du also seit Monaten eine Website vor dir her schiebst für dein Business, deine Marke oder ein neues Projekt, dann ist das hier genau dein Video. Bevor wir loslegen, kurz womit wir bauen. Johannes hat's wahrscheinlich schon angeteasert. Wir bauen mit dem Hostinger Website Bilder und wichtig, weil ich hier auf dem Kanal schon mal mit Hostinger gebaut hatte. Das ist ein anderes Werkzeug als beim letzten Mal mit genau einem Job. Der schnellste Weg von der Idee bis hin zur fertigen Website. Und das funktioniert folgendermaßen. Du gibst der AI drei Dinge: Den Namen, die Art der Website und eine kurze Beschreibung. Daraus generiert sie dir eine komplette eigene Website laut Hostinger in unter einer Minute. Und weil das Ganze hier direkt beim Hosting Anbieter läuft, ist alles aus eigener Hand. Hosting, Domain, E-Mail. Veröffentlichen ist ein einziger Klick. Wer lieber von einer Vorlage startet, hat über 100 Designer Vorlagen zur Auswahl. Genau. Einmal hier kurz, was brauchst du genau dafür? Es gibt im Kern zwei Pläne. Premium für einfache Websites und Business. Das wird unsere Wahl heute, weil da die AI Werkzeuge drin sind, die du gleich siehst. Der Unterschied ist super überschaubar. Das siehst du hier in beiden Fällen sind eine kostenlose Domain, eine geschäftliche E-Mailadresse und das Hosting mit dabei. Genau. Du kannst dann hier einfach auf Plan wählen. Ich kann dir hier den 48 Monatsplan empfehlen. Damit sparst du 720 € und mit dem Code Johannes 10 sparst du noch mal zusätzliche 10% Rabatt und hast außerdem eine 30 Tage Geld zurückgarantie. Heißt, du kannst es einen Monat lang testen und kannst dann schauen, ob es dir gefällt. Unser Beispiel heute ist eine junge Marke fiktiv, damit hier nichts echtes kaputt geht. Terra heißt robuste Imalassen für Leute, die viel draußen sind. Die Marke braucht das, was eigentlich, was jedes Business braucht, eine professionelle Webseite mit Startseite, eine Über unsseite, eine Seite, die die Produkte zeigt und einem Kontaktformular. denkt dir an jeder Stelle einfach dein eigenes Business rein. Der Ablauf ist für eine Agenturwebsite, ein lokales Geschäft oder eine Marke eigentlich immer exakt dasselbe. Genau. Und dafür, wenn du dir den Plan erstellt hast, kannst du h einmal auf Websites und dann auf Websites Bilder und kannst hier nach deinem Plan eben einfach eine neue Website hinzufügen und gehst dann hier auf Hausdinger Website Baukasten. Okay, wir bekommen jetzt hier einfach einen Chat und hier steht beschreiben Sie ihr Unternehmen oder bzw. unsere Website. Genau, ich habe jetzt hier einen Text schon mal vorbereitet. Terra ist eine junge Marke für robuste Imalentassen für Menschen, die viel draußen sind. Camping, Vanlife Bergtour. Der Ton ist direkt und ehrlich. Die Optik warm, Naturnah und reduziert. Wichtig sind eine starke Startseite, eine Über unsseite mit der Markenstory, eine Produktseite und ein einfaches Kontaktformular. können jetzt hier einfach auf absenden gehen und ähm dann bekommen wir hier diese Animation. Derzeit können wir hier ein bisschen spielen äh bis dann ähm Hostinger uns unseren ersten Entwurf fertig gestellt hat. Okay, wir sehen jetzt hier einen ersten Entwurf und ich muss sagen, ähm klar, es geht natürlich besser. Für den Beginn sieht es natürlich eigentlich schon mal ganz okay aus. Genau. Hier hat uns Hostinger schon Bilder generiert für unsere Produkte. In dem Sinne können wir z.B. auch selber Bilder einspielen, aber das sieht schon mal alles sehr gut aus. Auch hier mit dem Karabinerhaken und weiteren Outdoor Essentials. Wir haben jetzt hier auch Shop, ich glaube hier sind noch keine Domains hinterlegt bzw. Links. Wenn wir jetzt z.B. nicht ganz zufrieden wären, können wir auch hier einfach sagen, okay, wir wollen noch mal die Bearbeitungsidee verbessern, können hier noch mal neuen Text eingeben und können das dann abschicken und dann passiert das gleich. Wir machen das nicht. Wir gehen hier auf Shopeeinrichtung fortsetzen und können hier eine kostenlose Domain verbinden. Gehst hier einfach drauf, kannst hier deinem Domain Namen, wir nennen jetzt malen Tassen-shop.com, wenn es die überhaupt schon gibt. Genau. Äh, wir haben hier.de, de können hier auf weitergehen und können dann einfach unsere Daten eingeben und können sie dann einfach registrieren und wir haben dann wirklich eine Domain. So, was wir dann machen können, ist wir haben hier verschiedene Möglichkeiten. Ich bin jetzt hier auf der Startseite und kann hier eigentlich alles super easy per Drag and Drop verschieben. Heißt, ich habe jetzt hier so eine so ein Subtitle. ähm kann den einfach hochmachen, kann hier das Bild austauschen. Heißt, wenn ich hier auf Bild bearbeiten gehe, kann ich es einfach ersetzen und kann hier meine Produktbilder eingeben. Kann hier auch einfach die Abschnitte verstellen. Heißt, wenn ich jetzt hier auf dem Shop bin bzw. auf das Produkt, ähm kann ich hier auch einfach alles bearbeiten. Wenn ich hier auf Abschnitt bearbeiten gehe, kann ich z.B. hier das Layout, die Produkte, den Abstand, den Stil, eigentlich wie ein ganz normaler Website und das Gute ist, wir haben nämlich hier auch AI Tools, heißt, wir haben hier einen AI Bildgenerator, wir haben ein AI Writer, ein AI Seitengenerator, Absatzgenerator, Blockgenerator bis hin zu SEO Assistent und Logomaker. Was wir jetzt aber machen wollen, ist wir wollen ein wirklichen Shop dahinter hinzufügen und wir können hier einfach Produkt hinzufügen. Wir müssen hier vier Schritte hinzufügen, um quasi einen richtigen Shop anzulegen. Einmal die Produkte, die Zahlungsmethode, dass Leute quasi auch zahlen können, Unternehmensdaten und Versandoption aktualisieren. Genau. Wir gehen jetzt erstmal auf Produkt hinzufügen und können hier ein physisches Produkt, wir nennen es jetzt mal Tasse bzw. Sie benutzen jetzt erstmal den KI Writer und sagen, schreibe eine Beschreibung für eine EMentasse in weiß, die fesselnd ist und ähm sehr Conversion optimiert. Genau. Wir können dann hier einfach auf erstellen. Genau. Und haben dann hier einfach ein Text, den kann man dann noch mal durchatterieren. Wenn wir z.B. wiederholen oder verwerfen. Kann jetzt hier auf verwenden gehen, haben wir die Möglichkeit einen Preis einzugeben, auch einen reduzierten Preis, Artikelnummer, Gewicht ähm und dann auf speichern und haben dann hier quasi auch unser Produkt angelegt. Wir haben jetzt hier zu Beginn schon paar Produkte angelegt, wie vorhin erwähnt. Können die jetzt hier auch einfach ähm bearbeiten, duplizieren oder löschen. Könnt die auch in verschiedene Kategorien hinzufügen. Heißt, wenn wir jetzt einfach zwei verschiedene Sachen oder ähm verschiedene Dinge verkaufen, können wir sie auch einfach kategorisieren. Wir haben auch die Produktbewertung, heißt, wir können Produktbewertungen aktivieren für unsere Produkte. Genau. Wenn ihr das gemacht habt, könnt ihr auch dann als nächstes eine Zahlungsmethode hinzufügen. Hier bietet sich Stripe an. Heißt, wir müssen einfach nur ein Stripe Account erstellen, können ähm hier verbinden und haben hier auch verschiedene Möglichkeiten. Heißt, der Kunde kann mit Visa, Mastercard, Apple Pay, Google K, Claner etc. zahlen. Wir könnten auch PayPal verbinden oder eine weitere für Banking Apps können wir Pay Sera verbinden. Ähm oder manuelle Zahlung. ist aber eigentlich nicht so üblich. Deswegen haben wir hier verschiedene Möglichkeiten. Genau. Wenn ihr eine Zahlungsmetode hinzugefügt habt, müsst ihr dann im nächsten Schritt einfach hier die Unternehmensinformation hochladen. Heißt euer Logo, Business Name, dann der offizielle Firmnamen ähm und weitere Einstellungen. Genau. Und wenn ihr das gemacht habt, könnt ihr dann einmal den Versandt überprüfen und könnt hier verschiedene Zonen ganz normal erstellen mit den Ländern. könnt dann hier verschiedene Versandoptionen mit verschiedenen Versandpreisen ähm erstellen. So, bevor wir jetzt hier auf Seite veröffentlicht gehen, gibt es noch zwei wichtige Dinge. Ich glaube, die super wichtig sind für dich als Shopbetreiber. Genau. Wenn du hier einmal unter mehr gehst, dann kannst du hier auf Integration. Was natürlich super wichtig ist, das ist Messen. Heißt Google Analytics, Tag Manager und Metapixel sind hier direkt eingebaut. Du fügst deine ID ein und äh du musst eigentlich nichts machen, kein Codechnüpsel im Header. Und zweitens die Suchmaschine. Es gibt eingebaute SEOKzeuge, die dir Titel und Beschreibung für deine Seiten vorschlagen. Ich gehe jetzt nicht tief drauf ein, aber du sollst auf jeden Fall wissen, dass es existiert. Genau. Wenn du der Meinung bist, deine Website ist fertig, dann kommt's eigentlich nur noch zu ein letzten Klick und zwar veröffentlichen. Du kannst hier einfach auf veröffentlichen heißt einfach nur ein Klick und die Seite ist online. Die kostenlose Domain, die ist im Plan mit drin, genauso wie eine geschäftliche E-Mailadresse auf der eigenen Domain. Es gibt keinen Server, den du mieten musst und keinen Techniker, den du irgendwie anrufen musst. Genau. Wir können dann einfach hier aufzeigen und wir sind dann hier auf der Startseite und haben hier z.B. alles veröffentlichen. Hier müssten wir jetzt noch ein Bild hinzufügen. Das könnten wir jetzt auch direkt machen. Genau. Ich kann hier einfach auf meine Tools, kann auf den Bild Generator gehen und kann sagen, erstelle mir ein Bild einer IMETasse auf einer Bank ähm mitten in den Bergen. Genau. Und wenn das jetzt hier gefallen würde, äh können wir das hier einfach äh in die Medienbibliothek mitnehmen. So, jetzt einmal ehrlich, ich glaube, ich will dir trotzdem noch mal drei Dinge mitgeben, die du wissen solltest. Erstens, du baust auf Vorlagenbasis. Das sieht professionell aus, aber es ist keine 100undprozentige einzigartige Designarbeit. Wenn deine Website das Aushängeschild deiner Marke ist und du Budget hast, haben Agenturen dafür natürlich weiter ihre Daseinsberechtigung. Zweitens, für dich als Shopbetreiber ist das hier vor allem das Werkzeug für die Seiten neben dem Shop. Die Brandseite, die B2B Seite für Händleranfragen, die Landing Page für die nächste Kampagne, genau die Seiten, die sonst ewig liegen bleiben, weil sie ein Projekt werden. Und drittens, falls du dich fragst, ob du damit auch komplette Onlineshops bauen kannst, ja, mit Produkten und Warenkorb, das siehst du auch hier. Das ist aber ein Thema für ein anderes Video. Also, wenn du gerade an deine eigene Website gedacht hast, an die du seit Monaten vor dir her schiebst, dann ist das hier der Moment nicht irgendwann, sondern diese Woche. Mit dem Code Johannes 10 bekommst du 10 % Rabatt und mit der 30 Tage Geld zurückgarantie test du das Ganze ohne Risiko. Wenn ich das Video auf einen Gedanken runterbreche, dann ist es folgender: Deine Website ist kein Projekt mehr, sie ist ein Werkzeug und Werkzeuge fasst man an. So und jetzt bist du dran. Welche Website willst du als erstes bauen? Schreib es gerne in die Kommentare. Ich lese alles mit. Das war's von meiner Seite. Hiermit gebe ich zurück an Johannes. Vielen Dank, Luca, für das Video. Wenn ihr also Bock habt, eine Webseite mit Hostinger zu erstellen, gerne Johannes 10 als Rabattcode verwenden, das Ganze ausprobieren und schreibt dann mal eure Webseite URL in die Kommentare. Ich will nämlich eure Webseiten sehen. Ich habe schon echt crazy shit gesehen, was da alles gebaut wird inzwischen mit AI. Wir sehen uns im nächsten Video. Ciao.

Weitere Posts von @johanneskliesch

alle