Content Boards, Microsites, and Landing Pages

Content boards and microsites empower you to dynamically promote content to specific visitors. Content boards can be embedded into your website or you can build a microsite around the content cards.

Create a Content Board

1. Navigate to the 'Content Board' section of Triblio

2. Choose 'New Board' in the upper right to create a new content board or microsite

3. Name the board and click 'Create'

4. The Board Rules page will load. By default, there will be a 'Default Rule' created with 'Always Display' as the rule.

Tip: Make sure the bottom rule is always 'Always Display'

5. Click on 'Default Rule' to rename the rule so it is more indicative of what its purpose is

6. Under 'Settings' choose 'Edit Rule Type' to customize the rule type

7. Once the rule type is set, click 'Edit Content' to add content

8. To add content to the rule, click 'Add Item'

9. Choose the type of content you want to add in. The most common choice is 'Add Link Item' for regular links.

10. Once the item is added, you can click on the content item to further customize it's size, text, imagery, etc.

  • All content items include a 'Tag' section. Add a tag to categorize the board (i.e. Whitepaper, Video, eBook). This will be used for the 'Search/Filter' settings mentioned in step 18. 

11. Once all the content items are created, you can preview the board with 'Preview' button

Tip: Each content card can be easily moved around on the board by dragging and dropping amongst the other content cards

12. To add additional rules, return to the Board Rules page, click the 'Designer' button in the upper left.

13. Add the additional rules and their respective content items. When multiple rules are added, the content board displayed is prioritized by their order on this Board Rules page. Drag and drop the most specialized board to the top of the Board Rules page so they are evaluated first. Make sure the 'Always Display' Rule is at the bottom (and make sure to always includes an 'Always Display' board rule).

14. Once all the rules and items are finished, the content cards can be styled.  Navigate to the blue 'Style' button in the upper left.

15. In the 'Style' section, toggle the custom style to on under 'Item Style'.

16. Customize colors, fonts, alignment, etc and see the card appearance to the right of the WYSIWYG editor.

17. Styling can be customized to a much further extent. Beneath the 'Item Style' section, there is an 'Advanced Settings: style' section where you can add custom CSS, JS, and update the card size.

Note: Do not change the 'Edit Theme CSS' file. All settings can be overwritten in the 'Edit Custom CSS' section

18. Once the style is complete, choose to add 'Social Sharing' and/or a 'Search/Filter' to your content board in the upper right-hand side of the 'Style' page.

Create a Microsite

Triblio allows you to create an entire page around your content items. The page is created in the 'Style' tab of the Content Board.

1. In the 'Style' tab of the content board, choose 'Upload' under 'Custom Header Image'. The image has to be uploaded from your computer.

2. Once the image is uploaded, additional options will appear to add in Headline and Subheadline text, choose the font, font size, and font weight.

3. For advanced users, navigate to the 'Advanced Settings: html' section.

4. Opening 'Edit Header' allows you to add in any HTML to create page elements that will appear above the content cards. Opening 'Edit Footer' allows you to add in any HTML to create page element that will appear beneath the content cards.

Tip: Don't know HTML? Ask your CSM to help build out a custom landing page!

5. All elements of the header and footer can be stylized in the 'Edit Custom CSS' section in 'Advanced Settings'

Deploy Content Board or Microsite

Once the content board is created, it is time to deploy it!

1. Within your Content Board, navigate to the 'Deploy' page

2. There are two options for deployment

a. If hosting on Triblio, turn on your 'Custom URL' and set up the pathway (see more detailed instructions below). Once setup, the link is active and ready to send around. 

b. If hosting on your website, copy the HTML Snippet in the 'Deployment' section and paste into your website.

3. Under SEO Settings

Write in the Canonical URL - this is the URL of the page the board is hosted on

A canonical URL allows you to tell search engines that certain similar URLs are actually one and the same. Sometimes you have products or content that is accessible under multiple URLs, or even on multiple websites. Using a canonical URL (an HTML link tag with attribute rel=canonical) these can exist without harming your rankings.

Write in a description of the board (this is for a meta description for seach engines to read)

Choose whether or not to have search engines crawl this content board.

Dynamically Change Content Cards

When creating a content board, you can add multiple rules which each contain different content that will dynamically swap out depending on the audience viewing the page.

Dynamically display content by:

  • Custom Audience Segment
  • URL Parameter or UTM Code
  • Referral URL
  • URL Contains

When a visitor views the content cards, they will be evaluated for which content to see. When multiple rules are added to an audience, they are evaluated from top to bottom sorting in Triblio. Priority can be changed by dragging the Content Board Rule above or below other rules within the same hub. 

Tip: Make sure the bottom rule is always 'Always Display'

Embed or Host a Content Board

We are often asked what the difference is between embedded a board or microsite to your website vs. hosting it through Triblio. 

Choosing to Host in Triblio:

  • Eliminate the distractions of your website
    • Creating a vanity URL brands the microsite while showing the visitor they are engaged in a more specific experience
  • Scalability
    • Once a vanity URL is created, the pathway can be customized so many pages can be created with that domain
    • If you don't have direct control or easy access to page creation on your website, hosting in Triblio is much faster

Choose to Embed on your Website:

  • Easy Branding
    • Your website is already branded properly, embedding keeps the consistency
  • Simple Navigation
    • Access to Navigation and Footer of your website

Creating a Vanity URL

1. Pick a vanity URL (or multiple) you want to use to provide to your website host (e.g., hub.triblio.com)

2. To create the vanity URL, have your website host (e.g., GoDaddy, BlueHost, etc.) create a CNAME record in the DNS that points to  tribl.io.  Once created, it can take up to 24 hours before the record is complete.  If you would like to have a secure (https) URL, you must get an SSL certificate for this CNAME record.

3. Once the CNAME is created in your hosting provider, navigate to a content board and go into the 'Deploy' page

4. Under 'Location', toggle 'Custom URL' so it is on

5. Click 'Add Vanity Domain'

6. Under 'Add New Domain' type in the vanity URL your web host created. Click 'Done'.

7. To use the vanity URL, choose 'Edit URL'

8. In the modal that appears, choose your vanity URL in the 'Root' dropdown. Then, write in the path.

Example: If my vanity URL is hub.triblio.com and my pathway is abm-solutions, my active URL for my content hub is hub.triblio.com/abm-solutions.

Quick Code Snippets for Common Custom Style

Position the Custom Header Image

#custom-header {
   background-size:cover;
   background-position: 50% 50%;
}<br>

Change the height of the Custom Header

#custom-header {
   height:500px;
}