Brand Content Page Template Guide
This page contains examples of all of the prebuilt content elements that can be used to create a brand page. These pages can be used to showcase a range of products that are not available via the eCommerce website but still require a presence for awareness. Alternatively, they can also be used to create more engaging content for brands that are available for purchase.
All elements on this page are optimised for tablet / mobile view.
If there are additional features or functionality required outside of this template, custom changes can be made but may result in longer lead times for go live.
Large Homepage Blocks
These blocks may be used to create a 'homepage' feel and can help to highlight images, promotions or any key information relating to a brand. These blocks can be static or they can be clickable and link to designated subpages.
Suppliers are expected to provide their own creative using the size guides provided.
Large Homepage Blocks: 3 Panel (Left)
Large Homepage Large Blocks: 3 Panel (Right)
Sub-Blocks
As with the large blocks above, the sub-blocks can have a variety of applications. They may highlight additional services, featured brands, subcategories and much more.
Sub-Blocks: 2 Panel
Sub-Blocks: 3 Panel
Sub-Blocks: 4 Panel
Sub-Blocks: 5 Panel
Sub-Blocks: 6 Panel
HTML Code Blocks
These blocks can be used to feature any bespoke functionality a supplier wishes to embed from their own website or third-party source. For example, calculators, visulalisers, or any other interactive tools can be embedded here. Suppliers are required to provide the necessary code.
HTML Code Blocks: iFrame
Trustpilot Review Blocks
Bradfords has over 7,500 reviews on Trustpilot. These blocks or 'Trust Boxes' can either be used to showcase Bradfords' reputation as a seller, or specific reviews regarding a product, service or brand can be isolated and displayed.
Trustpilot Review Blocks: Testimonal Grid
Trustpilot Review Blocks: Testimonal Carousel
Product Blocks
The products displayed in these blocks can be refined by brand, category, specific SKU code and much more. They may be used to highlight best sellers, featured products or full ranges.
Product Blocks: Carousel
Product Blocks: Grid
Maps
Maps can be used to highlight specific locations and subsequent contact infromation that may be useful to users.
Suppliers will need to provide the longitude & Latitude of the desired location along with any contact information.
Enquiry Forms
Enquiry forms are often the key call to action on these pages. A varity of elements can be added to the froms along with placeholder text and tool tips. The recipients can also be customised based on the user's responses.
General Content Blocks
There are a variety of additonal content blocks available for brand pages.
Text example with image on right
This is an example of a commonly used widget, with text on the left and an image on the right.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
You can use buttons in your content too, as seen below. These don't need classes adding and will work out of the box based on the button type.
As well as being able to use utility classes such as padding-sm, you can add custom padding/margin to elements. These are used on the buttons container and the row above. Keep in mind these custom padding/margins aren't responsive, so they'll always be the same.
You could also have text underneath the image, e.g. captions.
Text example with image on left
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Image Slider
Video Example (Left)
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Video Example (Right)
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Video Example (Full)
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.