Knowledge base
Video tutorials
Try searching for:
Recently viewed articles:

Table of contents

Selling on NationBuilder with Ecwid

NationBuilder is a software for creating websites with content management systems (CMS). It also has a customer relationship system (CRM) that helps you manage your social media, action campaigns, email, and more. NationBuilder is focused on non-profit organizations to help them with fundraising, volunteer mobilizing, petition signing.

If you want to collect donations, sell online merch or anything else, you can add an Ecwid store on your NationBuilder site. That way, your customers can check out without leaving your site.

With Ecwid, you can create an online store from scratch, add the whole catalog or just a particular product to your site. Once you sign up and create your Ecwid store, you can add it to multiple platforms including NationBuilder, Facebook, Instagram, or TikTok.

To publish your NationBuilder site, you should be on a NationBuilder paid plan. In Ecwid, you can be on any plan including Free plan.

To add Ecwid store to your NationBuilder site:

  1. Log in to your NationBuilder account. If you don’t have one, sign up.
  2. From your NationBuilder dashboard, go to Websites and select the site you want to add your Ecwid store to.
  3. Click New page in the right upper corner and enter the name and the slug. A slug is the end of the URL that uniquely identifies a page on your site. For example: in link the Store part is a slug.
  4. In the Type of page, select Basic.
  5. Click Create Page.
  6. From your Ecwid admin, go to Sales channels.
  7. Scroll down to the Sell on your website section and click Other platforms and sitebuilders.
  8. Click Copy code to Clipboard to copy the integration code.
  9. Return to your NationBuilder site settings page. Under your new page settings, click on the Template tab and click Create a custom template:


  10. Find the yellow {{page.basic.content}} line. You will see two </div> tags after it. Insert the integration code you copied from Ecwid in between the </div> tags. . Your code might look like that:


  11. Save the changes.

Done. Now, the product catalog will appear on the page.

Was this article helpful?

Awesome! Thanks for your feedback!

Thanks for your feedback!

Sorry about that! What went wrong?
1 out of 1 found this helpful
We use cookies and similar technologies to remember your preferences, measure effectiveness of our campaigns, and analyze depersonalized data to improve performance of our site. By choosing «Accept», you consent to the use of cookies.
Accept cookies Decline