Creating a Viber Message with Recommendations

šŸ“˜

Note

Before creating a Viber message with recommendations:

  1. Upload a product feed containing up-to-date information about products (names, prices, images, links, etc.).
  2. Set up web tracking in the system to track visitor behavior on your website.
  3. Create data sources for recommendation blocks — for example: Abandoned cart, Viewed products, Bestsellers.

Creating Message

  1. Go to Messages → Messages → Viber and click New Viber.
Messages section with the Viber channel underlined and the New Viber button highlighted
  1. In the Message type field, select Promotional → Rich Media Carousel.
Main settings with the Promotional message type and the Rich Media Carousel tab highlighted
  1. In the Carousel content setup section, choose Create cards using a data source, then select the desired data source.
Carousel content setup with the Create cards using a data source option and the Select data source button highlighted
  1. Select the required data source from the list.
Data sources window listing the available recommendations with their IDs and the Close button highlighted
ā—ļø

Important

To send Rich Media Carousel, the following minimum requirements apply:

  • 1 item in recommendations — if the Hero card is used;
  • 2 items in recommendations — if the Hero card is not used.

If these conditions are not met, a basic message is sent — a single image with one button.

To change the data source, click the corresponding button in the editor.

Data source configuration with the selected data source and the Replace button highlighted
  1. Customize buttons.

Add the following:

  • Primary button name — up to 10 characters.
  • Secondary button name (up to 12 characters) and URL — optional.
šŸ“˜

Note

  • The Primary button name, as well as the name and link of the Secondary button, will be the same for all cards.
  • If a basic message is sent instead of a Rich Media Carousel, the button will be hidden because it is not supported in the basic message format.
Buttons customization section highlighted with the Primary button name and the optional Secondary button name and link
  1. Configure the required main and additional message settings.
šŸ“˜

Note

To avoid cropped product images in the carousel, use images sized 215 Ɨ 182 px.

More details about creating a Viber message >

Hero Card (optional)

Use the Hero card to display the same information to all contacts. It appears first in the carousel, followed by personalized recommendation cards.

Add hero card button highlighted under the Buttons customization section

Add an image and fill in the following fields for the Hero card:

  • a title (up to 38 characters);
  • the name (up to 10 characters) and link for the primary button;
  • the name (up to 12 characters) and link for the secondary button (optional).
Hero card settings highlighted: image, title, and the names and links of the primary and secondary buttons, with the card shown in the preview
šŸ“˜

Note

In the editor, the preview displays a sample content, not the actual product data. Real products from the Rich Media Carousel will appear when the message is sent to users whose data is found in the selected source. Sending a test message allows you to verify the appearance and structure of the message - including the placement of cards, buttons, and text.

Viber editor with the test mode icon highlighted in the top panel and the sample carousel card framed in the preview


Did this page help you?