Auf der Zahlungsarten-Seite wird dem Kunden erklärt, welche Zahlungsmöglichkeiten über Digistore24 zur Verfügung stehen. Sobald er sich damit vertraut fühlt, kann er direkt über den „BLUEPRINT SICHERN“-Button zur Bestellbox /Sektion auf der Startseite springen.

Wie funktioniert der Button?
-Der Button ist mit der Sektions-ID der Bestellbox auf der Startseite verlinkt.
-Beim Klick wird der Kunde automatisch zur Bestellbox geleitet, ohne manuell suchen oder scrollen zu müssen.
Wenn du genau wissen willst, wie das funktioniert, schau dir die Footer-Beschreibung ("Hinweise zu den Quicklinks") ganz unten auf der Startseite an: https://www.kiproduzent.com/mockup/

Die Bestellbox / Sektion:
In der Bestellbox sieht der Kunde die Produktvorteile, den Preis und den Link zum Bestellformular von Digistore24. Es ist der gleiche Link, wie im Footer unter "ANLEITUNG SICHERN"

Warum ist das wichtig?
-Erleichtert dem Kunden den Kauf – Kein Suchen, direkt zur Bestellbox
-Steigert die Conversion-Rate
-Verbessert die Nutzerführung – Direkt zur Produktinfo und Bestellmöglichkeit

Durch diesen Button wird die Zahlungsarten-Seite optimal genutzt, um potenzielle Käufer gezielt weiterzuführen.

Damit der Footer abgetrennt zum Rest der Seite ist, habe ich bei der letzten weißen Sektion, wo die FAQ drin sind, einen Design Rahmen "unten" hinterlegt (Sektion bearbeiten --> Design Rahmen -->
Unten --> Rundung --> 90px)





Hinweis zum Design-Rahmen!
Wenn du den Rahmen hinterlegst, erscheint nicht nur unten eine Rundung, sondern auch im Inneren der Sektion. Wenn du also als letzte Sektion vor dem Footer, bspw. wie bei mir die FAQ platzierst und unter dem Element der FAQ keinen Abstand einfügst, kann es zu Darstellungsfehlern kommen.

Siehe Bilder:

Wie du oben im Bild siehst, ist der Inhalt ganz unten abgeschnitten.
Füge, um dem entgegenzuwirken einen Abstand hinzu: 

Nachdem der Abstand hinterlegt ist, ist das Problem verschwunden:

Der Generelle Footer ist in einer Sektion mit drei Spalten:

TIPP! Dein Produktnamen oder Logo verlinkst du immer mit der Startseite von deinem Produkt. Wenn der Nutzer jetzt auf KIPRODUKT klicken würde, wird er weitergeleitet zu www.kiproduzent.com



Die einzelnen Abschnitte befinden sich in einer Content-Box, in dieser Content-Box ist eine Sektion mit 4 Spalten hinterlegt.

Hinweise zu den Quicklinks!
Damit du nicht für jeden Bereich eine neue Seite anlegen musst, kannst du auch hier auf Sektionen verlinken. Wenn der Webseitenbesucher bspw. bei "Produkt" auf Inhalte klickt, weil er mehr Informationen benötigt, bleibt er auf dieser Seite nur springt zur Sektion, in der die Inhalte erklärt werden. Genau das gleiche bei "FAQ" und "ANLEITUNG SICHERN"

Kopiere dafür die Sektions-ID von der jeweiligen Sektion,
wo du hin verlinken möchtest:
Achte immer darauf, die ID hinten an die URL (Seite)
zu hängen, auf der sich auch die Sektion befindet.
Die FAQ am Desktop in der Mockup-Version, befinden sich in dem Fall auf folgender URL, ich müsste nur noch die jeweilige ID anhängen: https://www.kiproduzent.com/mockup/#row-7F3aruov

Wenn ich jetzt wieso auch immer auf eine Sektion im
Impressum verlinken wollte, dann wäre es wie folgt:
https://www.kiproduzent.com/impressum/#row-kyWszXwe

ACHTUNG!
Super wichtig, ich hinterlege aus dem Grund immer einen Footer und Header separat pro Ansicht, der Footer für die Desktop-Ansicht, ist mobil ausgeblendet, genauso andersherum. Wenn du nämlich eine Sektions-ID am Desktop kopierst, aber diese Sektion mobil ausgeblendet ist, kannst du diese Sektion mobil logischerweise nicht sehen, wenn du den Link anklickst. Du müsstest in dem Fall in der mobilen Ansicht die Sektions-ID kopieren und dann auch in der mobilen Ansicht als Link hinterlegen! Also, die mobile Ansicht separat von der Desktop-Ansicht bearbeiten.

Für den Bereich "Info & Kontakt" habe ich tatsächlich jeweils eine neue Seite im gleichen Design angelegt. Wenn der Nutzer die Links anklickt, landet dieser auf einer neuen Seite.

"Kontakt":








"Zahlungsarten":









"Affiliate werden" (Affiliate-Support-Seite):







Hinweis zu den Cookie-Einstellungen, dies ist eine Verlinkung, um das Feld für die Cookie-Einstellungen öffnen zu können.
Im Prinzip wie das Fingerabdruck-Icon unten links im Browser.
Hinterlege als Link für die Cookie-Einstellungen --> #cookie-settings

Wenn jemand auf den Link klickt, öffnet sich folgendes Fenster: