Setting up an ABM Page - V2Version

Hushly makes it simple to create account-focused landing pages. Hushly offers templatized ABM landing pages that you clone and customize for a specific Account such as 1:1 ABM or for groups of accounts that we call "clusters". A cluster can be 2 accounts or thousands of accounts. We've created scale and flexibility to ensure you can market to your accounts the way you want to. If you have 500 accounts, get your web team to create 500 personalized landing/destination pages for each account and If your ABM target account list consists of experience is just not practical. It's actually a lot more than 500 when you talk about true ABM personalization because they are on average 8 members in a buying committee for each account, so technically you need 4,000 different landing pages if you wish to offer personalized landing page experiences for each member of the buying team. 

Hushly offers templatized ABM landing pages that you clone and customize for a specific Account (or for a Cluster of Accounts). The best part is you do not need a developer, and nor do you need to know HTML, Javascript, and CSS to deploy personalize ABM landing pages at scale.

What are the standard fields of an ABM Page? 

1. Page Name.
2. Page Description (Optional).
3. Page URL Path. 
4. Default Account - The default account domain associated with the page e.g. citibank.com.

 This is optional and maybe only required for 1:1 (one-page to one-account) ABM personalization.

Prerequisite for creating a Hushly ABM Page

Hushly ABM Pages are a part of the Hushly Hub solution. You would either need a sandbox Hub or a production hub to use Hushly ABM Pages.

Creating an ABM Page:

To create an ABM Page, you can follow the steps below:

1. From the Left Nav Menu, click Hubs.
   
   
2. On the Hubs page, Select a Hub.
   
   
3. From the Hub Menu, select ABM Pages. 
4. Click Add ABM Page.
   
   
5. Optionally, Select an existing ABM Page Variation that can be used as a template to create your new ABM page.
   Note: This option can be useful when there are already ABM Pages built, for the first time this option would be blank.
   
   
6. Enter a name for the ABM Page in the Name field and the URL Path by default will autofill with the name, and make changes to it if required.
   
   
7. Enter a description. The description is for internal purposes.  
8. Optionally, select the account from the Default Account drop-down list by typing the account name into the box.
   Note: The default account is only set if you are executing 1-to-1 ABM personalization (one ABM page to one account).
   
   
9. Click Save. The ABM Page Configure page is shown. 
10. Click on Variations, the ABM Page Variations listing page shows up. A Default Variation shows up in the listing. 
11. Click on the Variation link, the Variation design page shows up, with the Left Panel menu on the left side, the preview of the page is displayed in the middle. 
12. Click on Security and choose how you want to secure your AMB Page from the options. Click here to know more about ABM Page security.
    

What is the structure of an ABM Page? [Greg: ABM Page - Building Block]

Typically, an ABM landing page would have 10 Standard Page Blocks in the Preview Panel.

1. Header 
2. Banner 
3. Promotion 
4. Testimonials
5. Features
6. Content - [Marketing content]
7. Complementary
8. Image Gallery
9. Custom
10. Footer 
                     

The Page Blocks on the left side can be configured and customized within each of the above Blocks and are described in each section in detail. 

Note:

• Changes made to content or configuration on the page are auto-saved.
  
  
• In an ABM Page, Blocks like Banner,  Promotion, Testimonials, Features,  Content, Complementary, Image Gallery,  and Custom can be added multiple times up to a max of 3 times. Header and Footer Blocks can be added only once.
  
  
• You can add or delete Page Blocks on the ABM Page. For example, you can add another Promotion Block after the Marketing Content Block. 
  
  
• You can change the order of these blocks by dragging and dropping individual blocks to fit the order you like.

You can define custom Page Blocks and save them as Global Page Blocks that can be used in multiple ABM Pages within and across Hubs, Click Here to learn how to customize Page Blocks. 

Styling the Page Blocks on an ABM Page

Style your ABM Page by selecting a Page Block in the left Section and configuring the content and setting the desired styling in the Style section and observing the applied Content and Styling in the Preview.

ABM Page: 

1. Click on ABM Page in the left menu. The entire Page in the Preview is highlighted. 
2. In the Content section, see the following:
   • Title: Enter the Title of the page. 
   • Script: To make the page more interactive, add JavaScript. Optional.
     
     
3. Click on the Style and Advanced Sections to add styles. For details click here.
   
   

Page Block: Header

Configure the Blocks on the page, by selecting them individually and defining them in the Style section. 

In the ABM Page Block menu, click on Header, and the respective Block in the Preview is highlighted. 

1. The Header Page Block has the following components: Logo, Show-Prospect Logo, Show Contact Card, Sticky Header, and CTA in the Content section.
    

2. Click Content to make modifications to the Logo. Click on choose Image to upload the logo.

   Note: By default, the Company Logo is displayed as the Logo in the Header Block in the Preview.

    

3. Enable the Show Prospect Logo toggle to display the Prospect Logo along with the Company Logo. Note: Here the Account Logo will be displayed. If the Account does not have a Logo attached it will be blank.
   
   

4. The Glyph appears between the Company Logo and the Prospect Logo. Select the type of Glyph.

5. Enable the Show Prospect Logo First toggle to display the Prospect Logo before the Company Logo.   
6. Enable the Show Contact Card toggle to display the Account Representative's Contact Card. Note: The toggle is by default in the Enabled state.
   
   
7. To add a CTA button to the Header section, fill in the Button Text and URL and choose if you want to open it in a new tab.
    
   
8. Click on the Style and Advanced sections to add styles. For details click here.
   
   
9. Click "Save As" to save the Content Page Block as Custom Page Block. Learn more about Global Page Blocks here.
   

Page Block: Banner

In the ABM Page Block menu, click on Banner, and the respective Block in the Preview is highlighted. 

1. The Banner Page Block includes: Use Account Banner, Background [Image or Video], Title, Subtitle, CTA, and CTA2 in the Content section. Click Content to make modifications.

   • Use Account Banner: Enable to use an ABM Account Level Banner. To configure a Banner at the ABM Account Level click here [Points 14-15].

     • Enable the Use Account Banner Toggle.
       

     • The Banner, Title, and Sub-Title are displayed in the Banner Block.   

     • If you had already configured the Banner, Title, and Sub-Title at the Account level, then the Banner will appear when the toggle is enabled.  
       
       

   • Background: Image: Click Choose Image to upload the Background Image file. The Banner Image Size is 1600x900. 

   •  Background: Video: Click the Video Image to enter the URL of the Background Video

     • Video link: Enter the video link to upload the video in the banner.
       Note: The banner video supports formats such as Mp4, Ogg, Ogv, WebM.

     • Opacity: You can set the transparency quality of the video.

     • Background Fallback: You can set the fallback image for the background of the banner.
       
       

2. Enter a text. The text will show up as the Banner Title. 

3. Optionally, enter a Subtitle. The Subtitle will show up below the Banner Title.
   
   

4. Enter a text in CTA, this text will display as a button on the Banner. Note: Leave the CTA text box empty to remove the button from the Banner.
   
   
5. Enter the CTA URL, the user is redirected to the URL when he clicks on the button.
   
   
6. The Open in New Tab toggle is enabled by default which allows the CTA URL to open in a new tab. If you do not want the CTA URL to be open in a new tab, disable the Open in New Tab toggle.
   
7. Enter a text in CTA2, this will be displayed as a second button on the Banner. Enter the CTA2 URL, the user is redirected to the URL when he clicks on the second button.
   
   
8. Click on the Style and Advanced sections to add styles. Click here to read more. 
   
   
9. Click "Save As" to save the Content Page Block as Custom Page Block. Learn more about Global Page Blocks here.
   
   

Page Block: Complementary

In the ABM Page Block Menu, click on Complementary, the respective Block in the preview is highlighted.

1. The Complementary Page Block includes a Title, Subtitle, CTA, CTA URL, and Media. Click Content to make modifications.
   
   
2. Enter a Title. This Title shows up as the Complementary Title.
   Note: To remove the Complimentary Title, leave the Title field empty. 
3. Optionally, enter a Subtitle. The Subtitle is displayed below the Complementary Title.
   Note: To remove the Complementary Subtitle, leave the Subtitle field empty.
4. Enter a text in CTA. This text will be displayed as a button in the Complementary.
   Note: To remove the button from the Complementary block, leave the CTA field empty.
   
   
5. Enter the CTA URL. When the button is clicked, the user is redirected to the URL page.  
6. By default, the 'Open In New Tab' toggle is enabled which allows the CTA URL to open in a new tab.
   
   Note: If you do not want the CTA URL to open in a new tab, disable the 'Open In New Tab' toggle.
   
   
7. Media: Image: Click on the Image to upload the Image file in the Complementary.
   
8. Media: Use Account Rep Video URL:
   If you configured the Video URL while creating an account, then the video will appear when the Use Account Rep Video URL Toggle is enabled. To configure a Video URL at the account level click here [Point 11]. 
   • Enable the Use Account Rep Video URL Toggle.
        
   • The Account Rep Video is displayed in the Complementary Block. 
     
     
9. Media: Video: Enter the Video Link in the Video Link field to reflect the video in the Complementary Block.Note: If the Video Link that you enter doesn't work correctly click here to troubleshoot the problem.
   
   
10. Media: Placement: Select the Left or Right radio button to set the placement of the Image or Video in the Complementary Block.
    
    
11. Click on the Style and Advanced sections to add styles. To know more click here.
    
    
12.  Click "Save As" to save the Content Page Block as a Custom Page Block. Learn more about Global Page Blocks here.
     

Page Block: Promotion

In the Page Block Menu, click on the Promotion, and the respective block in the Preview is highlighted. 

1. The Promotion page block includes Title, Subtitle, CTA, CTA URL, Tile1, Tile2, and Tile3. In the Content section click Content to make modifications.
   
   

2.  Enter a Title. This Title shows up as the Promotion Title.
   Note: To remove the title of the Promotion, leave the Title field empty.
   
   

3. Optionally, enter a Subtitle. The Subtitle is displayed below the Promotion Title. Note: To remove the Subtitle of the Promotion, leave the Subtitle field empty.
   
   

4. Enter a text in CTA. This text is displayed as a Button in the Promotion. Note: To remove the button from the Promotion block, leave the CTA field empty.
   
   
5. Enter the CTA URL. When the button is clicked, the user is redirected to the URL page.
   
   
6. By default, the 'Open in New Tab' toggle is enabled which allows the CTA URL to open in a new tab. 
   
   Note: If you do not want the CTA URL to be open in a new tab, disable the 'Open in New Tab' toggle.
   
   

7.  Enable the 'Show As Carousel' toggle, to display the tiles as a Carousel.

      

8. In the Tiles section, click on the Tile to expand and make modifications.

   • Enter a title. The title text will show up as the Tile title.
     Note: To remove the tile of the Promotion, leave the Title field empty.
     
     

   • Optionally, enter a description. The description will show up below the Tile's Title.
     Note: To remove the description of the Tile, leave the Description field empty.
     
     

   • Enter a text in CTA, this will be displayed as a button in the Tile Section.
     Note: To remove the button from the Tile section, leave the CTA field empty.
     
     
   • Enter the CTA URL, the user is redirected to the URL when he clicks on the button.
     
     
   • Click on the Image to upload the Image file in the Tile section. 

     The image size should be 200px X 200px.

     Note: To remove the image from the Tile section, click the Delete icon.

9. Repeat Step 6 for the number of Tiles you want to configure. Note: A maximum of 12 tiles can be configured for a Promotion, by clicking on the Add icon in the Tiles section.

10. Click on the Style and Advanced sections to add styles. To find out more, click here.
    
    

11. Click "Save As" to save the Promotion page block as Custom Page Block. Learn more about Global Page Blocks here
    

Page Block: Content

In the Page Block Menu, click on the Content. The respective block in the Preview is highlighted. 

1. The Content Page Block includes Title, Subtitle, and Contents. Click Content to make modifications.
   
   

2. Enter a Title. This Title shows up as the Content Title.
   Note: To remove the Content Title, leave the Title field empty. 

3. Optionally, enter a Subtitle. The Subtitle is displayed below the Content Title.
   Note: To remove the subtitle of the Content, leave the Subtitle field empty.
   
   

4.  In the Contents section, click on the icon in the Menu tab, The Add Content pop-up window opens. 

5. Select one of the options below:
   • Header: This is a label to group the menu items.
   • Stream: The menu item acts as a link to the chosen Stream.
   • Embed Stream: The menu item acts as a link to the chosen Embed Stream.
     1. If you select Header:
        • Enter the Name. 
        • Click Save.
        • The Header is added to the Content Section. Note: Under the Header, add a Sub Menu of type Stream/Embed Stream.
          
          
     2. If you select Stream :
        • Select the Stream.
        • Enter a Name. 
        • Click Save.
        • The Stream is added to the Content Section.
        • The Default Stream is configured at the ABM Account Level. click here.
          
          
        • Enable the Use Account Default Stream Toggle.
          
        • Click Save and the Stream is displayed in the Content Block.
          
          
          
     3. If you select Embed Stream :
        • Select the Embed Stream.
        • Enter a Name. 
        • Click Save.
        • The Embed Stream is added to the Content Section.
6. The Stream/Embed Stream is added to the Content Block and is displayed as below. 
   The associated Stream that has a CTA configured is displayed below.
   
   
7. Click on the Style and Advanced sections to add styles. To know more click here.
   
   
8. Click "Save As" to save the Content Page Block as Custom Page Block. Learn more about Global Page Blocks here.
   
   

Page Block: Image Gallery

In the Page Block Menu, click on the Image Gallery, the respective Block in the preview is highlighted. This Image Gallery Page Block is used to display a series of Partner Logos in a Gallery View.

1. The Image Gallery Page Block includes a Title, Subtitle, CTA, CTA URL, Columns, Image Size, and Gallery. Click Content to make modifications.
   
   
2.  Enter a Title. The Title shows up as the Image Gallery Title.
   Note: To remove the Image Gallery Title, leave the Title field empty.
    
3. Optionally, enter a Subtitle. The Subtitle is displayed below the Image Gallery Title.
   Note: To remove the Image Gallery Subtitle, leave the Subtitles field empty.
4. Enter a text in CTA, this text is displayed as a Button in the Image Gallery Block.
   Note: To remove the button from the Image Gallery Block, leave the CTA field empty.
   
   
5. Enter the CTA URL. When the button is clicked, the user is redirected to the URL page.     
6. By default, the 'Open In New Tab' toggle is enabled which allows the CTA URL to open in a new tab.
   
   
   
7. Columns: By default, the column field is set to 3, you can add up to 12 columns. The number of columns entered is reflected when the images are added.
   
   
8.  Image Size: Select the Image Size from the drop-down list to reflect on the Image Gallery Block. Note: Custom: Enter the WIDTH and HEIGHT for the Image according to your customization.
   
9. Gallery: Click on Choose Image to upload the image in the Image Gallery Block.
10. Click on the Style and Advanced sections to add styles. To read more click here.
    
    
11. Click "Save As" to save the Content Page Block as Custom Page Block. Learn more about Global Page Blocks here.
    

Page Block: Footer

In the Page Block Menu, click on the Page Block Footer, the respective Block in the Preview is highlighted. 

1. The Footer Page Block includes Logo, Social Links, and Copyright in the Content section,
   click Content to make modifications. 

   

   Note: By default, the Company logo is displayed in the Footer Block

    

2. Enter a URL into the respective Social Links. The Social Links include Twitter URL, LinkedIn URL, Facebook URL, Instagram URL, and YouTube URL. Note: To remove the respective social link in the Footer, leave the URL field empty.
   
   

3. Links: By default, Terms and Conditions and Privacy Policy links are provided. However, configure the links to lead the user to the respective pages. Note: To add more links click on the Add Link, To remove the respective link, click the Delete icon.
   
   

4. Configure Copyright by entering the appropriate text in the Text Field.
5. Click on the Style and Advanced sections to add styles. To know more click here.
   
   
6. Click "Save As" to save the Content Page Block as a Custom Page Block. Learn more about Global Page Blocks here.
   

Click Publish, to apply the changes made to the page to be viewed at run time.

Click History, to view the published versions.https://hushly.freshdesk.com/a/solutions/articles/19000106772 Note: Clicking on Revert under the Action column, will update the draft content back to the previous version.

Optionally, you can click Tokens to use them on any of the ABM pages.

When you use a token, you also want to provide a default value. This text shows up if a token doesn't have a value for the field you're referencing. 

Example:: The tag {{account.welcomeNotes | Welcome...!}} will be replaced by the Visitor's Account Welcome Note. 
Note:  

• If an account does not have a Welcome Note configured, the Default note 'Welcome...!' will be displayed.
• If a field value contains a special character then you must add {{{ }}} to that token when you use it.

  Example:{{{account.welcomeNotes | Welcome P&J...!}}}

Click Get Link, to generate the variation URL for the ABM Page.

A pop-up Get Link window is displayed to generate a variation URL. You can generate a variation URL in the following ways:

1.   Generating a Variation URL using one or more attributes.
   • Enter the Account Name, Visitors, and desired UTM parameters (Campaign, Source, Medium. Term, Content) and copy the generated URL.Note: 
     • When an Account is selected, visitors associated with that particular account are shown in the visitor's field. Entering the UTM parameters are optional.
     • This Generate URL can be used as the runtime URL.
       
       
2. Generating a Variation URL using the Preview toggle.
   • Enable the Preview toggle and copy the Variation URL to view the Preview of the page.    
3. Generating a Variation URL for all the accounts.
   • Click the Get Links for all Accounts button and Save the file. The saved accounts-link .csv file displays all the Account Names and the Variation URLs.

Related Topics:  

Structure of the ABM Page    

ABM Page Block Elements    

Styling Page Blocks on the ABM Page    

ABM Page Tokens