How to install consistent email signatures in Gmail and Outlook

Getting consistent email signatures across a team sounds straightforward until you try it. Someone pastes a logo that renders at twice the intended size in Outlook. Another person's animation plays in Gmail but shows a blank rectangle in a colleague's inbox. A third person has been forwarding clients to a phone number that changed six months ago. This guide walks through exactly how to install a Paraph animated signature correctly in Gmail and Outlook, so the layout stays polished and the animation behaves predictably across clients.

Who this is for: brand or operations managers at professional services firms who need consistent email signatures for employees across Gmail (web) and Outlook (desktop and web).

What you will need before starting:

• A Paraph account with a completed signature theme
• The rendered signature preview confirmed and looking correct in Paraph's live editor
• A browser screenshot of the Paraph preview (for comparison after installation)
• Images and logos loading correctly in the Paraph preview
• Outlook message format set to HTML or Rich Text (per Microsoft Support guidance)

Estimated time: 10-15 minutes per client (Gmail, Outlook desktop, Outlook on the web)

Difficulty: Low, provided you follow the copy/paste distinction explained below.

The single most important rule: copy the rendered signature, not the raw HTML

Gmail and Outlook both use rich-text (WYSIWYG) editors for signature settings. They are not code editors. If you paste raw HTML source code into a normal signature field, the client will either render it as literal text (angle brackets and all) or strip out most of the formatting, leaving a broken layout.

Paraph's installation guidance is built around one workflow: copy the rendered signature block from Paraph's preview, then paste it into the email client's rich-text signature field. This is not the same as exporting HTML source and pasting that code string. The rendered copy carries the visual layout, inline styles, and table structure that Gmail and Outlook can interpret correctly, because it arrives as formatted content rather than code.

Gmail specifically supports inline CSS styling for emails (Google for Developers), and Paraph's rendered output is structured to work within those constraints. The same principle applies in Outlook.

Keep this distinction in mind throughout every step below.

Installing a Paraph signature in Gmail (web)

Gmail's signature editor is at Settings (the gear icon) > See all settings > General > Signature. Google's official signature guide covers the basic path if you need a reference.

Step 1. Open your Paraph account and select the signature you want to install. Confirm the live preview looks correct, including your logo, name, contact details, and any animation (Shatter, Glimmer, or Shimmer if you are on a paid plan).

Step 2. Use Paraph's copy function to copy the rendered signature content. This copies the visual output of the signature, not the underlying HTML source code.

Screenshot callout: The Paraph copy step shows the rendered signature block selected and ready to copy from the live preview panel.

Step 3. Open Gmail in your browser. Go to Settings > See all settings > General, scroll down to Signature, and either create a new signature or select an existing one.

Step 4. Click inside the Gmail signature editor (the rich-text box) and paste using Ctrl+V (Windows) or Cmd+V (Mac). The signature layout should appear in the box, preserving spacing, images, and formatting.

Screenshot callout: The Gmail signature editor with the Paraph signature pasted, showing the layout intact.

Step 5. Scroll down and click Save Changes.

Step 6. Send a test email to yourself and open it. Compare it against your Paraph preview screenshot. Check: spacing matches, logo or profile image loads, all links are clickable, contact details are correct.

Checkpoint: If extra blank lines appear at the top of the signature, click into the signature editor and delete them manually before saving again. If the logo is missing, see the troubleshooting section below.

Gmail mobile: what to expect

The Gmail mobile app on iOS and Android does not replicate the web-based signature editor. The app has its own plain-text signature field under Settings > [Your account] > Signature settings, and it does not carry over the styled signature from the web version.

The practical approach: set the styled signature via Gmail web (as above), then send yourself a test email from a desktop client and view it on your phone. The rendered signature arrives in the email thread, so recipients on mobile see the styled version regardless of what app they use to read it.

If you open the sent email on your phone and the animation is not playing, that is expected behaviour. GIF playback varies by email client, version, and settings. Paraph's animated signatures (Shatter, Glimmer, Shimmer) use GIF format, and some clients display only the first frame. This is why Paraph's design approach ensures the first frame is a clean, readable still image. A static signature that still looks polished is a better outcome than an animation that shows a blank box.

If images are not loading at all on mobile, the likely causes are: the mobile app is set to block external images by default, or the device is on a restricted network. Recipients can typically enable "show images" from within the email.

Installing a Paraph signature in Outlook desktop (classic and new Outlook)

Classic Outlook (Windows): Go to File > Options > Mail > Signatures. This opens the Signatures and Stationery window where you can create, edit, and assign signatures to accounts.

New Outlook (Windows): Go to Settings (gear icon) > Accounts > Signatures. The path has changed but the rich-text editor works the same way.

Microsoft's official Outlook signature reference covers both variants.

Step 1. In Paraph, confirm your rendered signature preview is correct. Copy the rendered signature content using Paraph's copy function.

Step 2. In Outlook, open the Signatures editor (path depends on your Outlook version, as above). Click New to create a signature and give it a name.

Step 3. Click inside the signature editor's rich-text box and paste using Ctrl+V. The layout should appear. Do not paste into a plain-text field or a code input box if one is visible.

Screenshot callout: The Outlook signature editor (classic) with the Paraph signature pasted into the rich-text area.

Step 4. In the "Choose default signature" section, set this signature as the default for New messages and optionally for Replies/forwards.

Step 5. Click OK to save, then compose a new email to yourself and send it. Open the received email and verify the layout, images, and links.

Common failure to avoid: Pasting raw HTML code (the source string, starting with <table> or <div>) into the Outlook editor will result in the code appearing as visible text, or a broken layout with missing images. The fix is to go back to Paraph, use the copy rendered content function, and re-paste.

Note on Outlook and GIF animations: Classic Outlook on Windows does not animate GIFs by default. It displays the first frame only. This is a known limitation of the Outlook rendering engine. Again, Paraph's design ensures the first frame is readable, so your signature still looks professional even without motion.

Installing a Paraph signature in Outlook on the web (OWA)

Outlook on the web uses a rich editor for signatures, similar in behaviour to Gmail's. There is no raw HTML code box in the standard signature settings.

Step 1. In Paraph, copy the rendered signature content.

Step 2. In OWA, click the Settings gear icon, then go to Mail > Compose and reply > Email signature.

Step 3. Click inside the signature editor and paste using Ctrl+V or Cmd+V.

Screenshot callout: The OWA signature editor with the Paraph signature pasted, confirming layout alignment.

Step 4. Ensure "Automatically include my signature on new messages I compose" is checked if you want it applied by default.

Step 5. Click Save, then compose a test email to yourself. Confirm images load and links work.

If the layout shifts after saving, the most reliable fix is to delete the contents of the editor completely, return to Paraph and re-copy the rendered signature, then paste again fresh. Do not attempt to manually edit the pasted content inside OWA's editor, as mixing formatted content with manual edits can corrupt the table structure.

GIF animations and what to realistically expect

Paraph's Shatter, Glimmer, and Shimmer animations are delivered as GIFs. GIF playback depends on the email client, the client version, and the recipient's settings. It is not consistent across every inbox combination.

Here is a quick reference:

• Gmail web: GIFs generally play
• Apple Mail: GIFs generally play
• Outlook on the web (OWA): GIFs generally play
• Classic Outlook (Windows): displays first frame only, no animation
• Outlook mobile: behaviour varies by version and settings

Because of classic Outlook's first-frame behaviour, Paraph designs signatures so the first frame is a complete, polished composition. If motion doesn't play, the signature still looks correct.

This is why Paraph is a practical tool for creating consistent email signatures across a mixed client environment: the layout holds up regardless of whether the animation plays.

Troubleshooting: diagnose issues in three minutes

Work through these in order.

Signature shows as plain text or visible code Cause: raw HTML was pasted into a rich-text editor. Action: go back to Paraph, copy the rendered signature content (not the HTML source), open the email client's signature editor, clear the existing content, and paste again. Retest: send a test email and confirm the layout.

Images or logo not showing Cause 1: the email client is blocking external images. The recipient (or you, in your test) will see a "load images" prompt. Click it. Cause 2: the image URL in the signature is not accessible. Confirm the logo loads in the Paraph preview. If it does not, re-upload or re-select the image in Paraph before copying. Action: confirm the Paraph preview shows the image, then re-copy and re-paste.

Animation not playing Cause: the email client does not animate GIFs (classic Outlook) or the recipient's settings block them. Action: confirm the first frame of your animation is clean and readable. No further action is needed if the static frame looks correct. Test in Gmail web to confirm the GIF does play in a supporting client.

Layout looks off (spacing, padding, alignment) Cause: email clients sanitise some HTML and CSS. Manually edited signature content in the rich-text editor is the most common source of this. Action: delete the signature content entirely, return to Paraph, re-copy the rendered output, and paste fresh. Do not manually edit the pasted layout inside the email client's editor.

Links not clickable Cause: links were not included in the rendered copy, or the paste picked up plain text instead of formatted content. Action: confirm links are present and clickable in the Paraph preview. Re-copy using Paraph's copy function. Re-paste into the rich-text signature field using Ctrl+V or Cmd+V (not paste-as-plain-text).

Rolling out across a team

Once you have confirmed the installation works for one person across one or two clients, the rollout process for a team is repeatable.

Paraph's team workspace supports master signatures with locked brand fields, so your logo, brand colours, and approved layouts cannot be changed by individual team members. Each person's name, title, phone number, and photo can still be personalised. Teammates can be invited individually or imported via CSV.

A practical rollout sequence:

1. Build the master signature in Paraph and confirm the rendered preview is correct.
2. Pilot with two or three employees across Gmail web and Outlook (both classic and new, if your team uses both). Collect screenshots from each client.
3. Compare screenshots to the Paraph preview. Resolve any discrepancies before rolling out to everyone.
4. Share the copy-and-paste installation steps with the wider team, along with the Paraph preview as the reference image.

Final checklist before signing off:

• Animation first frame is readable as a static image
• Logo and profile image load in the test email
• All links (website, social, phone) are clickable
• Spacing and alignment match the Paraph preview
• Signature is set as the default for new messages in each client

Pricing for Paraph plans starts at $0 for a single static signature (Free plan), $6/month for Pro (five signatures, animation included), $29/month for Team (50 signatures, 25 seats, 14-day trial), and $79/month for Business (unlimited signatures and seats, 14-day trial). Verify current figures at getparaph.com/pricing before making a decision.

To see how the signature looks before committing, visit getparaph.com for the public demo. When you are ready to build your team's signatures, create an account at getparaph.com/sign-up.