NationBuilder

Some organizations have specific websites needs and seek professional help to design their theme. This guide lays out the options.

How can I get help with the design of my NationBuilder website?

NationBuilder provides some specific support for themes.

Support provided for themes

Find the perfect look and functionality for your site.

Website theme options

Clone your theme

Learn how to tweak website theme templates, or build a custom theme

Custom theming

Is there something that you can't change in the control panel? Here's how to find it!

Finding and changing text in your theme file

Quickly update your customized Momentum theme to translate your website into Estonian.

Translate your website into Estonian using the Momentum theme

Many popular applications can be embedded into a webpage automatically with our Embed.ly integration.

Add a widget to your webpage

You may want to allow user-submitted content, but you want the content to be approved by an administrator before it appears on your site. 

Moderating user generated content

Custom fonts, outside the limited subset of "web-safe" fonts, can be used in NationBuilder to underscore your brand identity and message.

How to include custom fonts in NationBuilder

You may want signup pages to allow the creation of organization profiles. You can accomplish this with a few small tweaks to your template.

Create a signup page for organizations

If you are looking to turn your nation into an online store, give Ecwid a try and you could be up and running in minutes. 

Adding an Ecwid shopping cart to your NationBuilder site

In NationBuilder's public themes, the top nav dropdown menus are one level deep. But, you can create one two levels deep with some tweaking.

How to make a multi-level top nav dropdown menu

By default on the Publish theme, photos will appear next to the blog post in a column, you can change this to a more traditional layout.

How to move the Publish theme blog post image

Tweak a stock theme or page template

Creating a custom website theme in NationBuilder is easy to learn, and this HOWTO covers all the essentials on how to get started.

Create a website theme with NationBuilder

Connecting Dropbox to your nation allows you to edit and sync website theme files and custom page templates directly on your computer.

Sync your nation's themes with Dropbox

NationBuilder uses the open source liquid template language to access objects and variables. Liquid allows you complete design freedom.

How to use Liquid with NationBuilder

For advanced users, we've put together a list of liquid snippets that can be used to add more customization to NationBuilder's templates.

Liquid Template Examples

An HQ nation has the ability to share its custom theme with its networked nations, ensuring brand integrity across the network.

Share a website theme

This ensures backwards compatibility for custom themes based on the bootstrap v4 staged page conversion kit (two-stage donation form).

Additional changes for staged donation pages

Want to build a fully custom HTML/CSS theme for a NationBuilder site? Start here.

Build a fully custom website theme

Custom fields support the collection of key data points not available in standard NationBuilder fields.

Introduction to custom fields

Custom people fields can be requested on the account settings screen and displayed on public profiles much like they can be on webpages.

How to request and display custom people fields on public profiles

This HOWTO assumes you understand the complexity of using custom fields and have already created custom people fields.

How to request custom people fields on webpages

This HOWTO assumes you understand the complexity of using custom fields and have already created custom donation fields.

How to request custom donation fields on a donation page

This page includes example code snippets for including custom people fields on Endorsement pages.

How to request custom people fields on endorsement pages

This page includes example code snippets for including custom people fields on Event pages.

How to request custom people fields on event pages

This page includes example code snippets for including custom people fields on Feedback pages.

How to request custom people fields on feedback pages

This page includes example code snippets for including custom people fields on Volunteer Signup pages.

How to request custom people fields on volunteer pages

This page includes example code snippets for including custom people fields on Invoice pages.

How to request custom people fields on invoice pages

Donation pages are unique in that they can accept both custom people fields and custom donation fields.

How to request custom people fields on donation pages

This page includes example code snippets for including custom people fields on Moneybomb pages.

How to request custom people fields on moneybomb pages

This page includes example code snippets for including custom people fields on Survey pages.

How to request custom people fields on survey pages

This page includes example code snippets for including custom people fields on Petition pages.

How to request custom people fields on petition pages

How to add custom fields to action page forms and more

Form customization

We've made it easier to clearly place your consent opt-ins on a page.

Update your theme for consent forms

Update your website theme to give donors the option to help cover the payment processing fees for their contribution

Allow donors to cover payment processing fees

List of template changes from previous version of Bootstrap framework

Bootstrap 4 template changes

Most NationBuilder forms include a single field for submitting an entire address. This can be changed by editing the Liquid in the template.

Create individual address fields on forms by theme

To use your existing Donation pages with integrated payment processing, use this tool to easily convert them to Donation (v2) pages!

Donation page converter

Previously, a person could tag themselves on a signup page using a dropdown menu. Now, you can allow signups to select tags from a list.

Update existing signup pages

If you want to give your users a better experience when uploading images to your website, we recommend using our built-in image cropper.

Image Cropper Upgrade Kit

Update your website theme to allow donors to exempt themselves from employer/occupation requirements if they are not employed

Add exemption checkbox for donation employer and occupation fields

Guides and kits for updating custom themes to support new features

Template updates

Demos & webinars

Courses

Website themes

API documentation

Find answers and get help from Intercom Support and Community Experts

This site employs cookies and other technologies that we and our third party vendors use to monitor and record personal information about you and your interactions with the site (including content viewed, cursor movements, screen recordings, and chat contents) for the purposes described in our Cookie Policy. By continuing to visit our site, you agree to our {websiteTermsLink}, {privacyPolicyLink} and {cookiePolicyLink}.

This site uses cookies and similar technologies ("cookies") as strictly necessary for site operation. We and our partners also would like to set additional cookies to enable site performance analytics, functionality, advertising and social media features. See our {cookiePolicyLink} for details. You can change your cookie preferences in our Cookie Settings.

We use cookies to make our site work and also for analytics and advertising purposes. You can enable or disable optional cookies as desired. See our {cookiePolicyLink} for more details.

Advertising cookies are set by our advertising partners to collect information about your use of the site, our communications, and other online services over time and with different browsers and devices. They use this information to show you ads online that they think will interest you and measure the ads' performance. Social media cookies are set by social media platforms to enable you to share content on those platforms, and are capable of tracking information about your activity across other online services for use as described in their privacy policies.

These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly.

These cookies are necessary for the website to function and cannot be switched off in our systems.

These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site.

You have the right to opt out of the sale of your personal information. See our {cookiePolicyLink} for more details about how we use your data.

Your Privacy Choices

We use cookies to enhance your experience. You can customize your cookie preferences below. See our {cookiePolicyLink} for more details.

Cookie Settings

Link, Press control-option-right-arrow to exit

Empty Help Center

Uh oh. That page doesn’t exist.

Disappointed

Neutral

Smiley

Thinking...

Searching through sources...

Analyzing...

Tickets submitted through the messenger or by a support agent in your conversation will appear here.