Page Beam - Mail Layout Settings

Mail Page for Confluence is now “Page Beam”.

Mail Layout

Navigate to Confluence Administration → click on the “Page Beam” menu link on the left side under the “Apps” section and click on the third tab “Mail Layout”.

pagebeam-admin-layout.png

Mail attachment images

Convert images

Not all mail clients can display SVG images in mails. Gmail, for example, does not support displaying SVG images. This results in Confluence pages with SVG images being displayed incompletely in Gmail.
Page Beam now automatically converts all SVG images to PNG images when sending them as mail.

Screenshot 2024-05-10 at 21.05.42.png

Resize images

Images that are included as attachments on a Confluence page are automatically scaled down by Page Beam when they are sent in an email. This allows the display in the mail to better match the display on the Confluence page. In addition, the mail is sent faster and the mails have a smaller size.

In addition, a maximum image width can be configured for all images in the mail, so that images without an explicit width setting on the Confluence page are not displayed too wide in the mail.

Custom Mail layout

Mail header text

The initial sentence in the mail can be changed with placeholders for the sender's name ($NAME) and the name of Atlassian Cloud instance ($INSTANCE).

If text passages are enclosed with the HTML tag <b> </b>, they are displayed in bold in the email. All other HTML tags are filtered out for security reasons.

If the input field is completely cleared, the default setting appears and is then used.

Show button in all mails

By default, the button at the end of the mail is only displayed if an excerpt of a Confluence page is sent, in order to then access the full content with the linked button.

With this option checked, the button can be displayed in every mail sent by Page Beam.

Button label

This input field can be used to customize the label of the button at the end of the mail. By default, it is labeled “View content”.
This is used in particular to internationalize the mail content.

Custom CSS Code

Customize your mail layout with custom CSS.

For example to remove the complete preamble text of each mail from Page Beam, type in following line in the textarea:

#mail-header { display: none; }

Or change the color of the “View content” button to your corporate identity color:

#view-button { background-color: #eab676; }

You can use the Google colorpicker to generate the color hex code: https://www.google.com/search?q=colorpicker

If you want to customize specific html elements on your Confluence page when sending as mail, view the source code on the Confluence page:

And search in the source code for specific classes, that you want to customize. For example hide the border of the embedded images on the Confluence page shown in the mail:

img.confluence-embedded-image { border-style: none; }