{"id":1123,"date":"2021-04-30T10:49:34","date_gmt":"2021-04-30T08:49:34","guid":{"rendered":"https:\/\/pumble.com\/help\/?p=1123"},"modified":"2025-12-30T14:04:51","modified_gmt":"2025-12-30T13:04:51","slug":"format-messages","status":"publish","type":"post","link":"https:\/\/pumble.com\/help\/de\/using-pumble\/format-and-style-messages\/format-messages\/","title":{"rendered":"Nachrichten formatieren"},"content":{"rendered":"\n<p>In Pumble, you can format your messages to emphasize important information, add detail, or clarify what&#8217;s been communicated. Message formatting is very easily implemented from the message toolbar in the message field. Once you hover over the the formatting type button, a tooltip will appear with the name of the formatting type and its shortcut (e.g. bold, cmd+b).  <\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"538\" height=\"338\" src=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.10.53.png\" alt=\"\" class=\"wp-image-7845\" style=\"width:212px;height:auto\" srcset=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.10.53.png 538w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.10.53-300x188.png 300w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.10.53-18x12.png 18w\" sizes=\"auto, (max-width: 538px) 100vw, 538px\" \/><\/figure>\n\n\n\n<p>In Pumble, the following formatting options are available:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Bold<\/li>\n\n\n\n<li>Italic<\/li>\n\n\n\n<li>Strikethrough<\/li>\n\n\n\n<li>Code<\/li>\n\n\n\n<li>Quote block<\/li>\n\n\n\n<li>Code block<\/li>\n\n\n\n<li>Ordered list<\/li>\n\n\n\n<li>Bulleted list<\/li>\n\n\n\n<li>Hyperlinks<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-ub-tabbed-content wp-block-ub-tabbed-content-holder wp-block-ub-tabbed-content-horizontal-holder-mobile wp-block-ub-tabbed-content-horizontal-holder-tablet\" id=\"ub-tabbed-content-cf79a668-af3c-4d3c-82af-8a2b98e9fc0f\" style=\"\">\n\t\t\t<div class=\"wp-block-ub-tabbed-content-tab-holder horizontal-tab-width-mobile horizontal-tab-width-tablet\">\n\t\t\t\t<div role=\"tablist\" class=\"wp-block-ub-tabbed-content-tabs-title wp-block-ub-tabbed-content-tabs-title-mobile-horizontal-tab wp-block-ub-tabbed-content-tabs-title-tablet-horizontal-tab\" style=\"justify-content: flex-start; \"><div role=\"tab\" id=\"ub-tabbed-content-cf79a668-af3c-4d3c-82af-8a2b98e9fc0f-tab-0\" aria-controls=\"ub-tabbed-content-cf79a668-af3c-4d3c-82af-8a2b98e9fc0f-panel-0\" aria-selected=\"false\" class=\"wp-block-ub-tabbed-content-tab-title-wrap\" style=\"--ub-tabbed-active-title-color: inherit; --ub-tabbed-active-title-background-color: #eeeeee; text-align: center; \" tabindex=\"-1\">\n\t\t\t\t<div class=\"wp-block-ub-tabbed-content-tab-title\">Desktop\/Web<\/div>\n\t\t\t<\/div><div role=\"tab\" id=\"ub-tabbed-content-cf79a668-af3c-4d3c-82af-8a2b98e9fc0f-tab-1\" aria-controls=\"ub-tabbed-content-cf79a668-af3c-4d3c-82af-8a2b98e9fc0f-panel-1\" aria-selected=\"true\" class=\"wp-block-ub-tabbed-content-tab-title-wrap active\" style=\"--ub-tabbed-title-background-color: #eeeeee; --ub-tabbed-active-title-color: inherit; --ub-tabbed-active-title-background-color: #eeeeee; text-align: left; \" tabindex=\"-1\">\n\t\t\t\t<div class=\"wp-block-ub-tabbed-content-tab-title\">iOS\/Android<\/div>\n\t\t\t<\/div><\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"wp-block-ub-tabbed-content-tabs-content\" style=\"\"><div role=\"tabpanel\" class=\"wp-block-ub-tabbed-content-tab-content-wrap ub-hide\" id=\"ub-tabbed-content-cf79a668-af3c-4d3c-82af-8a2b98e9fc0f-panel-0\" aria-labelledby=\"ub-tabbed-content-cf79a668-af3c-4d3c-82af-8a2b98e9fc0f-tab-0\" tabindex=\"0\">\n\n<h3 class=\"wp-block-heading translation-block\">Bold<\/h3>\n\n\n\n<p>Bold is mainly used to emphasize the text or make it stand out in some way. <\/p>\n\n\n\n<p>To format the text in bold, click the bold button from the formatting toolbar, or use shortcut <kbd>Ctrl\/Cmd + b<\/kbd> and start typing the text. The text will be bolded.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1144\" height=\"240\" src=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-12.54.33.png\" alt=\"\" class=\"wp-image-7836\" style=\"aspect-ratio:4.748502994011976;width:521px;height:auto\" srcset=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-12.54.33.png 1144w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-12.54.33-300x63.png 300w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-12.54.33-1024x215.png 1024w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-12.54.33-768x161.png 768w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-12.54.33-18x4.png 18w\" sizes=\"auto, (max-width: 1144px) 100vw, 1144px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading translation-block\">Italic<\/h3>\n\n\n\n<p>To format the text in italics, click the italics button from the formatting toolbar, or use shortcut <kbd>Ctrl\/Cmd + i<\/kbd> and start typing the text. The text will be italicized.<\/p>\n\n\n\n<h3 class=\"wp-block-heading translation-block\">Strikethrough<\/h3>\n\n\n\n<p>You can use this type of formatting for types of texts that are outdated or deprecated in some way, but shouldn&#8217;t be deleted.\u00a0<\/p>\n\n\n\n<p>Click the strikethrough button from the formatting toolbar and start typing the text, or use shortcut <kbd>Ctrl\/Cmd + Shift + x<\/kbd>. The text will be crossed out.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1138\" height=\"240\" src=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-12.55.45.png\" alt=\"\" class=\"wp-image-7838\" style=\"aspect-ratio:4.668639053254438;width:544px;height:auto\" srcset=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-12.55.45.png 1138w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-12.55.45-300x63.png 300w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-12.55.45-1024x216.png 1024w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-12.55.45-768x162.png 768w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-12.55.45-18x4.png 18w\" sizes=\"auto, (max-width: 1138px) 100vw, 1138px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading translation-block\">Code<\/h3>\n\n\n\n<p>Use this type of formatting to differentiate the code from the rest of the text.<\/p>\n\n\n\n<p>To format text in code, click the formatting button in the toolbar at the bottom right corner and then choose the code formatting option. Now, when you type in text in the message field, it will be displayed in the code formatting style.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1948\" height=\"240\" src=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-12.57.42.png\" alt=\"\" class=\"wp-image-7839\" style=\"width:688px;height:auto\" srcset=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-12.57.42.png 1948w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-12.57.42-300x37.png 300w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-12.57.42-1024x126.png 1024w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-12.57.42-768x95.png 768w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-12.57.42-1536x189.png 1536w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-12.57.42-18x2.png 18w\" sizes=\"auto, (max-width: 1948px) 100vw, 1948px\" \/><\/figure>\n\n\n\n<p>To format your messages in the desktop application, you can also use markup and surround the text with characters associated with the format.<\/p>\n\n\n\n<p class=\"translation-block\">To format text in code by using markup, type <strong>backticks<\/strong> before and after the text you\u2019d like to be in the code block.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1944\" height=\"234\" src=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.00.55.png\" alt=\"\" class=\"wp-image-7840\" style=\"width:695px;height:auto\" srcset=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.00.55.png 1944w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.00.55-300x36.png 300w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.00.55-1024x123.png 1024w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.00.55-768x92.png 768w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.00.55-1536x185.png 1536w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.00.55-18x2.png 18w\" sizes=\"auto, (max-width: 1944px) 100vw, 1944px\" \/><\/figure>\n\n\n\n<p>If you copy the code from Pumble and then paste it in some other text editor, the code text formatting will be saved.<\/p>\n\n\n\n<h3 class=\"wp-block-heading translation-block\">Quote block<\/h3>\n\n\n\n<p>With the quote block option, you can mark the difference between direct quotes and the rest of the text. You can use it to give a shout out to someone, or be specific about a piece of information that was shared with you.\u00a0<\/p>\n\n\n\n<p>To use quote block, click the formatting button at the bottom left corner and then choose the code option from the ones listed.<\/p>\n\n\n\n<p>Formatted text should look like this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1140\" height=\"238\" src=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.02.50.png\" alt=\"\" class=\"wp-image-7841\" style=\"aspect-ratio:4.88125;width:582px;height:auto\" srcset=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.02.50.png 1140w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.02.50-300x63.png 300w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.02.50-1024x214.png 1024w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.02.50-768x160.png 768w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.02.50-18x4.png 18w\" sizes=\"auto, (max-width: 1140px) 100vw, 1140px\" \/><\/figure>\n\n\n\n<p class=\"translation-block\">To display text as quote block by using markup type an <strong>angled bracket<\/strong> <strong>&gt;<\/strong> in front of the text you\u2019d like to be displayed as blocked code,\u00a0e.g. &gt;This is an example of quote block formatting.<\/p>\n\n\n\n<h3 class=\"wp-block-heading translation-block\">Code block<\/h3>\n\n\n\n<p>Use code blocks to highlight longer blocks of code.\u00a0<\/p>\n\n\n\n<p>To write a piece of code in code block, you can click the formatting button at the bottom left corner and then choose the code block option from the ones listed.<\/p>\n\n\n\n<p>The text formatted in the code block should look like this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1140\" height=\"548\" src=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.05.56.png\" alt=\"\" class=\"wp-image-7842\" style=\"width:410px;height:auto\" srcset=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.05.56.png 1140w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.05.56-300x144.png 300w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.05.56-1024x492.png 1024w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.05.56-768x369.png 768w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.05.56-18x9.png 18w\" sizes=\"auto, (max-width: 1140px) 100vw, 1140px\" \/><\/figure>\n\n\n\n<p class=\"translation-block\">To use markup to type your text in a code block, start your message with <strong>triple backticks<\/strong> and formatting will change automatically.\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading translation-block\">Ordered list<\/h3>\n\n\n\n<p>With the ordered list, you can use numbers and letters and make lists that can go up to four levels deep.<\/p>\n\n\n\n<p>To make an ordered list, click the formatting button at the bottom left corner and then choose the ordered list option from the ones that are available.<\/p>\n\n\n\n<p>The list that goes four levels deep looks like this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1148\" height=\"420\" src=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.07.31.png\" alt=\"\" class=\"wp-image-7843\" style=\"width:497px;height:auto\" srcset=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.07.31.png 1148w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.07.31-300x110.png 300w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.07.31-1024x375.png 1024w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.07.31-768x281.png 768w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.07.31-18x7.png 18w\" sizes=\"auto, (max-width: 1148px) 100vw, 1148px\" \/><\/figure>\n\n\n\n<p class=\"translation-block\">In front of the text, type in <strong>1<\/strong> and a <strong>period<\/strong> and then enter <strong>space<\/strong>. You will get a numbered list option, so if you press shift+enter and go to the new line, the new number will automatically be displayed.\u00a0To indent a line, press <strong>Tab.<\/strong><\/p>\n\n\n\n<p class=\"tip translation-block\">Use <strong>Enter<\/strong> + <strong>Shift<\/strong> for new line and <strong>Tab<\/strong> for indentation.<\/p>\n\n\n\n<h3 class=\"wp-block-heading translation-block\">Bulleted list<\/h3>\n\n\n\n<p>Just like with the ordered list, with bullet points you are making a list, but the order of the items in it is irrelevant.<\/p>\n\n\n\n<p>To make a bulleted list click the formatting button at the bottom left corner and then choose the bulleted order option from the ones listed.\u00a0<\/p>\n\n\n\n<p>The text should look like this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1144\" height=\"462\" src=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.08.24.png\" alt=\"\" class=\"wp-image-7844\" style=\"width:494px;height:auto\" srcset=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.08.24.png 1144w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.08.24-300x121.png 300w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.08.24-1024x414.png 1024w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.08.24-768x310.png 768w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-10-at-13.08.24-18x7.png 18w\" sizes=\"auto, (max-width: 1144px) 100vw, 1144px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading translation-block\">Hyperlinks<\/h3>\n\n\n\n<p class=\"translation-block\">To add hyperlink, click on the hyperlink icon (or type <kbd>Ctrl\/Cmd + Shift + U<\/kbd>), add text and the URL and click Save. Alternatively, highlight the text you want to hyperlink, click on the hyperlink icon (or type <kbd>Ctrl\/Cmd + Shift + U<\/kbd>), add the link in the link field and click Save.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"782\" height=\"250\" src=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2021\/04\/Screenshot-2024-04-10-at-10.25.29.png\" alt=\"\" class=\"wp-image-7831\" style=\"width:384px;height:auto\" srcset=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2021\/04\/Screenshot-2024-04-10-at-10.25.29.png 782w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2021\/04\/Screenshot-2024-04-10-at-10.25.29-300x96.png 300w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2021\/04\/Screenshot-2024-04-10-at-10.25.29-768x246.png 768w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2021\/04\/Screenshot-2024-04-10-at-10.25.29-18x6.png 18w\" sizes=\"auto, (max-width: 782px) 100vw, 782px\" \/><\/figure>\n\n\n\n<p>To insert a hyperlink from your clipboard into the message editor, simply use the shortcut <kbd>Ctrl\/Cmd + V<\/kbd> to paste the hyperlink. This will automatically format the text as a clickable link.<\/p>\n\n\n\n<h3 class=\"wp-block-heading translation-block\">Display action text<\/h3>\n\n\n\n<p class=\"translation-block\">To display action text, enter <code>\/me [text]<\/code> in the message editor and press enter. The text you provide will be formatted in italic.<\/p>\n\n\n\n<h3 class=\"wp-block-heading translation-block\">Shrug text<\/h3>\n\n\n\n<p class=\"translation-block\">To add a shrug to your text, enter <code>\/shrug [text]<\/code> in the message editor and press enter. A shrug will be inserted next to the text you provide.<\/p>\n\n\n\n<h3 class=\"wp-block-heading translation-block\">Emojis<\/h3>\n\n\n\n<p>Additionally to all the formatting types mentioned above, you can also add different types of emojis to the message you\u2019re typing and choose your default skin tone from the ones that are available.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1057\" height=\"852\" src=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-02-at-13.54.09.png\" alt=\"\" class=\"wp-image-7716\" style=\"width:440px;height:auto\" srcset=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-02-at-13.54.09.png 1057w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-02-at-13.54.09-300x242.png 300w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-02-at-13.54.09-1024x825.png 1024w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-02-at-13.54.09-768x619.png 768w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/04\/Screenshot-2024-04-02-at-13.54.09-15x12.png 15w\" sizes=\"auto, (max-width: 1057px) 100vw, 1057px\" \/><\/figure>\n\n\n\n<p class=\"tip translation-block\">If you are typing a long message, you can expand the message window by clicking the expand button in the upper right corner or by using the shortcut <code>Ctrl\/Cmd + Shift + E<\/code>.  <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"125\" src=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2021\/04\/expand_button_pumble-1024x125.png\" alt=\"\" class=\"wp-image-11035\" srcset=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2021\/04\/expand_button_pumble-1024x125.png 1024w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2021\/04\/expand_button_pumble-300x37.png 300w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2021\/04\/expand_button_pumble-768x94.png 768w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2021\/04\/expand_button_pumble-1536x188.png 1536w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2021\/04\/expand_button_pumble-2048x251.png 2048w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2021\/04\/expand_button_pumble-18x2.png 18w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<\/div><div role=\"tabpanel\" class=\"wp-block-ub-tabbed-content-tab-content-wrap active\" id=\"ub-tabbed-content-cf79a668-af3c-4d3c-82af-8a2b98e9fc0f-panel-1\" aria-labelledby=\"ub-tabbed-content-cf79a668-af3c-4d3c-82af-8a2b98e9fc0f-tab-1\" tabindex=\"0\">\n\n<h3 class=\"wp-block-heading translation-block\">Bold<\/h3>\n\n\n\n<p>Bold is mainly used to emphasize the text, or make it stand out in some way. <\/p>\n\n\n\n<p class=\"translation-block\">To format the text in bold, tap on <strong>Aa<\/strong> button an then tap the bold button from the formatting toolbar and start typing the text. The text will be bolded.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1242\" height=\"286\" src=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSbold.jpg\" alt=\"\" class=\"wp-image-7329\" style=\"width:443px;height:auto\" srcset=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSbold.jpg 1242w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSbold-300x69.jpg 300w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSbold-1024x236.jpg 1024w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSbold-768x177.jpg 768w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSbold-18x4.jpg 18w\" sizes=\"auto, (max-width: 1242px) 100vw, 1242px\" \/><\/figure>\n\n\n\n<p class=\"translation-block\">Mobile app also supports markup for formatting your messages. So, you can bold out your text by putting the <strong>asterisks<\/strong> at the beginning and the end. <\/p>\n\n\n\n<p>e.g. *This is an example of how to bold out text with markup.*<\/p>\n\n\n\n<h3 class=\"wp-block-heading translation-block\">Italic<\/h3>\n\n\n\n<p class=\"translation-block\">To format the text in italics, tap on <strong>Aa<\/strong> button an then tap the italics button from the formatting toolbar and start typing the text. The text will be italicized.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1242\" height=\"278\" src=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSitalic.jpg\" alt=\"\" class=\"wp-image-7331\" style=\"width:464px;height:auto\" srcset=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSitalic.jpg 1242w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSitalic-300x67.jpg 300w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSitalic-1024x229.jpg 1024w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSitalic-768x172.jpg 768w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSitalic-18x4.jpg 18w\" sizes=\"auto, (max-width: 1242px) 100vw, 1242px\" \/><\/figure>\n\n\n\n<p class=\"translation-block\">You can also use markup to format the text in italics by surrounding it with <strong>underscores<\/strong>.<\/p>\n\n\n\n<p>e.g. _This is an example of how to italicize text with markup._ <\/p>\n\n\n\n<h3 class=\"wp-block-heading translation-block\">Strikethrough<\/h3>\n\n\n\n<p>Strikethrough is mainly used for types of texts that are outdated or deprecated in some way, but shouldn&#8217;t be deleted.\u00a0<\/p>\n\n\n\n<p class=\"translation-block\">Tap on <strong>Aa<\/strong> button an then tap the strikethrough button from the formatting toolbar and start typing the text. The text will be crossed out.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1242\" height=\"359\" src=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSstrike.jpg\" alt=\"\" class=\"wp-image-7332\" style=\"width:445px;height:auto\" srcset=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSstrike.jpg 1242w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSstrike-300x87.jpg 300w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSstrike-1024x296.jpg 1024w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSstrike-768x222.jpg 768w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSstrike-18x5.jpg 18w\" sizes=\"auto, (max-width: 1242px) 100vw, 1242px\" \/><\/figure>\n\n\n\n<p class=\"translation-block\">You can also use markup to format your text with strikethrough by surrounding it with <strong>tildes<\/strong>. <\/p>\n\n\n\n<p>e.g. ~This is an example of how to strikethrough your text with markup.~<\/p>\n\n\n\n<h3 class=\"wp-block-heading translation-block\">Code<\/h3>\n\n\n\n<p>Use this type of formatting to differentiate the code from the rest of the text.<\/p>\n\n\n\n<p class=\"translation-block\">To format the text in code, tap on <strong>Aa<\/strong> button an then tap the formatting button in the toolbar at the bottom right corner and then choose the code formatting option. Now, when you type in text in the message field, it will be displayed in the code formatting style.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1242\" height=\"333\" src=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOScode.jpg\" alt=\"\" class=\"wp-image-7333\" style=\"width:473px;height:auto\" srcset=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOScode.jpg 1242w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOScode-300x80.jpg 300w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOScode-1024x275.jpg 1024w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOScode-768x206.jpg 768w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOScode-18x5.jpg 18w\" sizes=\"auto, (max-width: 1242px) 100vw, 1242px\" \/><\/figure>\n\n\n\n<p>To format your messages in the mobile app, you can also use markup and surround the text with characters associated with the format.<\/p>\n\n\n\n<p class=\"translation-block\">If you&#8217;d like to use markup, type <strong>backticks<\/strong> before and after the text.<\/p>\n\n\n\n<h3 class=\"wp-block-heading translation-block\">Quote block<\/h3>\n\n\n\n<p>Use quote block option, to mark the difference between direct quotes and the rest of the text. You can give a shout out to someone, or be specific about a piece of information that was shared with you.\u00a0<\/p>\n\n\n\n<p class=\"translation-block\">To use quote block, tap on <strong>Aa<\/strong> button an then tap the formatting button at the bottom left corner and then choose the code option from the ones listed.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1242\" height=\"295\" src=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSquote.jpg\" alt=\"\" class=\"wp-image-7334\" style=\"width:488px;height:auto\" srcset=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSquote.jpg 1242w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSquote-300x71.jpg 300w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSquote-1024x243.jpg 1024w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSquote-768x182.jpg 768w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSquote-18x4.jpg 18w\" sizes=\"auto, (max-width: 1242px) 100vw, 1242px\" \/><\/figure>\n\n\n\n<p class=\"translation-block\">If you&#8217;d like to use markup, type an <strong>angled bracket<\/strong> <strong>&gt;<\/strong> in front of the text you\u2019d like to be displayed as blocked code.<\/p>\n\n\n\n<p>e.g. &gt;This is an example of quote formatting.<\/p>\n\n\n\n<h3 class=\"wp-block-heading translation-block\">Code block<\/h3>\n\n\n\n<p class=\"translation-block\">Code blocks can be used to highlight longer blocks of code.\u00a0Tap on <strong>Aa<\/strong> button an then tap on the formatting button at the bottom left corner and then choose the code block option from the ones listed.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1242\" height=\"345\" src=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOScodeblock.jpg\" alt=\"\" class=\"wp-image-7336\" style=\"width:500px;height:auto\" srcset=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOScodeblock.jpg 1242w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOScodeblock-300x83.jpg 300w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOScodeblock-1024x284.jpg 1024w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOScodeblock-768x213.jpg 768w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOScodeblock-18x5.jpg 18w\" sizes=\"auto, (max-width: 1242px) 100vw, 1242px\" \/><\/figure>\n\n\n\n<p class=\"translation-block\">To use markup, start your message with <strong>triple backticks<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading translation-block\">Hyperlinks<\/h3>\n\n\n\n<p>To add hyperlink on iOS, tap on the hyperlink icon, add text and the URL and tap Save. Alternatively, highlight the text you want to hyperlink, tap on the hyperlink icon, add the link in the link field and tap Save.\u00a0<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"510\" height=\"594\" src=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/08\/Screenshot-2024-08-22-at-15.39.44.png\" alt=\"\" class=\"wp-image-8561\" style=\"width:224px;height:auto\" srcset=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/08\/Screenshot-2024-08-22-at-15.39.44.png 510w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/08\/Screenshot-2024-08-22-at-15.39.44-258x300.png 258w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/08\/Screenshot-2024-08-22-at-15.39.44-10x12.png 10w\" sizes=\"auto, (max-width: 510px) 100vw, 510px\" \/><\/figure>\n\n\n\n<p>To add hyperlink on Android, tap on the hyperlink icon, add text and the URL and tap Save. Alternatively, select the text in the message editor\u00a0 you want to hyperlink, tap on the hyperlink icon, add the link in the link field and tap Save.\u00a0<\/p>\n\n\n\n<h3 class=\"wp-block-heading translation-block\">Emojis<\/h3>\n\n\n\n<p>Additionally to all the formatting types mentioned above, you can also add different types of emojis to the message you\u2019re typing and choose your default skin tone from the ones that are available.<\/p>\n\n\n\n<p class=\"note\">There are slight differences when it comes to picking skin tone on the iOS and Android devices.<\/p>\n\n\n\n<h4 class=\"wp-block-heading translation-block\">iOS <\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li class=\"translation-block\">Tap on the <strong>emoji icon<\/strong> from the keyboard<\/li>\n\n\n\n<li>Choose emoji that supports different skin tones <\/li>\n\n\n\n<li>Press and hold it <\/li>\n\n\n\n<li>Choose the skin tone from those available<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1242\" height=\"1191\" src=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSemo.jpg\" alt=\"\" class=\"wp-image-7337\" style=\"width:293px;height:auto\" srcset=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSemo.jpg 1242w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSemo-300x288.jpg 300w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSemo-1024x982.jpg 1024w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSemo-768x736.jpg 768w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSemo-13x12.jpg 13w\" sizes=\"auto, (max-width: 1242px) 100vw, 1242px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1242\" height=\"1473\" src=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSemos.jpg\" alt=\"\" class=\"wp-image-7338\" style=\"width:296px;height:auto\" srcset=\"https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSemos.jpg 1242w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSemos-253x300.jpg 253w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSemos-863x1024.jpg 863w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSemos-768x911.jpg 768w, https:\/\/pumble.com\/help\/wp-content\/uploads\/2024\/03\/Image-from-iOSemos-10x12.jpg 10w\" sizes=\"auto, (max-width: 1242px) 100vw, 1242px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading translation-block\">Android <\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li class=\"translation-block\">Tap on the <strong>emoji icon<\/strong> from the toolbar<\/li>\n\n\n\n<li>Tap and hold the emoji that supports different skin tones <\/li>\n\n\n\n<li>Press and hold it<\/li>\n\n\n\n<li>Choose the skin tone from those available<\/li>\n<\/ol>\n\n\n\n<p>You can also use the workflow available of the iOS as well.    <\/p>\n\n<\/div><\/div>\n\t\t<\/div>\n\n\n<div class=\"wp-block-group related-articles\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading translation-block\">Related Articles<\/h3>\n\n\n\n<ul class=\"wp-block-list related-articles-list\">\n<li class=\"translation-block\"><a href=\"https:\/\/pumble.com\/help\/using-pumble\/messages\/send-and-read-messages\/\">Send and Read messages<\/a><\/li>\n\n\n\n<li class=\"translation-block\"><a href=\"https:\/\/pumble.com\/help\/using-pumble\/messages\/edit-or-delete-messages\/\">Edit or Delete Messages<\/a><\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"In Pumble, you can format your messages to emphasize important information, add &#8230;","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_helpful_status":1,"_searchwp_excluded":"","footnotes":""},"categories":[75],"tags":[],"class_list":["post-1123","post","type-post","status-publish","format-standard","hentry","category-format-and-style-messages"],"acf":[],"featured_image_src":null,"author_info":{"display_name":"jovana","author_link":"https:\/\/pumble.com\/help\/de\/author\/jovana\/"},"_links":{"self":[{"href":"https:\/\/pumble.com\/help\/de\/wp-json\/wp\/v2\/posts\/1123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pumble.com\/help\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pumble.com\/help\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pumble.com\/help\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/pumble.com\/help\/de\/wp-json\/wp\/v2\/comments?post=1123"}],"version-history":[{"count":144,"href":"https:\/\/pumble.com\/help\/de\/wp-json\/wp\/v2\/posts\/1123\/revisions"}],"predecessor-version":[{"id":12228,"href":"https:\/\/pumble.com\/help\/de\/wp-json\/wp\/v2\/posts\/1123\/revisions\/12228"}],"wp:attachment":[{"href":"https:\/\/pumble.com\/help\/de\/wp-json\/wp\/v2\/media?parent=1123"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pumble.com\/help\/de\/wp-json\/wp\/v2\/categories?post=1123"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pumble.com\/help\/de\/wp-json\/wp\/v2\/tags?post=1123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}