Content Creation in Guidelines

The Content Editor

In the Add Elements sidebar you'll find several categories with content elements that you can add to your (sub)sections. You can drag and drop these elements to the content area of your section. Once the elements are in place, you can start filling them with your content.


In the top left dropdown,  you can find the Editing dropdown, which shows the current section of guidelines you're on. By opening the dropdown you can see a list of all the other sections within the same guideline book and navigate to them. In the top bar you can also find the buttons to Preview and Publish your content. With the Back/Exit button you can go back to the Brand Guideline book overview screen.

 

brandguidelines02.png

 

How to Add Brand Guideline Content?

You can add content by adding content elements to your section and filling them with content. Start adding your content by following the steps below.

 

  1. Go to the content editor by editing the (sub)section you want to add content to.
  2. Click a content element category in the Add Elements sidebar and drag and drop one or multiple elements into the blue space that appears in the content area..

Title

  • Regular Title
    Adds a regular title to your content. Click the element to add text.
  • Underlined Title
    Adds an underline title to your content. Click the element to add text

 

Description

  • Text
    Adds a text field to your content. Click the element to add text. Use the WYSIWYG editor to format and style your text. Click Save to save your text.
  • Text with Background
    Adds a text with a background color to your content. Click the element to add text. Use the WYSIWYG editor to format and style your text. Click Save to save your text.

 

Do and Don't

  • Do & Don't Suggestions
    Adds a list with do & don't suggestions to your content. Enter a suggestion in the Do or Don't column and click to add it.
  • Do Suggestions
    Adds a list with do suggestions to your content. Enter a suggestion in the Do column and click to add it.
  • Don't Suggestions
    Adds a list with don't suggestions to your content. Enter a suggestion in the Don't column and click to add it. 

 

Image

  • Single Image
    Adds an image holder to your content. Click the element to add an image. Search the image you want to add in the Asset Chooser screen, click it to select it and click the Insert button to add the image to your content.

    Tip
    Do you want to add multiple images at once?
    Hold Ctrl (Windows) or Cmd (MacOS) to select multiple images in the Asset Chooser screen.

  • Carousel
    Adds an image slider to your content. Hover over the element and click the button to add images. Select the images you want to add in the Asset Chooser screen. Hold Ctrl (Windows) or ⌘Cmd (MacOS) to select multiple images. Click Insert to add the images to your content.

 

Resources

  • Small Asset Downloader
    Adds an asset with a download button to your content so that users can download the asset. Hover over the element and click the button to select an asset in the Asset Chooser screen. Click Insert to add the asset to your content.
  • Large Asset Downloader
    Adds multiple assets with a download button to your content so that users can download the asset. Hover over the element and click the button to select an asset in the Asset Chooser screen. Click Insert and Save and Continue to continue

    By default, the first image you selected will be used as cover photo. Click + Change cover photo to select another asset that will be used as cover photo. Optionally, you can add a title and description to the element. Click Save to add the assets to your content.

    Note

    When you select another cover photo that wasn't part of your original selection it won't be available for download.

  • HTML
    Allows you to add custom HTML and CSS code to your content. Enter the HTML code in the HTML tab. Optionally, you can style your code by entering CSS code in the CSS tab. Click Save to save the changes.

 

Color Palette

  • Large Color Blocks
    Adds a large color palette to your content, which you can use to display the colors that are part of your branding. Hover over the element and click the button to set up the first color. You can enter a name and description for the color in the Title and Add a Description field. Enter the desired color code in one of the available color fields and click Save to add the color to your content. Repeat these steps as often as necessary to add other colors to the palette.
  • Small Color Blocks
    Adds a small color palette to your content, which you can use to display the colors that are part of your branding. Hover over the element and click the button to set up the first color. You can enter a name and description for the color in the Title and Add a Description field. Enter the desired color code in one of the available color fields and click Save to add the color to your content. Repeat these steps as often as necessary to add other colors to the palette.
  1. (Optional) Change the layout of the content elements. Hover over an element and click the  layout_button.pngbutton to change the layout. Click again to switch to another layout. Elements cycle through 4 standard sizes.
  2. (Optional) Resize the content elements. Hover over an element and click the resize_button.png button to make the element smaller. Click as often as necessary to make the element smaller until it will return to its original size.
  3. (Optional) Change the order of the content elements. Hover over an element and click move_button.png the  button and drag and drop the element to the new position. 
  4. Click the Preview button to preview what the live version of the section will look like. 
  5. (Optional) Click Continue Editing to go back to the editor in case you want to make additional changes.
  6. Click Publish to publish your content to the Brand Portal, which will make it available to all users who have access to the Brand Portal. Alternatively, you can click Back to leave the content editor and return at a later stage. The content will be automatically saved as draft.
  7. (Optional) Prevent non-logged in users from viewing the published content in this section.

    When you're in the preview mode click Continue Editing > Back or click Back when you're in the editor mode. Hover over the Sections sidebar and click Manage Sections. Hover over the section for which you want to set up access restrictions and click the tool_icon.png button. Read more about setting up permissions here.

The content is now live and available in the Brand Portal.

 

How to Edit Content in Brand Guidelines?

  1. Go to the Brand Guideline book where you can find the content you want to edit.
  2. Click Manage Sections in the left sidebar.
  3. Hover over the (sub)section where you can find the content you want to edit and click the edit_icon.png button. This will open the content editor. 
  4. Make the necessary changes. See the How to Add Content section for more information about the available content elements.

      • Change Layout
        To change the layout of the content elements hover over an element and click the layout_button.png button. Click again to switch to another layout. Depending on the element other layouts may not be available.
      • Resize Content Elements
        To resize a content element hover over the element and click the resize_button.png button to make the element smaller. Click as often as necessary to select the  preferred size.
      • Change the Content Order
        To change the position of a content element hover over the element and click the move_button.png button. Drag and drop the element to the preferred position.
        •  
  5. Click the Preview button to preview your content.
  6. (Optional) Click Continue Editing to go back to the editor in case you want to make additional changes.
  7. Click Publish to publish your changes. 

 

How to Delete Content in Brand Guidelines?

  1. Go to the Brand Guideline book where you can find the content you want to delete.
  2. Click Manage Sections in the left sidebar.
  3. Hover over the (sub)section where you can find the content you want to delete and click the edit_icon.png button. This will open the content editor. 
  4. Hover over the content element(s) you want to remove and click the trash_icon.png button.
  5. Read the warning message carefully and click Delete to permanently remove the content element and the actual content inside. 

    Note
    • This action is permanent and cannot be undone.
    • When you delete a content element all the content inside will be permanently removed as well.
  6. Click Publish to publish the changes.


How to Publish sections in Brand Guidelines? 

  1. Go to the Brand Guideline where you can find the content you want to publish.
  2. Click Manage Sections in the left sidebar.
  3. Click Publish to publish your content to the Brand Portal.
  4. (Optional) Prevent specific user groups from viewing the published content in this section.

    When you're in the preview mode click Continue Editing > Back or click Back when you're in the editor mode. Hover over the Sections sidebar and click Manage Sections. Hover over the section for which you want to set up access restrictions and click the tool_icon.png button. Read more about setting up permissions here.

 

Learn More

Updated

Was this article helpful?

0 out of 0 found this helpful

We're sorry to hear that!

Learn more with Webdam Webinars

Have more questions? Check out Webdam Webinars