Desktop view

screenshot page head welcome style desktop

Mobile view

screenshot page head welcome style mobile

Welcome style with CTA

Desktop view

screenshot welcome page head with cta

Mobile view

screenshot welcome page head with cta mobile view

Welcome style with action stamp

screenshot welcome page head with cta and action stamp

How it works

  • The welcome style page head can be configured on these templates
    • Content Template
    • Topic Template
  • A headline, infoline and a CTA can be integrated
  • Optionally, a second CTA can be integrated
  • Action stamp available
  • At least two links must be entered. A maximum of four links are possible.
  • Device, geo, role-based and campaign-based targeting of the links is possible
  • Image
    • The 'full bleed image', spanning from browser edge to browser edge in view ports XS, S, M and L and above. 
  • The height of the image can be adjusted:
    • Extra small (default)
      • Viewports
        • XS 160px
        • S 236px
        • M 300 px
        • L/XL 400 px
    • Small
      • Viewports
        • XS 160px
        • S 236px
        • M 400px
        • L/XL 500 px
    • Medium
      • Viewports
        • XS 160px
        • S 236px
        • M 500px
        • L/XL 600 px
    • Large
      • Viewports
        • XS 160px
        • S 236px
        • M 600px
        • L/XL 700 px

How to use it

  • Required image resolutions:
    • for 'desktop'-view (large and medium viewport):
      min. 3840 x 1000px
    • for 'mobile'-view (small and extra small viewport):
      min. 2046 x 873px
    • The "full-bleed" image has the same definition as on the "Promotion stage" component on the homepage.
  • Image rations:
    • for ' desktop'-view: 64:25
    • for 'mobile'-view: 160:69

Note

Do not use this style on pages with a left navigation.

Reference for publisher

AEM view

For creating welcome style page head, first you have to activate "Welcome Style" in the page head component.

Note

  • Although the infoline is not displayed on the Livepage in this layout, it is still mandatory to enter an infoline text (as with all other styles).
  • Although you can adjust the Key line font size, only one font size is used when using the Welcome Style (kl-3 / Keyline XS)
AEM view

Here you must define the number of links (2-4) and integrate the images.

The links can be integrated here.

Device, geo, role-based and campaign-based targeting