Landing-Page-Boilerplate
Eine reine clientseitige Landingpage-Vorlage, die Sie frei teilen, anpassen, hosten und mit Ihrem eigenen Domainnamen verknüpfen können (z. B. mithilfe von Github Pages). Verlässt sich auf Mailchimp (für Benutzer-E-Mail-Abonnements) und Google Analytics (für Statistiken).
Merkmale
- Statische HTML-Seite => kein aufwändiges Hosting erforderlich (Github Pages erledigt das kostenlos)
- Leichter Quellcode => schnell zu laden
- Responsives Design
- Benutzer-E-Mails werden an die Mailchimp-Liste Ihrer Wahl gesendet, sodass Sie sie bei Bedarf kontaktieren können.
Wie zu verwenden
- Verzweigen Sie dieses Projekt in Ihr eigenes Github-Konto.
- Ändern Sie den Namen, die Beschreibung und den Link auf der Seite Ihres frisch geforkten Projekts auf Github.
- Stellen Sie sicher, dass es veröffentlicht ist, indem Sie
<your_github_username>.github.io/<your_fork_name> öffnen. - Aktualisieren Sie die folgenden Zeilen in index.html:
- Geben Sie den Titel Ihrer Seite/Ihres Produkts in die Elemente
<title> und <h1> ein. - Aktualisieren Sie die Grundlinie Ihrer Seite/Ihres Produkts im ersten
<p> -Element. - den Inhalt aller
<meta> -Elemente aktualisieren; - Aktualisieren Sie das
action des <form> -Elements, sodass es zu Ihrer eigenen Mailchimp-Liste führt. - Aktualisieren Sie den
UA-1858235-15 -Code mit Ihrem eigenen Google Analytics-Code. - Ersetzen Sie
favicon.ico durch Ihr eigenes; (ICO Converter kann helfen)
- Ersetzen Sie das Standardhintergrundbild durch Ihr eigenes in
/res/background.jpg . - Wenn Sie Github Pages als Hosting-Plattform verwenden möchten und Ihr benutzerdefinierter Domänenname darauf verlinkt ist, legen Sie Ihren benutzerdefinierten Domänennamen in der
CNAME Datei fest. (Lesen Sie hier mehr) - Gehen Sie zu Ihrer Subdomain und aktualisieren Sie sie ein paar Mal (oder warten Sie 24 Stunden), um sicherzustellen, dass sie funktioniert.
- Geben Sie Ihre eigene E-Mail-Adresse im Abonnementformular ein, um sicherzustellen, dass es funktioniert.
- Gehen Sie zu Ihrem Google Analytics-Dashboard, um sicherzustellen, dass Ihr Seitenaufruf berücksichtigt wurde.
- Viel Spaß mit Ihrer kostenlosen Landingpage! :-)
