Configure the Homepage

Read below to learn how to change the look of your brand portal homepage, including adding and editing elements.

Log in:

  1. Log in to Webdam and click Brands in the top navigation.

  2. Click the brand you want to configure.

  3. In the top navigation, click Appearance and select Homepage.

Configure elements:

Now you’re ready to configure. The elements are on the left – here’s what they do:

  • Carousel: Drag and drop the  element to add image assets with titles and descriptions. When you add multiple assets, it acts as an image slider. (Check out some carousel image tips below.

    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 (default behavior) or to the folder where that image is located. To set the destination, select your desired Link images to option.

Screen_Shot_2017-08-21_at_11.27.01_AM.png

  • Folder: Drag and drop the  element to display a folder on the homepage. Note that 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.
  • Drag the to the homepage.
  • Select the asset folder you’d like to add. Click Continue.
  • On the Select Folder Cover Images page, choose up to four images to display on the cover. Click Insert.

select_folder_image.png

  • To reposition or zoom in/out on an image within the current frame, click Screen_Shot_2017-07-12_at_4.54.04_PM.png. Click Screen_Shot_2017-07-12_at_4.56.08_PM.png to save changes or to exit without saving changes.
    Note: use the slider along the bottom edge of the image to zoom in or out.

  • To move an image to a different frame, click move_icon.png and drag the image to the desired frame.

  • 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.

  • When you’ve completed all your adjustments, click Preview to preview your changes or Publish to push your changes live.

four_images.png

  • Lightbox: Drag and drop the  element to display one of your existing lightboxes on the homepage. The assets contained in this lightbox will be visible to ALL users that can view your Brand Connect portal, but only users with permissions can download them.

        For Early Access customers, you can also choose the images that display on the cover of the lightbox.

  • Drag the to the homepage.
  • Select the lightbox you’d like to add. Click Continue.
  • To select images and make adjustments, follow the instructions above in the Folder section.
  • Brand Guidelines: Drag and drop the  element to display your brand guidelines on the homepage.
  • Description: Drag and drop the  element to display text on the homepage.
  • Filled Description: Drag and drop the  element to display text on a copy block on the homepage.
  • HTML: Drag and drop the  element to insert HTML and CSS (for instance: embed a 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 into the element: <webdambp.headersearch></webdambp.headersearch> 

Click Preview in the top bar, then click Back to go back to the editing screen.

When you’re ready to publish, click Publish. When you’re finished, click Exit.

brand-connect_home.png

Adjust elements:

  • Resize: Click the resize-icon.png icon to change the size of the element.

  • Move: Click and drag the move_icon.png icon to change the order of the element.

  • Edit: Click the Screen_Shot_2017-07-13_at_10.02.30_AM.png icon to add or replace the assets in image, folder or lightbox element.

  • Delete: Click the trash-icon.png icon to delete the element.


Carousel image tips:

  • For optimal display, make your carousel images  1,265x435 pixels.
  • If you want to add text over an image, add images o 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.

Updated

Was this article helpful?

2 out of 2 found this helpful

We're sorry to hear that!

Learn more with Webdam Webinars

Have more questions? Check out Webdam Webinars