Loading

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 and volunteer pages. Your homepage cannot be set as the splash page.

abeforprez__donation_test2.png

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 11 reactions

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

  • commented 2014-07-22 15:45:34 -0700 · Flag
    Hi Matthew – it really depends on your intention for the functionality, since a splash page can be repurposed for various uses depending on the design intent. Generally, we recommend to use as hi-res an image as possible because it can be dynamically downsized with little (if any) artifacts appearing, but upsizing doesn’t offer the same flexibility.

    Lilia – thanks for pointing that out. Donation pages have to be secure (as any portal where a user is asked to input sensitive information about his/her finances or payment methods should be), which prevents them from being used as splash pages.

    Hey Fritz – the goal of a splash page is to encourage a first-time user to explore your site, signup for your newsletter, sign a petition, etc – that is to say, the point of a splash page is to encourage action on your website and thus in your nation. Directing them offsite would be counterproductive in pursuit of this goal.
  • commented 2014-06-10 06:47:24 -0700 · Flag
    Instead of a slug I want to be able to enter an external URL as a landing page.
    Why is that not possible?
  • commented 2014-06-08 21:09:22 -0700 · Flag
    Update: Donation pages are excluded from the splash page feature.
  • 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.