We use cookies to make your experience with us better. By continuing to use our website without changing the settings, you are agreeing to our use of cookies. To find out more see our privacy statement.
CTAsCTAs draw attention to other sections of the site. A number of CTA components are available
Learn more
Share iconsA number of components are available that allow you to share or email a page
Learn More
Social Media FeedsDisplays a feed from the bank's social media handles eg Facebook and Twitter, and contains links to our YouTube and LinkedIn sites
Learn More
Menu display variations
Meganav 2 display
To be used when displaying a few 4th and 5th level subchannels as well as a content item
MenuThere are 4 meganav variatons for displaying the megapane and rendering the menu
Learn more
How-to-guidesUse this component to display screen-by-screen views of how to perform a particular action/task on the App or Online Banking
Learn More
Product detail pages can be assembled using either the product CTDs or by manually adding components to a channel page. The pages below showcase the components that use Product CTDs
Enable customers to find your countries branches and ATMs.
The locator caters for both text based search and location based search (if your location co-ordinates are enabled in the browser). The locator groups ATMs with the same GPS co-ordinates and Centre type classificaiton eg Autobank or Branch, displaying 1 pin for each Centre Type. Viewing the detail will display all ATMs at the location.
The ATM and Branch data is not content managed. It is pulled dynamically from the Group's Real Estate Locator database. Speak to the Group Marketing Platform team to ensure your countries data is maintained in their database.
Content Item or CI pages are used for all the content types, listed as menu options here, ie for Products, Articles, FAQs, Generic, Event, Deals and Profiles.
For CI pages:
authors don't create channel pages for each CI page eg product or article page
some default, common components are already added on the template level
authors can still add additional components to the page
the template is assigned to the Content Type
all CI pages must be associated to a channel (normally the parent channel), to ensure the content gets published and the correct URL is generated for the page
Click on the specific Content Type you are interested in, from the menu options alongisde.
There are 6 different components that position an offering of descriptive-based products and services
Working with Product Lists
The following component variations are available for rendering a Product List:
ContentTileV2List - stacked
ContentTileV2 - a carousel - use if you have <= 4 content items
ContentListStack or ContentListStackWithBlueBlock - the variation with BlueBlock displays the text on a blue background
ContentListStackWithBlueCarousel - this component variation will display the products in a carousel list
ContentListStackWithButtonLInks - this product list variation will stack the 'Apply Now' and 'Tell me more' links. It will also display an eForm in a modal if the 'Apply Now' CTA links to an eform
Content List By Category - this component is designed for use on a Home or Section listing page. It provides customers with a couple of product categories eg Bank or Borrow or Save etc, and then per category, a list of relevant product landing pages eg Personal Bank Accounts / Business Bank Accounts or actual products (if the product name is self explanatory) eg Foreign Exchange. There are 2 variations of this component. The Content List By Category With Blue background will display a blue background behind part of the component.
There is no limit to the number of Categories, although we recommend not including too many. Test how it renders on desktop and mobile
There is no limit to the number of products/teasers/articles displayed within a category. The card size wil adjust if there are only one or 2 items per category; If there are >3 items, carousel controls will be displayed
The Component Heading is populated from the Component.Appearance.Title
The Category name is populated from the SBG Content List.Title, the Category Introduction is populated from the SBG Content List.Summary and the products/articles/teasers are populated from the SBG Content List.Related Content. Please ensure you replace the Related Content with your own or clone the related content as well as cloning the SBG Content Lists
Content that can be included in all these components:
Products
SBG CS Product Information
SBG Product
Teasers
to be used if you need diffferent wording to what is displayed on the Product detail page OR
if you need to link to a Channel page eg Bank Accounts landing page OR
if you need to link to an external page
NOTE: If you use a Teaser you don't need to capture the description. This may be useful for a Section landing page. Have alook at how it's used on the CIB Investment Banking (IB) page vs how it's used on the one of the IB section landing pages eg Advisory
Articles
The page below shows the various components and how they render depending on the number of content items
What are you looking for? (ContentTileV2List - Stacked Product List)
Product Information 1 name
The product positioning text is displayed in 3 places on the site - the Product Detail page, Cross Sell and Content Tile.
How to populate articles, news and thought leadership content
News, thought leadership content, value adding articles and press releases must be captured in an SBG Article CTD. The Article Type must be flagged to represent whether the content is an Article, Report or Press Release. The Article Image you assemble must follow Approach 3, ie have all 14 formats loaded (note: you don't need to add a separate Top Banner in your article content item).
How to populate articles, news and thought leadership content
News, thought leadership content, value adding articles and press releases must be captured in an SBG Article CTD. The Article Type must be flagged to represent whether the content is an Article, Report or Press Release. The Article Image you assemble must follow Approach 3, ie have all 14 formats loaded (note: you don't need to add a separate Top Banner in your article content item).
How to populate articles, news and thought leadership content
News, thought leadership content, value adding articles and press releases must be captured in an SBG Article CTD. The Article Type must be flagged to represent whether the content is an Article, Report or Press Release. The Article Image you assemble must follow Approach 3, ie have all 14 formats loaded (note: you don't need to add a separate Top Banner in your article content item).
