v1.0 · chrome extension + web app

Automatisiere jeden Klick.
Wiederhole es 1000×.

Nimm Klick- und Eingabe-Abfolgen auf beliebigen Webseiten auf, oder finde Buttons per Text und ARIA-Label. Speichere alles in der Cloud und lass es immer wieder laufen.

// modi

modus_01

Rekorder

Aufnahme starten, in der Webseite klicken & tippen, stoppen. Die Extension generiert robuste Selektoren (data-testid > id > aria-label > Text).

modus_02

Smart-Finder

Buttons per Textinhalt, ARIA-Label, CSS-Selektor oder XPath finden. Eingabefelder befüllen, dann klicken. Steps verkettbar bis zum Ziel.

wiederholungen

N mal abspielen

Stelle ein, wie oft das Makro laufen soll. Mit konfigurierbarem Delay zwischen Schritten.

cloud_sync

Überall verfügbar

Makros liegen in der Cloud. Login in der Extension auf jedem Rechner — gleiche Liste.

run_history

Volle Historie

Jeder Run wird protokolliert: Status, Dauer, Fehler, durchgelaufene Schritte.

// smart-finder im detail

So findest und steuerst du Elemente

Der Smart-Finder arbeitet mit einer kaskadierenden Suche. Er probiert die Strategien in festgelegter Reihenfolge, bis ein Element eindeutig gefunden ist. Du kannst pro Schritt gezielt steuern, welche Methode verwendet wird.

strategie_01

Textinhalt

Der Button oder Link wird anhand seines sichtbaren Textes gefunden — z. B. "Absenden", "Weiter" oder "Jetzt kaufen". Der Finder sucht nach exakter Übereinstimmung und berücksichtigt dabei <button>, <a> und Elemente mit role="button".

strategie_02

ARIA-Label

Wenn ein Element keinen sichtbaren Text hat (z. B. ein Icon-Button), wird das aria-label oder aria-labelledby verwendet. Das ist besonders robust bei modernen Web-Apps und barrierefreien Seiten. Beispiel: aria-label="Menü öffnen".

strategie_03

CSS-Selektor

Für maximale Präzision kannst du einen CSS-Selektor angeben — z. B. #submit-btn, .cart-checkout oder [data-testid="login-button"]. Das ist die schnellste und stabilste Methode, solange sich die Klassen oder IDs der Seite nicht ändern.

strategie_04

XPath

Als Fallback für komplexe DOM-Strukturen unterstützt ClickFlow XPath-Ausdrücke. Damit lassen sich Elemente finden, die sich nur über ihre Position oder Eltern-Beziehung identifizieren lassen — z. B. //div[@class='modal']//button[contains(text(),'Speichern')].

aktion_01

Eingabefelder befüllen

Neben Klicks kannst du auch Text in Formularfelder eingeben. Gib einfach den Zielwert an — z. B. einen Nutzernamen, eine E-Mail-Adresse oder eine Postleitzahl. Der Finder lokt das passende <input>, <textarea> oder [contenteditable]-Element und simuliert echte Tastatureingaben.

aktion_02

Steps verkettbar bis zum Ziel

Ein einzelner Schritt reicht selten aus. Deshalb kannst du beliebig viele Schritte zu einem Makro verketten: Formular öffnen → E-Mail eingeben → Passwort eingeben → Login-Button klicken. Jeder Schritt wartet, bis das vorherige Element gefunden und die Aktion ausgeführt wurde. Dazwischen lässt sich ein Millisekunden-Delay definieren.

beispiel_01

Cookie-Banner ablehnen

Ein Cookie-Banner blockiert die Seite? Der Smart-Finder sucht zuerst nach "Alle ablehnen" als Textinhalt. Falls der Button nur ein Icon hat, greift er auf aria-label="Cookie-Einstellungen schließen" zurück. Sobald das Element eindeutig gefunden ist, simuliert ClickFlow einen echten Mausklick — so, als hättest du selbst geklickt.

beispiel_02

Newsletter-Anmeldung absenden

Du möchtest ein Formular automatisch ausfüllen? Der Finder lokalisiert das E-Mail-Feld per input[type="email"] als CSS-Selektor, fügt die Adresse ein und klickt anschließend auf den Absende-Button. Falls der Button dynamisch generiert wurde und keine feste Klasse hat, probiert ClickFlow als Fallback //button[contains(text(),'Anmelden')] per XPath.

beispiel_03

Hamburger-Menü öffnen

Auf mobilen Seiten ist die Navigation oft hinter einem Hamburger-Icon versteckt. Der Finder erkennt den Button per aria-label="Menü öffnen" oder — falls das Icon ein SVG ohne Label ist — über den CSS-Selektor .navbar__toggle. Ein Klick darauf öffnet das Menü, und der nächste Schritt im Makro kann direkt den gewünschten Navigationspunkt ansteuern.

// installation

Extension in 5 Schritten installieren

Funktioniert in Chrome, Edge, Brave, Arc und Opera. Du brauchst nur die ZIP-Datei und 2 Minuten.

  1. 1

    ZIP herunterladen

    Logge dich ein und klicke in den Einstellungen auf „Extension herunterladen". Alternativ: .

  2. 2

    ZIP entpacken

    Doppelklick auf die heruntergeladene clickflow-extension.zip. Merke dir den entpackten Ordner.

  3. 3

    chrome://extensions öffnen

    Im Browser chrome://extensions aufrufen (oder Menü → Erweiterungen).

  4. 4

    Entwicklermodus aktivieren

    Rechts oben den Schalter Entwicklermodus einschalten. Es erscheinen neue Buttons in der Toolbar.

  5. 5

    Entpackte Erweiterung laden

    Auf „Entpackte Erweiterung laden" klicken und den entpackten clickflow-extension-Ordner auswählen.

  6. 6

    Einloggen & loslegen

    Auf das ClickFlow-Icon in der Toolbar klicken, mit deinem Account anmelden — deine Makros erscheinen sofort.

Account erstellen