<?php
$pageTitle = "WhatsApp Bold, Italic & Text Formatter — Format Messages Instantly";
$pageDesc  = "Bold, italic, strikethrough, monospace — format your WhatsApp messages in one click. Type, format, copy and paste into WhatsApp. Free, no sign-up.";
$root = rtrim($_SERVER['DOCUMENT_ROOT'], '/');
include $root . "/includes/header.php";
?>
<link rel="canonical" href="https://fidusflo.com/tools/whatsapp-text-formatter">




<main>
<div class="tool-wrap">

  <div class="tools-breadcrumb">
    <a href="/tools/">All Tools</a>
    <span>/</span>
    <span>WhatsApp Text Formatter</span>
  </div>

  <div class="tool-hero reveal">
    <div class="kicker">FREE TOOL · NO SIGN-UP</div>
    <h1>WhatsApp Text Formatter</h1>
    <p>Bold, italic, strikethrough, monospace — format any WhatsApp message in one click. Select text, click a format, copy and paste straight into WhatsApp.</p>
  </div>

  <div class="tool-card reveal">

    <!-- TOOLBAR -->
    <div class="fmt-toolbar" id="toolbar">
      <button class="fmt-btn" data-wrap="*" title="Bold (Ctrl+B)" onclick="applyFormat('*')">
        <strong>B</strong> <span class="label">*bold*</span>
      </button>
      <button class="fmt-btn" data-wrap="_" title="Italic (Ctrl+I)" onclick="applyFormat('_')">
        <em>I</em> <span class="label">_italic_</span>
      </button>
      <button class="fmt-btn" data-wrap="~" title="Strikethrough" onclick="applyFormat('~')">
        <s>S</s> <span class="label">~text~</span>
      </button>
      <button class="fmt-btn" data-wrap="`" title="Monospace" onclick="applyFormat('`')">
        <code class="u-i-d02e7afb">M</code> <span class="label">`code`</span>
      </button>
      <div class="fmt-sep"></div>
      <button class="fmt-btn" data-prefix="```" data-suffix="```" title="Code block" onclick="applyBlock('```','```')">
        <code class="u-i-a08e0396">{ }</code> <span class="label">block</span>
      </button>
      <button class="fmt-btn" data-prefix="> " title="Quote" onclick="applyLinePrefix('> ')">
        <span class="u-i-a4a66880">❝</span> <span class="label">quote</span>
      </button>
      <button class="fmt-btn" data-prefix="- " title="Bullet list" onclick="applyLinePrefix('- ')">
        <span class="u-i-b84c7dfa">≡</span> <span class="label">list</span>
      </button>
      <div class="fmt-sep"></div>
      <button class="fmt-btn" title="Clear all formatting" onclick="clearFormatting()" class="u-i-f7b8974f">
        ✕ Clear format
      </button>
    </div>

    <!-- EDITOR -->
    <div class="editor-wrap">
      <label class="field-label" for="editor">Your Message</label>
      <textarea id="editor" placeholder="Type your message here… or select any text and click a format button above."></textarea>
      <div class="char-count" id="char-count">0</div>
    </div>

    <!-- PREVIEW -->
    <div class="preview-section">
      <div class="preview-header">
        <div class="preview-label">Preview</div>
        <div class="preview-tabs">
          <button class="preview-tab active" onclick="switchTab('chat')">WhatsApp</button>
          <button class="preview-tab" onclick="switchTab('raw')">Raw text</button>
        </div>
      </div>

      <!-- WhatsApp chat bubble -->
      <div class="wa-phone visible" id="tab-chat">
        <div class="clearfix">
          <div class="wa-bubble">
            <div class="wa-bubble-text" id="wa-preview">Your formatted message will appear here.</div>
            <div class="wa-bubble-time">now ✓✓</div>
          </div>
        </div>
      </div>

      <!-- Raw text -->
      <div class="raw-preview" id="tab-raw"></div>
    </div>

    <!-- COPY ACTIONS -->
    <div class="copy-row">
      <button class="btn-copy-main" onclick="copyFormatted()">📋 Copy Formatted Text</button>
      <button class="btn-clear" onclick="clearAll()">✕ Clear</button>
    </div>

    <!-- QUICK EXAMPLES -->
    <div class="examples-section">
      <div class="examples-title">Quick examples — click to load</div>
      <div class="example-chips">
        <button class="example-chip" onclick="loadExample('followup')">📞 Follow-up message</button>
        <button class="example-chip" onclick="loadExample('invoice')">📄 Invoice reminder</button>
        <button class="example-chip" onclick="loadExample('welcome')">👋 Welcome message</button>
        <button class="example-chip" onclick="loadExample('offer')">🎯 Special offer</button>
        <button class="example-chip" onclick="loadExample('appointment')">📅 Appointment confirm</button>
      </div>
    </div>

  </div><!-- /tool-card -->

  <!-- CHEATSHEET -->
  <div class="cheatsheet reveal">
    <h2>WhatsApp formatting cheat sheet</h2>
    <div class="cs-grid">
      <div class="cs-row">
        <div class="cs-syntax">*your text*</div>
        <div class="cs-arrow">→</div>
        <div class="cs-result"><b>your text</b></div>
        <div class="cs-shortcut">Ctrl+B</div>
      </div>
      <div class="cs-row">
        <div class="cs-syntax">_your text_</div>
        <div class="cs-arrow">→</div>
        <div class="cs-result"><i>your text</i></div>
        <div class="cs-shortcut">Ctrl+I</div>
      </div>
      <div class="cs-row">
        <div class="cs-syntax">~your text~</div>
        <div class="cs-arrow">→</div>
        <div class="cs-result"><s>your text</s></div>
        <div class="cs-shortcut">—</div>
      </div>
      <div class="cs-row">
        <div class="cs-syntax">`your text`</div>
        <div class="cs-arrow">→</div>
        <div class="cs-result"><code>your text</code></div>
        <div class="cs-shortcut">—</div>
      </div>
      <div class="cs-row">
        <div class="cs-syntax">```block```</div>
        <div class="cs-arrow">→</div>
        <div class="cs-result"><code>code block</code></div>
        <div class="cs-shortcut">—</div>
      </div>
      <div class="cs-row">
        <div class="cs-syntax">> your text</div>
        <div class="cs-arrow">→</div>
        <div class="cs-result u-i-b0438f31">quoted text</div>
        <div class="cs-shortcut">—</div>
      </div>
      <div class="cs-row">
        <div class="cs-syntax">- item</div>
        <div class="cs-arrow">→</div>
        <div class="cs-result">• bullet list</div>
        <div class="cs-shortcut">—</div>
      </div>
      <div class="cs-row">
        <div class="cs-syntax">*_combined_*</div>
        <div class="cs-arrow">→</div>
        <div class="cs-result"><b><i>bold italic</i></b></div>
        <div class="cs-shortcut">—</div>
      </div>
    </div>
    <p class="u-i-b33d0256">
      Formatting only works in WhatsApp — the symbols are invisible to the reader, and the text appears styled. Combinations work: <code class="u-i-44cd595f">*_bold italic_*</code> renders as <strong><em>bold italic</em></strong>.
    </p>
  </div>

  <!-- FAQ -->
  <div class="faq-section reveal">
    <h2>Common questions</h2>
    <div class="faq">
      <details>
        <summary>Why isn't my WhatsApp text showing as bold / italic?</summary>
        <p>WhatsApp formatting only works when the symbols directly touch the text — no space between the symbol and the first/last character. <code>* bold *</code> won't work. <code>*bold*</code> will. Also make sure you're on an updated version of WhatsApp.</p>
      </details>
      <details>
        <summary>Does formatting work in WhatsApp Status and Group messages?</summary>
        <p>Yes — bold, italic, strikethrough and monospace all work in individual chats, group messages, and WhatsApp Status. The same formatting codes apply everywhere in WhatsApp.</p>
      </details>
      <details>
        <summary>Can I combine bold and italic?</summary>
        <p>Yes. Use <code>*_text_*</code> for bold italic. You can nest formatting symbols — just make sure they close in reverse order: open bold, open italic, text, close italic, close bold.</p>
      </details>
      <details>
        <summary>Does this work on WhatsApp Business?</summary>
        <p>Yes — WhatsApp Business uses the same formatting codes as regular WhatsApp. All formatting types work identically.</p>
      </details>
      <details>
        <summary>Will the formatting symbols show on the other person's screen?</summary>
        <p>No — WhatsApp converts them automatically. The person receiving your message sees styled text, not the * or _ symbols.</p>
      </details>
    </div>
  </div>

  <!-- CTA -->
  <div class="tool-cta reveal">
    <h3>Sending a lot of WhatsApp messages manually?</h3>
    <p>FLO Konnect automates your follow-ups, broadcasts, and sequences — so you stop copy-pasting messages one by one and start getting responses on autopilot.</p>
    <div class="actions">
      <a class="btn primary" href="/demo.php">Book a 20-Min Demo</a>
      <a class="btn" href="/flo-konnect.php">See FLO Konnect</a>
    </div>
  </div>

</div>
</main>

<!-- Toast -->
<div class="toast" id="toast">✅ Copied to clipboard</div>

<!-- Schema -->
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"WebApplication","name":"WhatsApp Text Formatter","url":"https://fidusflo.com/tools/whatsapp-text-formatter","description":"Format WhatsApp messages with bold, italic, strikethrough and monospace instantly.","applicationCategory":"UtilityApplication","operatingSystem":"Any","offers":{"@type":"Offer","price":"0","priceCurrency":"INR"},"publisher":{"@type":"Organization","name":"FIDUS FLO","url":"https://fidusflo.com"}}
</script>
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[
  {"@type":"Question","name":"Why isn't my WhatsApp text showing as bold?","acceptedAnswer":{"@type":"Answer","text":"Formatting symbols must directly touch the text with no spaces. *bold* works, * bold * does not."}},
  {"@type":"Question","name":"Does WhatsApp formatting work in group messages?","acceptedAnswer":{"@type":"Answer","text":"Yes — bold, italic, strikethrough and monospace work in individual chats, groups, and WhatsApp Status."}},
  {"@type":"Question","name":"Can I combine bold and italic in WhatsApp?","acceptedAnswer":{"@type":"Answer","text":"Yes. Use *_text_* for bold italic. Nest formatting symbols and close them in reverse order."}}
]}
</script>



<?php include $root . "/includes/footer.php"; ?>
