1. Home
  2. Departments
  3. How to edit the email signature in HTML mode?

How to edit the email signature in HTML mode?

This post is also available in: Português

You can associate your own custom HTML for a department. Then, edit the code and add the placeholders to be updated with the employee information.

In this quick tutorial with video support, we’ll do all the steps to paste, edit, and update email signatures from HTML code.

Many people refer to the term as an editor in HTML mode.

Run out of time? Navigate to the end to view the video tutorial.

Before you start

The HTML edit mode is perfect for experts who master HTML. Here are the considerations you should read before using the feature.

  • An email signature does not accept Javascript;
  • The CSS code must be in inline mode, not embedded;
  • Only content within the HTML body tag is loaded;
  • The HTML edit feature is only available in Departments.

How do I get the HTML version of an email signature?

Creating an HTML signature from scratch can be too complex. In this way, there are some options for you to get a complete HTML code and make your edits advanced. And simple logic like “IF-ELSE”.

1. Downalod HTML signature from Bybrand

If you already have an email signature created at Bybrand, you can download the HTML and then make edits in the advanced mode in departments.

Bybrand – Signatures – Paste in email – Download.

Download HTML signature

2. Create one from scratch using an HTML editor

If you are a web designer, or if your company has a professional with these skills, you will probably want to use this option. Creating your own signature using an IDE like Atom, Notepad ++, or Sublime Text.

3. Buy a ready email signature

Some freelancers create personalized email signatures, and these ready-made templates can be found on Marketplaces like Fiverr and Themeforest. So, copy the signature code and paste it into the HTML editor area.

Please note that we are unable to support third-party HTML.


Edit the HTML version of the signature

The tutorial steps start here.

Let’s assume that you already have a department created. Then remove the current signature from the department so that you can associate another one.

Departments – menu Signature – Remove.

Remove signature of the department

When removing, you will have the option to associate another email signature in the department. Choose the HTML File option, as you can see in the illustration below.

HTML mode

Click the Edit in code button to create a signature for the department with an HTML option.

Start typing your HTML code in the available text field.

Editor HTML mode area

When you’re ready, click save.

Placeholders

If your HTML does not contain the department placeholders, the email signature will not automatically update with each employee’s information when you click to view the signature on the Employees tab.

In this way, you need to add placeholders. To help, we’ve listed the fields in the option.

Placeholders list

You can do a test using the example above, with two simple lines of HTML. You will notice that each employee’s information is updated with each interaction.

<h4>{{name}}</h4>
<p>phone: {{position}}</p>

Consider that your department has the name and position placeholders.

Note: The option to Save changes is enabled only when you view the code.


Video tutorial

As agreed, here is the complete video tutorial of all the steps.

Updated on 17 de November de 2020

Was this article helpful?

Need Email Support?
Can’t find the answer you’re looking for? Don’t worry we’re here to help!
Contact Support