Configuring the brand portal homepage¶

Carousel¶

The carousel rotates a group of images. When you add multiple assets, it acts as an image slider. Drag and drop the Carousel icon into the page to add image assets with titles and descriptions.

When users click images displayed in a carousel on your homepage, they can either be taken to the asset details page for the clicked image (the default behavior) or to the folder where that image is located. To set the destination, select your desired Link images to option. These options are Asset Details and Folder.

Carousel image tips:

• For optimal display, make your carousel images 1,265x435 pixels.
• If you want to add text over an image, add images to the carousel with the subject or focal point a little left or right of center.
• The center of an image is the main focus, and resizing the carousel or viewing the homepage on a phone or tablet will crop the image around the center.

You may need to edit your images to fit these requirements.

Folder¶

A folder must contain at least one image in order for it to display on the homepage. The assets contained in this folder will be visible to all users that can view your Brand Connect portal, but only users with permissions can download them. To add a folder to your homepage:

1. Drag the folder icon to the homepage.
2. Select the asset folder you’d like to add.
3. Click Continue.
4. On the Select Folder Cover Images page, choose up to four images to display on the cover. Click Insert.
   
5. To reposition or zoom in or out on an image within the current frame, click the Reposition icon in the image. Click the Check icon to save changes or the Cancel icon to exit without saving changes. Use the slider along the bottom edge of the image to zoom in or out.
6. To move an image to a different frame, click the Move icon and drag the image to the desired frame.
7. To edit the display name of the folder, select the text displayed in the top of the image editor, and enter the desired name. By default, the folder name is set as the display name.
8. When you’ve completed your adjustments, click Preview to preview your changes or Publish to push your changes live.

A short message will appear stating your homepage changes have been published.

Lightbox¶

A lightbox allows users to view a curated collection of assets. These assets are visible to all users that can view your Brand Connect portal, but only users with permissions can download them. To add a lightbox:

1. Drag and drop the Lightbox icon onto your homepage.
2. Select the lightbox you’d like to add. Click Continue.
3. On the Select Lightbox Cover Images page, choose up to four images to display on the cover. Click Insert.
4. To select images and make adjustments, follow the instructions in the Folder section.
5. Click Preview in the top bar, then click Back to go back to the editing screen.
6. When you’re ready to publish, click Publish.
7. When you’re finished, click Exit.

A short message will appear stating your homepage changes have been published.

Other page elements¶

You can add the following additional elements to your homepage:

• Brand Guidelines: Drag and drop the Brand guidelines element to display your brand guidelines on the homepage.

• Description: Drag and drop the Description element to display text on the homepage.

• Filled Description: Drag and drop the Filled description element to display text on a copy block on the homepage.

• HTML: Drag and drop the HTML element to insert HTML and CSS, such as YouTube link, on the homepage.

• Search: You can also use the HTML element to add a search box on the homepage. After dragging the HTML element onto the homepage, copy and paste the following text into the element:

  <webdambp.headersearch></webdambp.headersearch>