Promotions allow you to define and display your own element on the top of the search results with distinctive styling. The promotion may be shown for all searches or with specific keywords. The promotion can also be time-limited. This allows hiding the promotion after 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.

The benefit of using promotions is to guide your visitors to the most important pages. For instance, you can promote products for a Black Friday sale or topical announcements on your website.

Instructions

To set up promotions, follow these instructions:

  1. Login to your AddSearch Account
  2. Go to Promotions under Manage results
  3. Click Add new to create a promotion

Name, display and duration settings

  1. Add a name for the promotion.
  2. Select Show always or Limit with keywords as the display condition.
  3. Select Show continuously or Limit duration to define the duration.

Picture of promotion name, display and duration settings.

Content and look & feel settings

  1. Enter the title and the content for the promotion displayed in the promotions item
  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.

  1. Click Save to submit changes

Picture of promotion preview, discard and save.

Here is what the promotion item looks like.

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;
  }

Additional information

You can also use a link to get search results from a specific search query. Read more here.

Was this helpful?

Need more help?

We’re always happy to help with code or other questions you might have. Search our documentation, contact support, or connect with our sales team.