{"id":259,"date":"2022-09-01T15:17:18","date_gmt":"2022-09-01T13:17:18","guid":{"rendered":"https:\/\/support.botnation.ai\/put-text-in-color-bold-italic-or-underlined\/"},"modified":"2026-01-02T15:27:22","modified_gmt":"2026-01-02T14:27:22","slug":"put-text-in-color-bold-italic-or-underlined","status":"publish","type":"support","link":"https:\/\/botnation.ai\/en\/support\/put-text-in-color-bold-italic-or-underlined\/","title":{"rendered":"Put text in color, bold, italic or underlined"},"content":{"rendered":"<p>Use formatting options through HTML style tags to color, center text, bold or underline text<\/p>\n\n\n\n<p>On the BOTNATION web module you can now use tags to format text displayed in your chatbot. This is very useful to highlight important information to your users.<\/p>\n\n\n\n<p>Beware that this <strong>DOES NOT work<\/strong> for <strong>Facebook Messenger <\/strong>which filters tags. These options are only available on the Web and WordPress chatbot module of Botnation.<\/p>\n\n\n\n\n\n<h3 class=\"wp-block-heading\" id=\"voici-des-exemples-\">Examples include:<\/h3>\n\n\n\n<p>&lt;b&gt;<strong>text in bold<\/strong>&lt;\/b&gt;    <\/p>\n\n\n\n<p>Place the tag <b> before your text and <\/b> after your text.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2022\/09\/image-176.png.webp\" alt=\"\" class=\"wp-image-1056\"><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2022\/09\/image-177.png.webp\" alt=\"\" class=\"wp-image-1059\"><\/figure>\n<\/div>\n\n\n<p>&lt;i&gt;<em>text in italics<\/em>&lt;\/i&gt;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2022\/09\/image-178.png.webp\" alt=\"\" class=\"wp-image-1061\"><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2022\/09\/image-179.png.webp\" alt=\"\" class=\"wp-image-1063\"><\/figure>\n<\/div>\n\n\n<p>&lt;u&gt;<u>underlined text<\/u>&lt;\/u&gt;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2022\/09\/image-180.png.webp\" alt=\"\" class=\"wp-image-1065\"><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2022\/09\/image-181.png.webp\" alt=\"\" class=\"wp-image-1067\"><\/figure>\n<\/div>\n\n\n<p>It is also possible to \u201ccumulate\u201d these tags to apply several styles to a text.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2022\/09\/image-182.png.webp\" alt=\"\" class=\"wp-image-1069\"><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2022\/09\/image-183.png.webp\" alt=\"\" class=\"wp-image-1071\"><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"couleurs-\">Colors :<\/h3>\n\n\n\n<p>You can also add colors to display standard warnings or confirmations. It is not possible to customize particular colors outside of these.<\/p>\n\n\n\n<p>&lt;span class=\u201dtext-blue\u201d&gt;blue&lt;\/span&gt;<br>&lt;span class=\u201dtext-grey\u201d&gt;grey&lt;\/span&gt;<br>&lt;span class=\u201dtext-green\u201d&gt;green&lt;\/span&gt;<br>&lt;span class=\u201dtext-red\u201d&gt;red&lt;\/span&gt;<\/p>\n\n\n\n<p>the available colors are :<br>blue, green, yellow, orange, red, violet, grey, black<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><strong>ATTENTION<\/strong><br>These colors are managed by the user\u2019s browser, so the rendering may vary from one browser to another depending on its version and system.<\/p><p><\/p><\/blockquote>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" src=\"https:\/\/botnation.ai\/wp-content\/uploads\/2022\/09\/image-184.png.webp\" alt=\"\" class=\"wp-image-1073\"><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"h_1cb1dc14b4\">Centering text :<\/h3>\n\n\n\n<p>It is also possible to center the text of your messages using the <\/p>\n\n\n\n<p>Example:<br>&lt;center&gt;My Text&lt;\/center&gt;<\/p>\n\n\n\n<p>These options only work for text, not buttons, but don\u2019t forget that it\u2019s also possible to embed as many emojis as you want in your text \ud83d\ude0e\ud83d\udc4d<\/p>\n\n\n","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":false},"categorie-support":[194,198,221],"class_list":["post-259","support","type-support","status-publish","hentry","categorie-support-features","categorie-support-tutorials","categorie-support-web-chatbot-en"],"acf":[],"_links":{"self":[{"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/support\/259","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/support"}],"about":[{"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/types\/support"}],"wp:attachment":[{"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/media?parent=259"}],"wp:term":[{"taxonomy":"categorie-support","embeddable":true,"href":"https:\/\/botnation.ai\/en\/wp-json\/wp\/v2\/categorie-support?post=259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}