Personalized images

circle-check

Personalized images are custom illustrations or thumbnails that can be uniquely adapted for each user in your project. This customization typically involves modifying specific elements, such as text, to serve different purposes—for instance, displaying a user's name within the image to increase engagement.

Let’s create one together.

Creating a personalized image

To create a personalized image, you will need to use the certificate builder. You can access it from the course creation section.

In the certificate builder, you can configure personalized images to be distributed via a chatbot.

Step 1: Set Up the Certificate and Its Text

  1. Click "Create Certificate."

  2. Upload your chosen image as the certificate template.

circle-check

Now go to the certificate settings and arrange the necessary elements in the order you want:

Enter the placeholder for the recipient's name (which will be dynamically replaced via the chatbot), along with any additional text you want to appear on the image. You can also configure other display settings here.

The certificate builder offers flexibility: feel free to experiment with different colors, fonts, images, and other design elements.

To deliver these personalized images, you will need to use a chatbot function within a messenger that is integrated with the MaviBot system.

Sending a file via chatbot

Go to the chatbot workflow where you want to send personalized images. There, you will need to use the function: get_custom_image(image_id, name_on_image, avatar)

circle-exclamation

Please note

Parameter
Description

! image_id

Image ID

! name_on_image

user name

avatar

user avatar If you need to include a personalized image, pass the value "1".

You can find the image ID here:

As an example, let’s use a simple chatbot workflow that will send an image in the chat:

So, in the second block, we’ll ask the client for their name, and in the arrow settings leading to the third block, we’ll specify that the user is entering data and save their name into a variable:

In the final workflow block responsible for sending the image, insert the function into the calculator field. Use the following format, including the image_id and your name variable.

circle-exclamation

Please note

circle-check

Variable naming rules

Note that we used the syntax #{full_name} to dynamically insert the value provided by the user into the variable.

As a result, the images sent in the chat will be personalized with the name the user entered during the conversation.

Last updated