How do I set up a splash page?

Official response from

Any page in NationBuilder can be easily turned into a splash page. You can set a splash page by going to Websites>Pages. Then edit the page's settings and check "make this the splash page." Things like the top banner, navigation, sidebars, and footer are taken out, and instead only the content of the page displays with a big "Continue to xxxx page" button added to the bottom.

Splash pages will show to a visitor only once. The most popular page-types used are the signup, donation and volunteer pages. Your homepage cannot be set as the splash page.


If you've created a custom design you will want to edit the _splash.html file, located under Websites>Theme>_splash.html.

To see what the page will look like in testing, you can manually trigger splash page mode by adding ?splash=1 to the end of any Nationbuilder URL.

How would you tag this question?
Do you like this question?

Showing 8 reactions

Wrap code snippets in <code></code> tags.

  • commented 2014-02-07 09:14:58 -0800 · Flag
    Hi what is the recommended size for a splash page in Aware?
  • tagged this with Helpful 2013-09-14 00:24:17 -0700
  • commented 2013-06-28 16:59:21 -0700 · Flag
    Hey Karen — It sounds like the page you’re looking at my not have been “published” yet. Draft pages cannot be made into home pages, splash pages, etc.

    When you’re ready to set this page as the splash page, just be sure to publish it first. If you have any questions, definitely feel free to email help@nationbuilder.com!
  • commented 2013-06-28 13:34:32 -0700 · Flag
    When I go to the page’s settings, the “Make this the Home Page” "Make this the Splash page’ “Make this the default donation page” are not present. It only gives me nav, stream, comment options. I know it used to be there, so did I set the wrong page type or did it move?
  • commented 2013-05-02 15:56:24 -0700 · Flag
    Yes. You can do it a few different ways.

    You control all of the html in the template of the individual page, so you can call out any files in the header – including the theme.scss. If you are going to be using forms on your landing page, you probably want to keep some variables in the document. Mainly {{ content_for_header }} {{ content_for_footer }} and the {% yield %} tag typically placed in the _colummns_2.html file (it loads form-related content).

    Depending on what you want to do, you will need to experiment if you’re not familiar, and once you have your custom code you can reproduce it on other projects.

    Another method that may be less complicated is to use liquid in the layout.html file to exclude certain pieces of code (like the navigation), from displaying on the homepage. You can read about that here: nationbuilder.com/liquid_basics
  • commented 2013-05-02 15:32:58 -0700 · Flag
    Does that technique allow you to still create the page as, let’s say a petition page? Typically what we need is a signup or petition form page as our landing page.

    Ok, and can I still pull in the theme.scss file. Like it is in the layout.html file?
  • commented 2013-05-02 14:19:28 -0700 · Flag
    Hello Justin,
    Landing pages like the ones you are describing are not baked-in as a feature, but you can definitely still achieve them like you would on any other platform and a lot of NationBuilder website actually do so.

    If you want to display a temp “under construction” type of landing page, the easiest approach is to create a basic page, setting it as the homepage, checking the box to ignore the layout template on that individual page, and creating your customized landing page.
  • commented 2013-05-02 14:08:37 -0700 · Flag
    Splash pages should not only show once. Or at least have an option to disable that. I have never needed nor preferred a splash page to show only once. I have to keep hacking around this with a javascript redirect.

    Sometimes you dont have the full site built yet and you just want to display the splash page while you finish themeing. This is a quite common practice to have a landing page during development.

    This is a large annoyance and I do wish we can get this resolved since I know we have more clients starting to switch to this platform.