You can add images/videos to your NationBuilder pages in a few different ways, this HOWTO will outline each of your options.
Table of Contents
Go to the Content tab on your page.
You can add files directly to the Files tab. Go to the page where you want to add the file and click on Files. Any Files tab in NationBuilder allows you to select files to upload or drag and drop files from your computer.
Supported file attachments: .ai, .bmp, .csv, .doc, .docx, .ico, .ics, .json, .pdf, .ppt, .pptx, .txt, .xls, .xlsx, .xml, and .zip
Insert an image or video
Go to Content and click on the Insert/edit image button. You'll get a pop-up on your screen. You can directly upload an image here by clicking Upload and selecting the image from your computer, OR you can upload it from your Image list (this means you uploaded your image(s) to the Files tab already).
Supported image files: .eps, .gif, .jpeg, .jpg, .png, .svg, .swf
Ideally, you should have the image in the size you want it, prior to uploading it. But, when you click on the Insert/edit image icon in the toolbar, you can also change the dimensions.
The vertical and horizontal spaces are the amount of space (measured in pixels) you want between the image and anything else on the page. This is usually used to provide space between text in a surrounding article and an image.
When adding an image to the top of your blog (above all blog posts), click on Files while editing the blog page and upload your image. Next, click on Template, and under <div id=“content”>, add <div class=“padbottommore”><img src=“filename.jpg” /></div>. That will add a little padding underneath the image and your first blog post as well.
You can also click on the image (once its placed in the content box), and drag to resize.
To add a video, copy and paste the URL and place it in your content area. Embed.ly will automatically post the video in the place of the URL when you publish the page.
Link to an uploaded file
Store files, including .pdf and .doc, on a page. Go to your page and select Files to upload or drag and drop the file(s) from your computer. The control panel will refresh and show the file's name below the Select files to upload button. Right click on your file and select Copy link address.
Then go back to your page's Content. Introduce your file with a statement (e.g. Click here to download our fundraising report). Highlight the area of text you want to link the file to. Once you highlight the text, you can click on the chain link icon within the toolbar. You can also link to another page or an external website using this method.
In the pop-up box, right click in the Link URL field and select Paste. That will paste the full URL where your file is stored in NationBuilder. In this pop-up box, you can also choose whether the link will open in a new window or the same window. Click the Ok button to place the link into your text.
Click the Save Content button at the bottom of the content screen.
You can then preview your page to confirm that the link is working properly.