> For the complete documentation index, see [llms.txt](https://docs.omnichat.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.omnichat.ai/en/features/marketing/line-imagemap-message.md).

# LINE Imagemap Message

{% hint style="info" %}
After setting up the image-text message, please use the "image-text message card" in the LINE specialized platform robot.

You can refer to the [following steps for the setup process](/en/features/marketing/chatbot-builder/chatbot-setting/chatbot-or-line-only.md)
{% endhint %}

The following are the steps to set up an "Imagemap message"

## Step 1: Select a Layout

<figure><img src="https://2848678129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3u2I1osIy6mEi07X1z46%2Fuploads%2Fy0Et0TH09XQAkT6SLJm4%2F%E6%88%AA%E5%9C%96%202023-05-10%20%E4%B8%8B%E5%8D%886.27.10.png?alt=media&amp;token=70b38c7d-0141-4589-ad96-5b274229de5f" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}

1. Unable to display transparent background, format must be JPEG, JPG, PNG.
2. Allowed image dimensions:\
   \- Square template: 1040 x 1040 px\
   \- Custom template: aspect ratio cannot exceed 3, maximum width 1040 px, maximum height 3120 px.\
   \- File size limit: 10 MB.
   {% endhint %}

## Step 2: Define actions

URL, video, and text message fields are required, while tag field is optional.

{% hint style="info" %}

1. When you need to automatically label a message after clicking on an Imagemap, please enter the label name in the "Tag" field.
2. Automatic tagging can be achieved when the URL is a shortened or redirected link, or when the URL is not a webpage with the Omnichat website plugin.
3. Only one action can be a video, and when one action is a video, the other actions cannot be selected as videos.
4. The video action can support displaying text on the action button, linking to a URL, and automatically adding a tag after clicking the action.
   {% endhint %}

<figure><img src="https://2848678129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3u2I1osIy6mEi07X1z46%2Fuploads%2FPnpW7OgiOhqWoVPosxWJ%2F%E6%88%AA%E5%9C%96%202023-05-11%20%E4%B8%8B%E5%8D%884.33.31.png?alt=media&amp;token=5171c655-4779-4508-a1e1-bf3e5065e83d" alt="" width="563"><figcaption></figcaption></figure>

1. Text message: Set the message content to be sent after clicking, which can be used with "[Keyword AutoReply](/en/features/marketing/keyword-autoreply.md)".
2. URL can be set, but no other text can be included.
3. Video\
   "Upload Video" button: Upload video files.\
   "Action Button Label": Set the label of the video button.\
   Link URL and the tag that will be attached after clicking the button. When creating a tag, be sure to press the "Enter" key to make the original text appear in blue on a white background, so that the tag is successfully created.

## Step 3: Set the topic and preview title

{% hint style="info" %}

1. You can customize the new message notification that appears when their LINE receives an Imagemap message.
2. Omnichat provides an "Edit" field that allows users to customize the preview title of the message.
3. The "Chat list preview title" field has a character limit of 100 characters.
   {% endhint %}

<figure><img src="https://2848678129-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3u2I1osIy6mEi07X1z46%2Fuploads%2F2dITCIaxEJ2pl1uzonuV%2F%E6%88%AA%E5%9C%96%202023-05-11%20%E4%B8%8B%E5%8D%884.49.30.png?alt=media&amp;token=fc7c0ecb-3563-40c1-a0c8-846999de2d71" alt="" width="563"><figcaption></figcaption></figure>

1. Name\
   You can use it when selecting in the "[Bot Builder](/en/features/marketing/chatbot-builder/chatbot-setting/chatbot-or-line-only.md)" list.
2. Preview title on customer massage bar\
   \- You can customize the new message notification that appears when their LINE receives an Imagemap message.\
   \- The "Chat list preview title" field has a character limit of 100 characters.

## Step 4: Click the "Save" button to complete the setup!
