Code Monkey home page Code Monkey logo

hugo-theme-lean-launch-page's Introduction

Hugo Theme: Lean Launch Page

This theme is to build a quick, single page launch site. You may want to build a site like this when you have a business/start up/product idea that you'd like to validate. This is a common practice nowadays by people following The Lean Startup Methodology.

This theme allows you to announce a company or product, provide social media links, and a email form for users to signup which is hooked up to MailChimp.

Getting Started

An example of how to use this theme is provided in the ./exampleSite/ directory. Basically, you'll want to use your Hugo config file as usual and customize all of the variables in the params section. The example Hugo config can be found at ./exampleSite/config.toml.

Google Analytics

You can provide your Google Analytics ID in the Hugo config to add GA tracking to your page. To measure your launch page's effectiveness, this is highly suggested.

Social Media

You can set the social media URL for your accounts to your Hugo config file and the associated icons (and links) will show up on your launch page. The following are supported:

  • Mastodon
  • Twitter
  • Facebook
  • Instagram
  • YouTube
  • LinkedIn
  • GitHub
  • Discord

When enabling Mastodon, it will also allow you to verify your domain.

MailChimp

Set mailchimpURL in your Hugo config to enable an email form on your page allowing you to collect signups from visitors. This how is how you build your launch list for your product.

Getting the URL

To get the MailChimp URL, go to your "Audience" on MailChimp, click "Signup forms", and select "Embedded forms". In the "Copy/paste onto your site" text area, you'll see HTMl that says <form action=". The URL that follows is what you want.

Other

Icon support is provided via Font Awesome v6. Only webfonts (with CSS) is included in this theme.

Contribute

This theme is under active development. Found a bug? Have feedback? Let us know on GitHub.

hugo-theme-lean-launch-page's People

Contributors

chayev avatar felicianotech avatar gaganpreet avatar sethcall avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

hugo-theme-lean-launch-page's Issues

Benefits not showing

Hi, I followed the project layout in the exampleSite folder to make a site. Everything is working as expected (social media links, title, tagline, footer), except the benefits.

Here is the the layout of my content folder:

content/
├── benefits
│   ├── benefit-1.md
│   ├── benefit-2.md
│   └── benefit-3.md
└── footer.md

The actual content of the benefits files:
benefit-1.md:

+++
title = 'Reason 1'
icon = "fa-users"
weight = 1
+++
#Reason one

- foo
- bar

benefit-2.md

+++
title = "Benefit 2"
icon = "fa-shield"
weight = 2
+++
Another benefit. Really tell people why they NEED to get this thing. Why is it better?

benefit-3.md

+++
title = "Sign Up Today"
icon = "fa-paper-plane"
weight = 3
+++
Provide a call-to-action (CTA) to Sign up with the MailChimp form. If you're not using MailChimp, then this is Benefit 3.

here is my hugo.toml config:

baseURL = 'https://itpg.cc/'
languageCode = 'en-us'
title = 'Title'
author = "vanillaiice"
theme = 'lean-launch-page'
paginate = 3
canonifyurls = true

[params]
tagline = "tagline"
twitter = "https://twitter.com/_itpg"
github = "https://github.com/vanillaiice/itpg-frontend"

Icons and Sign up form missing when rendering the site

I am running Hugo version 0.87.0. I set up the site with blogdown package, all checks passed, but when I preview the site, the icons as well as the Sing up input form box are missing. I used the mailchimpURL param as described and checked that Mailchimp did not modify its embedded form structure (the html is identical to the one you used in the theme).

image

Any idea why this happens?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.