Part 1 - Page Setup
1. From your NationBuilder Control Panel, navigate to Website > Pages
2. Each video conversation page needs to be set up as a subpage of “Home”. Click on “home” to access the settings for the homepage
3. Click on the Subpages tab. This will show you a list of all of the current home subpages
4. To create a new subpage, click “New subpage”
5. The name of the new video subpage should follow the following format: “Name 1 & Name 2 | Conversation Title”. Note that the names and conversation titles need to be separated by the “|” (vertical bar) character.
Example Subpage name:
Jim & Chris | How Community Driven Companies Are Rockin’ The Casbah
6. The slug for the page can be whatever you want, but we recommend using a common naming convention (i.e. “name1_name2”)
7. The page status should be “unlisted” (until you are ready to publish the page live).
8. The page type should be “basic”
9. “Include in top nav” and “Include in supporter nav” should be turned off
10. Click “Create Page”
11. Next, add the page intro content to the content editor. This is the content that appears on the video conversation page below the video. Don’t forget to add an excerpt as well. Once you're done, click "Save Content".
12. Click the "Settings" tab for the subpage you created. In the headline field, add the quote you would like to appear on the homepage. Do not add quotation marks to your quote, they will be added automatically.
13. Add "conversation" to the Tags field.
14. Click the Social media Settings subtab. Enter the default tweet for this page in the "Default post" field. The excerpt text you entered in step 11 will already be populated in the "Excerpt for Facebook, search engines" field. Upload a default thumbnail image for Facebook to the page, your image should be 1200px wide by 628 px tall (hint: you can use the social-post.psd template to create custom images). When you're done, click "Save social media settings".
15. Click the "Files" tab for the subpage you created. There are four images that need to be uploaded to the page:
- Upload the 3 image tiles that will appear on the homepage. Each image should be 434px by 434px. The left portrait image should be labelled "portrait1.jpg". The right portrait should be labelled "portrait2.jpg". The third image can be labeled either "image-center.jpg", "image-left.jpg" or "image-right.jpg". How you name the third image will determine the order in which the tiles are arranged on the homepage.
- Upload an image labelled "thumbnail.jpg" that's 480px wide by 251px tall. This is the image that will be used as a thumbnail for the video conversation pages throughout the site (for example, in the sidebar of curriculum content). HINT: You can use the same image used in your social media settings, resized at 40%.
REMEMBER: The file size of uploaded images should be as small as possible. Images with large file sizes will increase the loading time of your website.
HINT: For tips on how to export photos for the web from photoshop, click here. Remember that your files should be in .jpg format.
Part 2 - Adding video content
1. Click on the "Subpages" tab for the subpage you created.
2. Click "New subpage".
3. In the name field, enter "Video" (note: this is case sensitive, make sure you use a capital "V").
4. The slug can be whatever you would like, but we recommend using a consistent naming convention (i.e. name1_name2_video)
5. Set the page status to Published.
6. The page type should be "basic"
7. “Include in top nav” and “Include in supporter nav” should be turned off
8. Click “Create Page”
9. Next, make sure that the privacy settings for your Vimeo video are correct. The video must be embeddable, and the Who can watch this video? settings should be set to either "Anyone" or "Hide this video". These settings are adjusted from your Vimeo account.
10. Insert the URL for your Vimeo video into the content field for the new subpage you created. Be sure that the URL is plain-text, and not entered in as a link (HINT: If the URL appears blue in the content editor, it's a link).
11. Click "Save content"
12. The final step is optional, but will help prevent visitors from landing on this video subpage that you created that is really only meant to act as a container for the video. Go to the Settings tab for this subpage, and set Who can view this page? to Admins.