Promotions

Promotions allow you to display an element on the top of the search results with distinctive styling. The promotion may be shown for all searches, or just with specific keywords. The promotion can also be time-limited, to automatically hide it at a specific date or time.

You can have multiple promotions active at the same time, but only a maximum of one of them will be shown in the search results at one time. The promotion that is displayed is the first one that matches the user’s search term starting from the top promotion in the promotions list and moving downward.

Visit our blog post about the promotions feature for use cases.

Instructions

The Promoted feature is easy to set up. Log in to the AddSearch Dashboard and head to Manage results / Promotions. Then, follow these instructions:

Name, display and duration settings

  1. Click Add new to create a promotion. The promotion settings appear.
  2. Add a name for the promotion.
  3. Select Show always or Limit with keywords as the display condition.
  4. Select Show continuously or Limit duration to define duration.

Picture of promotion name, display and duration settings.

Content and look & feel settings

  1. Enter the title and the content for the promotion that will be shown amongst the search results.
  2. Insert links to the promoted web page and the image for the promotion.
  3. Choose colors for the text and the background.

Picture of content and look & feel settings.

Preview

To see the changes scroll down to the bottom of the page. When the promotion is ready, remember to save the changes.

Picture of promotion preview, discard and save.

Here is what the promotion looks amongst the search results.

Picture of search result widget with promotion amongst search results.

Styling promotions

In addition to the background and the font color, promotions are stylable with the CSS class addsearch-result-type-promoted. For example, to show a promotion with an uppercase, bolded Times new roman font, add the following style:

  .addsearch-result-type-promoted {
    font-family: "Times New Roman", Times, serif !important;
    font-weight: 700 !important;
    font-transform: uppercase !important;
  }