Create and design an Admiral engage message

Basic Engage tutorial that will cover: Customization, Basic Segmentation, Frequency and a full start to finish guide to create an Engage yourself.

---

Tables of Contents

1. Engage types

2. Adding your logo

3. Header and Message

4. Background and Border

5. Actions

6. Footer

7. Segmentation

8. Frequency

---

Engage Creation

---

Engage Types

• Banner Engage 
  
  • No engage pop up; creates a section on the bottom of the page for the engage instead
• Soft Engage
  • This is the standard engage that has a pop-up and allows you to click through without disabling your adblocker
• Gated Engage
  • Does not allow you to continue without disabling your adblocker

Adding your Logo

---

To add your logo to an Engage simply paste the image address into the logo section under the header

Header and Message

---

• Under the header section, you can change the initial messaging that is defaulted to: It looks like you're using an adblocker ( in addition to adding your logo as shown above)
• Under the Message section, you are able to customize the wording to better fit your brand Identity
  • There are two other options: Text color - changes the color of both the message body and the header. Text Background color - changes the engage background color ( the background behind the engage can be customized in another section)

Background and Border

---

• Background color - changes the color of the area of the screen behind the engage

  • Typically the background color is set to be partially transparent which is accomplished by using the bar underneath the color selecting one

• Border color - changes the color of the border of the engage by default the width is 0 so it will not appear until you change border width to something greater than 0
  
  • If you want a border on your engage with smooth corners the typical sizes used are:
    • border width - 3 px
    • border radius - 10 px

Actions

---

• Primary button(text) color -  changes the color of the main engage button(s)* and its text
  
  • To change the primary button messaging simply change the text of the box labeled  "Show Whitelist instructions" Link Text (Primary Button)"
• "Continue to Site" Text (Secondary Button) - This button is actually hidden in the text "Continue without Disabling".
  • To change the secondary button messaging simply change the text of the box labeled  "Continue to Site" Text (Secondary Button)"
  • The color of this text can be changed in the Footer section**
  • This button will not show on Hard Engages 

Footer

---

• Footer Text Color - changes the color of Support Leader Text  and Support Link Text
  • Default for Support Leader Text is: Need Help?
  • Default for Support Link Text is: Contact Support
• Footer Continue Text Color - changes the color of "Continue to Site" secondary button 
• Footer Background color - changes the color of the entire footer background ( by default it is slightly transparent and automatically changes colors to match the message back ground color.

Basic Segmentation

---

• Segmentation allows you to chose what types of visitors you want to engage
  • The two most basic kinds of segmentation are:
  • Blocking Status 
    • show engage to all visitors
    • show engage to only adblockers
    • show only to non-adblockers
    • show only to whitelisted visitors
    • show only to users who have not whitelisted
  • Subscription Status:
    • show engages to only non-subscribers (default)
    • show engages to only subscribers
    • show to both subscribers and non-subscribers 

 

 

Frequency

---

• Frequency of an engage effects how often a user will be engaged and can be set based on 5 parameters
  
  • Pageviews (recommended), Seconds, Minutes, Hours, Days

Back to the top