Skip to Content
Edit on GitHub

Landing Page

By default, your organization’s home page lists your courses and other content. The landing page builder lets you replace it with your own page, made of sections you stack and style: a hero, course lists, testimonials, pricing, an FAQ and more.

Go to Organization → Landing Page and turn on the switch at the top. While it is off, visitors see the default home page. Your sections are kept either way.

Starting points

  • Start from a template: Academy, Launch, Product training or Minimal. A template fills the page with example sections you then edit.
  • Import: load a page from a JSON file (1 to 60 sections). Imported pages are not live until you save.
  • Export: download the current page as a JSON file you can import again later.
The Landing Page tab with the switch on, Add Section, Page settings, Import and Export, and the four templates

Page settings

Page settings apply to the whole page: the background, the Content width (Normal or Wide) and the Gap between sections (none, small or medium).

Sections

Click Add Section and pick a type:

SectionDescription
HeroA heading, subheading and buttons, with an optional illustration, background and dark overlay. Height can go up to full screen.
Text & ImageText and an image side by side, with buttons
LogosA row of logos, such as partners or clients
PeopleTeam members with name, description and photo
CoursesCourses you pick, or your latest courses (you set how many)
VideoEmbed a YouTube, Vimeo or Loom video, or upload your own
TextA heading and formatted text, written in Markdown
FeaturesA grid of 2 to 4 columns of cards with an emoji icon, a title and a description
StatsBig numbers with a label, like learners or courses
TestimonialsQuotes with name, role or company and photo
FAQQuestions that expand to show their answer
Call to actionA bold banner with a heading and buttons
GalleryA grid of 2 to 4 columns of images
SpacerEmpty space, with an optional dividing line
PricingPlan cards with a price, a feature list and a button. A card can be linked to a store product so its price and checkout link stay in sync with your offers.
StepsA numbered sequence, side by side or stacked
ColumnsTwo to four columns of Markdown text
ImageA single large image with an optional caption and link
EmbedA form, calendar, map or board from a supported service: Calendly, Typeform, Tally, Airtable, Google Docs, Forms and Maps, Figma, Loom, Canva, Miro, YouTube or Vimeo
AnnouncementA slim bar for news or promotions, with an optional link
CountdownA live timer to a launch or deadline, with text to show once it is over

Options on every section

OptionChoices
VisibilityEveryone, Signed-in users only or Signed-out visitors only
Hide this sectionKeep it in the editor without showing it
DevicesAll devices, Desktop only or Mobile only
Show from / Show untilA date and time window, handy for launches and promotions
StylingBackground (none, solid color, gradient or image), Text color, Vertical spacing, Width (Normal or Narrow), Title alignment, an Anchor to link to the section, and an Entrance animation (none, fade in or slide up)

Save to publish your changes.

Visibility rules make it easy to show a sign-up pitch to visitors and a “continue learning” section to members on the same page.