T u t o r i a l s

FunnelBuilder Funktionen

Der FunnelBuilder ist unser ganzer Stolz. Neben der Erstellung von einfachen Webseiten, kannst du mit dem FunnelBuilder komplexe und vor allem conversionstarke Verkaufsfunnels erstellen, die dir im Gegensatz zu anderen veralteten Systemen sehr hohe Umsätze sowohl auf von Besuchern am PC, als auch auf dem Smartphone ermöglichen. Du hast eine vielzahl an Funktionen, die wir dir hier gerne näher erläutern möchten. Wenn du den FunnelBuilder im vollen Umgang nutzen möchtest, empfehlen wir dir unser Business-Paket.

 


SETUP

Oben in der Sidebar findest du im FunnelBuilder den Menüpunkt "Setup" unter dem du diverse Einstellungen für deine Seite vornehmen kannst. Wir erklären dir nun, welche Funktionen du nutzen kannst und welche Auswirkungen sie haben.

 

Seitenname

Dies ist der Name deiner Funnelseite, der in deiner Funnel-Übersichtsseite angezeigt wird. Dieser Name wird deinen Besuchern nicht angezeigt, sondern nur für die interne Bezeichnung genutzt. 

 

URL

Hier hast du die Möglichkeit die URL deiner Seite anzupassen. Wenn du die jeweilige Funnelseite als Startseite nutzen möchtest, lasse das Feld leer, ansonsten trage eine Bezeichnung für die Unterseite ein. Achte bitte darauf nur Kleinbuchstaben zu nutzen. Ein Beispiel für eine Unterseite wäre www.deine-domain.de/webinar

 

 

META-Angaben (SEO) 

Die META Angaben sind für Google sehr wichtig, denn so kannst du das Erscheinungsbild deiner Seite in der Google-Suche anpassen. Denke dabei immer daran interessant zu wirken, damit Leute die dich finden auch gewollt sind, auf deine Webseite zu klicken.

 

Titel: Im Titel benennst du deine Webseite, dies sollte die Überschrift für deine Seite sein. Sie ist auf deiner Seite nicht inhaltlich sichtbar sondern lediglich oben im Browserfenster und als Titel deiner Seite in der Google-Suche. Hier solltest du dein Keyword unbedingt einbinden, wenn du bei Google gefunden werden möchtest.

 

Beschreibung: Die Beschreibung ist wie der Name schon sagt dazu da, deine Webseite zu beschreiben. Hier solltest du ebenfalls dein gewünschtes Keyword mit einbringen. Achte darauf nicht mehr als 71 Zeichen zu verwenden, da deine Beschreibung sonst von Google nicht übernommen wird.

 

Facebook Thumbnail: Hier kannst du ein Bild hochladen, das in Facebook als Vorschaubild für deine Webseite angezeigt wird. Wir empfehlen dir eine Größe von 249px (Höhe) und 476px (Breite)

 

Favicon: Hier kannst du ein kleines Icon hochladen, das im Browserfenster angezeigt wird. Wir empfehlen dir hier eine Größe von 16x16px

 

Suchmaschinen (Indexierung): Wenn du möchtest, dass deine Seite bei Google und anderen Suchmaschinen gelistet wird, dann aktiviere diese Funktion. Solltest du die jeweilige Seite von Suchmaschinen ausgrenzen, so deaktiviere diese Funktion.

 

 

Tools

Im FunnelBuilder haben wir derzeit 2 zusätzliche Tools, die deine Webseitenperformance verbessern.

 

Bounce Tool

Mit dem Bounce Tool kannst du deine Webseitenbesucher nach Klick auf den "Zurück-Button" auf eine von dir definierte Webseite leiten. Mit dieser Funktion kannst du deinen Umsatz um ein vielfaches steigern, weil du so Besucher auf ein spezielles Angebot leiten kannst, die deine Seite eigentlich verlassen wollten. Trage dazu einfach die entsprechende Ziel-URL in das Feld ein. Dieses Feature ist nur ab dem BUSINESS Paket verfügbar.

 

Mobile Weiterleitungs-URL

Auch wenn unsere Funnelseiten alle für mobile Geräte optimiert sind, kannst du individuell mobile Webseitenbesucher auf eine andere Webseite weiterleiten. Trage dazu einfach die entsprechende Ziel-URL in das Feld ein.

 

 

Header

Hier kannst du eigene Codes in den Header-Bereich einbinden. Beispielsweise FacebookPixel, Splittest-Pixel, Google-Verifizierung und vieles mehr.

 

Template & Export

Unter diesem Tab kannst du deine Funnelseite entweder als .Json-Datei oder Intern als Vorlage speichern und so jederzeit wieder für neue Seiten verwenden.

 


 

Styling

Unter dem Menüpunkt "Styling" kannst du diverse Styling-Einstellungen vornehmen.

Inhaltsbreite (Desktop)

Mit dieser Funktion kannst du die Breite deiner Webseite einstellen. Wir empfehlen dir einen Wert zwischen 800 - 1200px. Diese Funktion hat keinen Einfluss auf die Breite am Smartphone, da die mit FunnelCockpit erstellten Seiten sich automatisch an die Smartphone-Breite anpassen (Responsive).

 

Hintergrundfarbe: Hier kannst du die Hintergrundfarbe deiner Seite einstellen.

Hintergrundbild: Hier kannst du ein Hintergrundbild für deine Webseite festlegen.

Bildposition: Hier kannst du einstellen, wie das Hintergrundbild eingebunden wird.

 

Schriftgröße: Hier kannst du die Standard Schriftgröße für Texte deiner Seite festlegen.

Schriftgröße Mobil: Hier kannst du die Standard Schriftgröße der Texte deiner Seite für Mobilgeräte festlegen.

Textfarbe: Hier kannst du die Schriftfarbe der Texte auf deiner Seite festlegen.

Standard Schriftart: Hier kannst du die Standard Schriftart für die Seite festlegen.

Zeilenhöhe: Hier kannst du die Standard Zeilenhöhe für deine Texte festlegen.

Zeilenhöhe Mobil: Hier kannst du die Standard Zeilenhöhe der Texte für Mobilgeräte festlegen.

Linkfarbe: Hier kannst du die Standard-Farbe hervorgehobener Links auf deiner Seite festlegen.

Hinweis: Du kannst die Schriftgröße, -Farbe, -Art und -Zeilenhöhe auch separat für einzelne Element festlegen.

 

Eigene CSS Styles

Hier kannst du (falls notwendig) eigene CSS Codes einbinden, um diverse Elemente per CSS umzugestalten. 
Beispielcode: #element-JdNRSFwg { margin-top:-35px;}

 


 

Definition der Schaltflächen

 

 Desktop-Ansicht

Aktiviert die Ansicht der Webseite für Desktop-Geräte (funktioniert nur auf Desktop-Geräten).

 

 Mobile-Ansicht

Aktiviert die Smartphone-Ansicht. So kannst du deine Webseite wie am Smartphone betrachten.

 

 Werkzeuge anzeigen/ausblenden

Aktiviert bzw. deaktiviert die Werkzeuge im FunnelBuilder. So siehst du deine Webseite ohne Werkzeuge.

 

 Experten-Ansicht

Aktiviert bzw. deaktiviert die Experten-Ansicht. In der aktivierten Experten-Ansicht, werden dir viele weitere Funktionen angezeigt, bspw. in den Element-Einstellungen.

 

 

 

Speichert deine Funnelseite ab und übernimmt alle Änderungen, die du kurz vor dem Speichern vorgenommen hast.

 

Öffnet deine Funnelseite in einem neuen Fenster/Tab. Hinweis: Um die aktuelle Version angezeigt zu bekommen, klicke vorher auf "Speichern".

 

 

 

Durch Klick auf diesen Button gelangst du zurück zur Funnelübersicht des Funnels, an dem du gerade arbeitest.

 

Durch Klick auf diesen Button öffnet sich das Sektions-Fenster, sodass du eine Sektion zu deiner Funnelseite hinzufügen kannst.

 

Durch Klick auf diesen Button öffnet sich das Element-Fenster, sodass du ein Element an der jeweiligen Position hinzufügen kannst.

 

 

Verschiebt die jeweilige Sektion nach unten, sodass die Sektion unter die nächste Sektion rutscht.

 

Verschiebt die jeweilige Sektion nach oben, sodass die Sektion über die obere Sektion rutscht.

 

 

Öffnet die Sektion- bzw. Element-Einstellungen, sodass du das jeweilige Element bzw. die Sektion bearbeiten kannst.

 

Durch Klick auf dieses Symbol kannst du die jeweilige Sektion bzw. das Element löschen.

 

Wenn du dieses Symbol gedrückt hältst, kannst du das jeweilige Element frei bewegen und an einer gewünschten Stelle ablegen.

 


 

FunnelBuilder Sektionen

Die Sektionen sind dazu da, um gewünschte Bereiche auf deiner Funnelseite zu erstellen, in denen du unsere Element einbinden kannst. Achte bitte darauf, dass Sektionen mit mehreren Spalten auf dem Smartphone in einzelne Sektionen mit einer Breite von 100% aufgeteilt werden. Das ist der neue Standard für mobil optimierte Webseiten. Wir empfehlen dir bei der Erstellung deiner Funnelseite, sie gleichzeitig am Smartphone anzuschauen und zu optimieren.

 

Um eine Sektion hinzuzufügen, klicke auf die Schaltfläche und wähle anschließend dein gewünschtes Layout aus. Du kannst gerne zunächst einige Layouts auswählen und schauen, ob es deinen Vorstellungen entspricht und beliebig Sektionen entfernen und neue hinzufügen.

 

 

 

Funnel Sektion anpassen

Nach Klick auf , kannst du die jeweilige Sektion anpassen. Dir werden viele Einstellmöglichkeiten geboten, um die Sektion nach deinen Wünschen zu gestalten.

 

 

Hintergrundfarbe: Hier kannst du eine Hintergrundfarbe für die jeweilige Sektion festlegen.

Hintergrundfarbe Innen: Hier kannst du die innere Hintergrundfarbe für die Sektion festlegen.

Textfarbe: Hier kannst du die Standard-Textfarbe für die jeweilige Sektion festlegen.

Hintergrundbild: Hier kannst du ein Hintergrundbild für die jeweilige Sektion festlegen.

Bildposition: Hier kannst du festlegen, wie das Hintergrundbild eingebunden wird.

 

Rahmen

Rahmenstil: Hier kannst du den Stil des Sektions-Rahmen festlegen.

Rahmenfarbe: Hier kannst du die Farbe des Sektions-Rahmen festlegen.

Rahmenbreite: Hier kannst du die Breite/Dicke des Sektions-Rahmen festlegen.

Rahmenradius: Hier kannst du die Rundungen des Sektions-Rahmen festlegen.

 

Abstände

Innenabstand: Hier kannst du den Abstand innerhalb der Sektion einstellen.

Außenabstand: Hier kannst du den Abstand außerhalb der Sektion einstellen.

 

CSS

CSS: Hier kannst du allgemeine CSS-Codes für die Sektion hinzufügen.

CSS (mobile Geräte): Hier kannst du CSS-Codes hinzufügen, die nur für mobile Geräte ausgespielt werden.

 

Auf Smartphone ausblenden? Aktiviere diese Funktion, um die Sektion am Smartphone auszublenden.

Auf Desktop ausblenden? Aktiviere diese Funktion, um die Sektion am Desktop auszublenden.

Zeitgesteuert einblenden? Aktiviere diese Funktion, um die Sektion zeitgesteuert einblenden zu lassen.

Zeitgesteuert ausblenden? Aktiviere diese Funktion, um die Sektion zeitgesteuert ausblenden zu lassen.

 

Fertig-Schaltfläche: Klicke auf "Fertig", um die Einstellungen zu übernehmen und das Fenster zu schließen.

 


 

FunnelBuilder Elemente

Die Elemente aus dem FunnelBuilder helfen dir dabei conversionstarke Inhalte auf deiner Funnelseite einzubauen. Viele Elemente sind weltweit einzigartig und nur bei FunnelCockpit verfügbar, hiermit hast du die ultimativen Marketing-Tools für unglaublich hohe Verkaufszahlen.

 

Um ein Element hinzuzufügen, klicke auf  und wähle anschließend dein gewünschtes Element aus. Falls du das gewünschte Element schneller finden möchtest, nutze die Suche.

 

 

Damit du unsere Funnel Elemente effektiv einsetzen kannst, erklären wir dir nun die einzelnen Funktionalitäten der zahlreichen Elemente, die du in deinem Funnel einbauen kannst. Viele unserer Elemente sind weltweit einzigartig und nur in FunnelCockpit verfügbar.

Text-Editor

Mit dem Text-Editor kannst du Texte, Absätze und Überschriften zu deiner Webseite hinzufügen und mit der ausführlichen Toolbar nach deinen Wünschen anpassen.

Button

Mit dem Button-Element kannst du CTA-Buttons erstellen. Du kannst dabei alle Eigenschaften wie Hintergrundfarbe usw. anpassen.

Navigation

Mit diesem Element kannst du eine Navigation erstellen und eigene Links einbinden.

Benefit-Liste

Mit diesem Element kannst du eine Aufzählung deiner Produktvorteile einbinden und Pfeile oder Häckchen davor setzen.

Bild

Mit diesem Element kannst du Bilder auf deiner Seite einbinden und Ansichtsoptionen wie Position und Größe anpassen.

Video

Mit diesem Element kannst du unseren effektiven Videoplayer nutzen und bspw Videos von YouTube, Vimeo usw. importieren.

Testimonials

Mit diesem Element kannst du Testimonials von Kunden auf deiner Seite einbinden, um deine Conversion zu steigern. Auch FB-Style Kommentare sind möglich.

Countdown

Mit diesem Element kannst du conversionstarke Countdowns einbauen und zeitlich anpassen.

Verknappung

Mit diesem Element kannst du die Stückzahl der freien Zugänge verknappen.

Akkordeon

Mit diesem Element kannst du eine ausklappbare Box erstellen, bspw. für FAQ-Bereiche.

HTML-Code

Mit diesem Element kannst du eigene HTML-Codes auf deiner Seite einbauen.

Abstand

Mit diesem Element kannst du einen Abstand zwischen zwei Elementen einrichten.

Progress-Bar

Mit diesem Element kannst du einen conversionstarken animierten Fortschrittsbalken einbinden.

Magic Button

Mit diesem Element kannst du ein Layer-Fenster erstellen, in dem du widerum weitere Elemente wie beispielsweise eine Optin-Box einbinden kannst.

Content Box

Mit diesem Element kannst du eine Box erstellen, in der du widerum weitere Elemente einbinden kannst. So kannst du optisch schöne Boxen erstellen.

Pricing Box

Mit diesem Element kannst du eine vordefinierte Preistabelle einbinden und nach deinen Wünschen anpassen.

EMail-Optin Box

Mit diesem Element kannst du ein EMail-Optin Formular einbauen - inkl. Anbindung zu den besten EMail-Marketing Anbietern.

Umfrage

Mit diesem Element kannst du eine zuvor erstellte Umfrage in FunnelCockpit einbauen.

Bestellformular

Mit diesem Element kannst du ein Bestellformular erstellen, dass die Daten an DigiStore24 weitergibt.

Meldungen

Mit diesem Element kannst du conversionstarke Benachrichtigungen (bspw. Max M. hat gerade gekauft) einbinden.

Formular

Mit diesem Element kannst du ein vorher erstelltes Formular einbinden. Formulare kannst du nur im Business Paket erstellen.

Webinar-Video

Mit diesem Element kannst du ein erstelltes Webinar-Video einbinden (für Webinar-Raum). Webinare kannst du nur im Business Paket erstellen.

Webinar-Chat

Mit diesem Element kannst du den Webinar-Chat an einer beliebigen Stelle einbinden. Webinare kannst du nur im Business Paket erstellen.

Webinar-Optin

Mit diesem Element kannst du das Anmeldeformular für ein zuvor erstelltes Webinar einbinden. Webinare kannst du nur im Business Paket erstellen.

 

Mit diesem Feature kannst du ein bestehendes Element duplizieren. Klicke dazu auf die Schaltfläche "Existierendes Element kopieren" und wähle anschließend das gewünschte Element aus.

TIPP: Du kannst diese Funktion auch effizienter nutzen, in dem du auf das Duplizieren-Icon neben dem jeweiligen Element klickst.

 

 


 

Funnel Element anpassen

Nach Klick auf , kannst du das jeweilige Element anpassen. Dir werden viele Einstellmöglichkeiten geboten, um das Element nach deinen Wünschen zu gestalten.

 

Schriftart: Hier kannst du die Schriftart festlegen (leer lassen, um Standard Schriftart der Seite zu nutzen)

Hintergrundfarbe: Hier kannst du die Hintergrundfarbe des Elements festlegen.

Textfarbe: Hier kannst du die Textfarbe des Element-Textes festlegen.

Schriftgröße: Hier kannst du die Schriftgröße des Elements festlegen

Schriftgröße (Mobil): Hier kannst du die Schriftgröße des Elements für Mobilgeräte festlegen.

Zeilenhöhe: Hier kannst du die Zeilenhöhe des Textes im Element festlegen.

Zeilenhöhe (Mobil): Hier kannst du die Zeilenhöhe des Textes im Element für Mobilgeräte festlegen.

 

Rahmenstil: Wenn du einen Rahmen einrichten möchtest, kannst du hier den Rahmenstil auswählen.

Rahmenfarbe: Hier kannst du die Farbe des Rahmens festlegen.

Rahmenbreite: Hier kannst du die Breite des Rahmens festlegen.

Rahmenradius: Hier kannst du den Rahmenradius festlegen, um runde Ecken umzusetzen.

 

 

Innenabstand: Hier kannst du den Abstand innerhalb des Elements festlegen.

Außenabstand: Hier kannst du den Abstand außerhalb des Elements festlegen.

 

CSS: Hier kannst du allgemeine CSS-Codes für das Element hinzufügen.

CSS (mobile Geräte): Hier kannst du CSS-Codes hinzufügen, die nur für mobile Geräte ausgespielt werden.

 

Auf Smartphone ausblenden? Aktiviere diese Funktion, um die Sektion am Smartphone auszublenden.

Auf Desktop ausblenden? Aktiviere diese Funktion, um die Sektion am Desktop auszublenden.

Zeitgesteuert einblenden? Aktiviere diese Funktion, um die Sektion zeitgesteuert einblenden zu lassen.

Zeitgesteuert ausblenden? Aktiviere diese Funktion, um die Sektion zeitgesteuert ausblenden zu lassen.

 

Fertig-Schaltfläche: Klicke auf "Fertig", um die Einstellungen zu übernehmen und das Fenster zu schließen.

 

 

Wir wünschen dir viel Spaß mit unserem FunnelBuilder!

Denis Hoeger CaballeroCoach dieser Lektion:
Denis Hoeger Caballero

© FunnelCockpit | Impressum - Datenschutz