How to manage content and links on your homepage

Answer

The content on your homepage is broken down into into the following sections:

homepage-guide.jpg

The content and links for each section are managed either by dynamically pulling content from a subpage, or by NationBuilder's Featured Content Slider feature. How to manage the content and links for each section is described below:


Homepage Featured Content Slider

The homepage featured content slider can be managed by navigating to Websites > UNITE-LA > home > Settings > Featured content sliders in your NationBuilder Control Panel. Featured content sliders for this section of your homepage should be 1300px wide by 800px tall. For general notes on how NationBuilder's Featured Content Slider feature works, click here. Remember that images uploaded to your website should have as small of a file size as possible to minimize page loading times.


Section 1 Subpage

The content in Section 1 of your homepage can be managed by navigating to Websites > UNITE-LA > home > Subpages > section_1 in your NationBuilder Control Panel. You can edit the Title and Headline for this section under the Settings tab, and manage the body content for this section under the Content tab.

NOTE: For this section to display properly on your homepage, "Section 1" needs to be entered in the Name field found under the Settings tab for this subpage, like this:

 section1-screen.png

You can also add a video to this section using NationBuilder's Embed.ly integration. Paste a link to your video after the body content for this section under the Content tab (see screenshot below).

section1.png


Section 2 Subpage

The content in Section 2 of your homepage can be managed by navigating to Websites > UNITE-LA > home > Subpages > section_2 in your NationBuilder Control Panel. You can edit the headline for this section under the Settings tab, and manage the content for this section under the Content tab. Don't forget to include a link to the relevant page at the end of your content.

NOTE: For this section to display properly on your homepage, "Section 2" needs to be entered in the Name field found under the Settings tab for this subpage.

Section 2 also has three nested subsections (a, b & c). These nested subsections are set up as subpages of Section 2. Click on the Subpages tab for Section 2 to access these subsections.

homepage-guide2.jpg

To work properly, the Name for each subsection must be a lowercase letter named in alphabetical order, starting with the letter "a". So for example, the letter "a" is all that should be entered in the Name field found under the Settings tab for section a, like this:

section2a.png

For each subsection, you can customize:

  • The section Headline (found under the Settings tab for each subsection).
  • The body Content (found under the "Content" tab).
  • The icon. To change the icon, upload an image named "thumbnail.png" to the Files tab. The image should be 110px wide by 110px tall, and all white with a transparent background.

Section 3 Subpage

The content in Section 3 of your homepage can be managed by navigating to Websites > UNITE-LA > home > Subpages > section_3 > Files in your NationBuilder Control Panel. You can upload four custom infographic images to this section, as well as a custom background image. 

Each infographic image should be 350px wide by 360px tall, and all-white with a transparent background. Each infographic image should be named "stat1.png", "stat2.png", "stat3.png", "stat4.png" respectively.

The custom background image for this section should be named "background.jpg" and be 1300px wide by 381px tall. When selecting an image for this section, remember that there should be enough contrast between the image you choose and the white infographics to ensue legibility. We recommend using an image with a strong blue overlay as your background image.

NOTE: For this section to display properly on your homepage, "Section 3" needs to be entered in the Name field found under the Settings tab for this subpage.


Section 4 Subpage

The content in Section 4 of your homepage can be managed by navigating to Websites > UNITE-LA > home > Subpages > section_4 > Settings > Featured content sliders in your NationBuilder Control Panel. Featured content sliders for this section of your homepage should be 1300px wide by 500px tall.

The Headline/Action text for slides in this section include three parts, the Title, Headline and Button text. Each part needs to be entered into the Headline/Action text field separated by a vertical bar character ("|"). For example, the headline/action text for this slide:

 slide-example.png

would be entered like this:

 headline-action-text.png

NOTE: For this section to display properly on your homepage, "Section 4" needs to be entered in the Name field found under the Settings tab for this subpage.


Section 5 Subpage

The content in Section 5 is populated dynamically from the Events page on your website. The 3 events that are happening the soonest will display in this section. The Section 5 subpage acts as a placeholder, and should not be edited or modified.

To learn how to edit and manage events on your website, check out How to manage content and links on your Events page.


Section 6 Subpage

The content in Section 6 of your homepage can be managed by navigating to Websites > UNITE-LA > home > Subpages > section_6 > Settings > Featured content sliders in your NationBuilder Control Panel. Featured content sliders for this section of your homepage should be 1300px wide by 500px tall.

As with Section 4, the Headline/Action text for slides in Section 6 include three parts, the Title, Headline and Button text. See Section 4 above for notes on how to manage the Headline/Action text for each slide.

NOTE: For this section to display properly on your homepage, "Section 6" needs to be entered in the Name field found under the Settings tab for this subpage.


Section 7 Subpage

The content in Section 7 of your homepage can be managed by navigating to Websites > UNITE-LA > home > Subpages > section_7 in your NationBuilder Control Panel. You can edit the Headline for this section under the Settings tab, and manage the Content for this section under the Content tab.

Section 7 can also feature multiple links to other key pages on your website. Each link is set up as a subpage of Section 7. Click on the Subpages tab for Section 7 to manage these links.

To work properly, the Name for each link subpage must be a lowercase letter named in alphabetical order, starting with the letter "a". So for example, the letter "a" is all that should be entered in the Name field found under the Settings tab for the first link.

Each link in this section has two components that you can customize:

  • The link headline. This is the link text that appears on the homepage. Enter the headline for your link in the Headline field found under the Settings tab.
  • The link destination. This is where a user will end up when the click the link. Simply enter the slug of the page that you want to link to into the Content field found under the Content tab. Make sure that the slug is entered as plain text (i.e. not an actual link, which would be highlighted in blue and underlined in the editor window). For example, if you want to link to the Volunteer page your Content field would look like this:

 link_destination.png

NOTE: For this section to display properly on your homepage, "Section 7" needs to be entered in the Name field found under the Settings tab for this subpage.

REMEMBER: To learn how to manage the content for the page you're linking to, check out How to manage content on other pages on my website. Remember that if you change the slug or remove that page that you link to, you will also have to manually update or remove the link to that page in this section on your homepage.


Section 8 Subpage

The content in Section 8 of your homepage can be managed by navigating to Websites > UNITE-LA > home > Subpages > section_8 in your NationBuilder Control Panel. You can edit the Headline for this section under the Settings tab, and manage the Content for this section under the Content tab.

In addition to headline and body content, Section 8 is also set up to feature four links to other key pages on your website. Each link is set up as subpages of Section 8. Click on the Subpages tab for Section 8 to manage these links.

To work properly, the Name for each link subpage must be a lowercase letter named in alphabetical order, starting with the letter "a". So for example, the letter "a" is all that should be entered in the Name field found under the Settings tab for the first link.

Each link in this section has three components that you can customize:

  • The link headline. This is the link text that appears on the homepage. Enter the headline for your link in the Headline field found under the Settings tab.
  • The link destination. This is where a user will end up when the click the link. Simply enter the slug of the page that you want to link to into the Content field found under the Content tab. Make sure that the slug is entered as plain text (i.e. not an actual link, which would be highlighted in blue and underlined in the editor window). See the notes in Section 7 above for an example.
  • A custom icon. To change the icon, upload an image named "thumbnail.png" to the Files tab. The image should be 350px wide by 350px tall, and all white with a transparent background.

NOTE: For this section to display properly on your homepage, "Section 8" needs to be entered in the Name field found under the Settings tab for this subpage.

REMEMBER: To learn how to manage the content for the page you're linking to, check out How to manage content on other pages on my website. Remember that if you change the slug or remove that page that you link to, you will also have to manually update or remove the link to that page in this section on your homepage.


Section 9 Subpage

The content in Section 9 of your homepage can be managed by navigating to Websites > UNITE-LA > home > Subpages > section_9 in your NationBuilder Control Panel. You can edit the headline for this section under the Settings tab, and manage the content for this section under the Content tab.

In addition to headline and body content, Section 9 is also set up to feature nine links to other key pages on your website. Each link is set up as subpages of Section 9. Click on the Subpages tab for Section 8 to manage these links.

To work properly, the Name for each link subpage must be a lowercase letter named in alphabetical order, starting with the letter "a". So for example, the letter "a" is all that should be entered in the Name field found under the Settings tab for the first link.

Each link in this section has two components that you can customize:

  • The link headline. This is the link text that appears on the homepage. Enter the headline for your link in the Headline field found under the Settings tab.
  • The link destination. This is where a user will end up when the click the link. Simply enter the slug of the page that you want to link to into the Content field found under the Content tab. Make sure that the slug is entered as plain text (i.e. not an actual link, which would be highlighted in blue and underlined in the editor window). See the notes in Section 7 above for an example.

REMEMBER: To learn how to manage the content for the page you're linking to, check out How to manage content on other pages on my website. Remember that if you change the slug or remove that page that you link to, you will also have to manually update or remove the link to that page in this section on your homepage. 

Section 9 also has 4 image thumbnails that you can customize. Click on the Files tab for section 9 to manage these images. Each image should be named "thumbnail1.jpg", "thumbnail2.jpg", "thumbnail3.jpg", or "thumbnail4.jpg" respectively. The dimensions of each image are listed below:

  • thumbnail1.jpg - 360px wide by 163px tall
  • thumbnail2.jpg - 356px wide by 156px tall
  • thumbnail3.jpg - 360px wide by 163px tall
  • thumbnail4.jpg - 163px wide by 163px tall

NOTE: For this section to display properly on your homepage, "Section 9" needs to be entered in the Name field found under the Settings tab for this subpage.

Be the first to comment

Please check your e-mail for a link to activate your account.