Editing an Admiral Engage in the Designer | Scribe

Editing an Admiral Engage in the Designer

  • Mitchell Galloway |
  • 47 steps |
  • 8 minutes
  • GetadmiralGetadmiral
  • HubSpotHubSpot
  • OkfkdaglfjjjfefdcppliegebpoegaiiOkfkdaglfjjjfefdcppliegebpoegaii
1
Click on your Journey.
2
Click on the kebab menu of the first message of that journey.
3
Click Edit.
4
The first tab is the Layout section. Here you can edit the type of message. There are 4 types of messages.
5
Types of messages include banner, soft, gated, and nudge. - Banner message exists at the bottom of a publisher's web page. - Soft message (see image below) has a continue path that allows a visitor to close the message. - Gated message removes the continue path. It is used to gate content. - Nudge message appears in the corner of a publisher's web page.
6
Gated example.
7
Nudge example.
8
Cover Selection: Toggle this on to add a cover image. (Note: you will add the URL of the image in Styles > Assets.)
9
Logo Placement allows you to adjust the location of the logo, either in the Engage body (default) or in a fixed header at the top of the page.
10
Note: Logo and Cover image are added in Styles > Assets.
11
"Styles" is the next section. In Colors & Text you'll edit the colors, font, and other appearance changes. In Assets, you'll add images.
12
In Styles > Colors & Text, you can make changes to the typeface, line height, font weight, font size, and text color. Every text field below has this option.
13
For example, by clicking on Main Heading, you can edit the appearance of the heading ("It looks like you are using an adblocker.")
14
Note: for Line Height, a common range is between 1.2 and 1.5 times the font size
15
Click on "Text" to edit that text field's color.
16
The Button section is below the Text section. If you have only one CTA, you you will edit the "Primary Button." If you have two CTAs, you may also use a Secondary button.
17
Like the Text options above, the Button also has editable text.
18
Click "Fill" to change the color of button.
19
Click here.
20
To add or change the border, click on Border.