> ## Documentation Index
> Fetch the complete documentation index at: https://help.scribe-mail.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Editor top bar

> Preview your signature in Gmail, Outlook, and Apple Mail, run a quality check, apply templates, and publish changes from the editor top bar.

The top bar gives you quick access to the key actions you need while designing your signature. It stays visible at all times so you can switch between tasks without leaving the editor.

<Frame>
  <img src="https://mintcdn.com/scribe/xbQhr3JjkYildsKM/images/top-bar-full-overview.png?fit=max&auto=format&n=xbQhr3JjkYildsKM&q=85&s=210eddd3c3527ab92b8100588c00e816" alt="Editor top bar showing signature name, status badge, and action buttons" width="3456" height="178" data-path="images/top-bar-full-overview.png" />
</Frame>

## Signature info

On the left side of the top bar, you'll see:

* **Back arrow**: Return to your signatures list
* **Signature name**: The name of the signature you're editing (e.g., "Marketing")
* **Teammates count**: How many teammates are assigned to this signature
* **Status badge**: Shows **Draft** if the signature has unpublished changes

## Actions

The right side of the top bar contains four actions, from left to right.

### Templates

Open the [template library](/en/editor/template-library) to browse pre-designed signature layouts. Pick a template and it applies to your current signature, and your existing Smart Field data fills in automatically.

<Frame>
  <img src="https://mintcdn.com/scribe/KUDX8_mR6_d8dnD-/images/top-bar-template-library-open.png?fit=max&auto=format&n=KUDX8_mR6_d8dnD-&q=85&s=5ec09707bb48469f582c599fed1d36d7" alt="Template library panel opened from top bar Templates button" width="1600" height="892" data-path="images/top-bar-template-library-open.png" />
</Frame>

### Quality check

Run an automatic check on your signature before publishing. This verifies that everything is properly configured: links are valid, images are loading, and Smart Fields are connected correctly.

<Frame>
  <img src="https://mintcdn.com/scribe/xbQhr3JjkYildsKM/images/top-bar-quality-check-panel.png?fit=max&auto=format&n=xbQhr3JjkYildsKM&q=85&s=1469f795ec92e280eb02314791348ee6" alt="Quality check panel with signature compatibility checklist" width="3456" height="1930" data-path="images/top-bar-quality-check-panel.png" />
</Frame>

### Preview

[Preview](/en/preview-signatures) shows you exactly how your signature will look in real email clients. The preview modal includes:

* **Teammate selector**: Browse and search your assigned teammates on the left to preview the signature with their specific data (name, photo, job title, etc.)
* **Email client tabs**: Switch between **Outlook**, **Gmail**, and **Apple Mail** to see how each client renders your signature
* **Light / Dark mode**: Toggle between light and dark mode to check both versions
* **Device views**: Preview on desktop, tablet, and mobile to verify your signature looks good across screen sizes
* **Send test email**: Send yourself a real email with the signature attached so you can see it in actual conditions, not just a preview

<Frame>
  <img src="https://mintcdn.com/scribe/xbQhr3JjkYildsKM/images/top-bar-preview-modal.png?fit=max&auto=format&n=xbQhr3JjkYildsKM&q=85&s=18fbf4ea3721d5ec05bf872ab07f7200" alt="Preview modal with teammate selector and email client tabs" width="3456" height="1930" data-path="images/top-bar-preview-modal.png" />
</Frame>

<Tip>
  Always send a test email before publishing. Previews are close, but a real email in your inbox is the best way to catch spacing or image issues that only show up in specific email clients.
</Tip>

### Publish

When you're happy with your signature, click **Publish** to push the changes live. What happens when you click depends on your setup:

* **No integration connected**: You'll be prompted to connect an integration first. This redirects you to the [integration page](/en/integrations-overview) so you can set up Google Workspace, Microsoft 365, or another provider.
* **Integration connected but no teammates assigned**: You'll be prompted to assign teammates to this signature. This redirects you to the teammate tab of the signature.
* **Integration connected + teammates assigned**: A confirmation dialog appears: "Publish signature changes? This will update the signature for the teammates assigned to it." Click **Publish** to confirm or **Cancel** to go back.

<Frame>
  <img src="https://mintcdn.com/scribe/xbQhr3JjkYildsKM/images/top-bar-publish-confirmation-dialog.png?fit=max&auto=format&n=xbQhr3JjkYildsKM&q=85&s=02631be1de918de29d6cebd3836404f7" alt="Publish confirmation dialog for pushing signature changes live" width="3456" height="1932" data-path="images/top-bar-publish-confirmation-dialog.png" />
</Frame>

<Note>
  Publishing updates the signature for all teammates assigned to it. Make sure you've previewed the signature with a few different teammates before publishing to catch any Smart Field issues.
</Note>

## Related articles

* [Editor overview](/en/editor/editor-overview)
* [Assign teammates to a signature](/en/assign-teammates-to-a-signature)
* [Action bar](/en/editor/action-bar)
