Skip to content
Brand Resources
Brand Resources

Site Builder

Site Builder is an engine that allows teams to reuse content objects, code and design to build web pages and marketing campaigns. By giving teams a set of pre-approved building blocks, they are able to build out pages and segments quickly and easily. This allows us to enable content managers, designers and developers to create consistent experiences for our customers and team members.

Why we are invested in Site Builder

Cost reduction

To reduce the amount of development resources for simple static marketing pages.

User experience

To produce unified web experience via our standardized framework.

Digital standards

To ensure digital consistency in design, performance, deployment and accessibility.

Accessing Site Builder

To be able to use Site Builder you will need access to Contentful, the CMS (Content Management System) we are using at TELUS. To learn about Contentful and how we are using it at TELUS please watch the video Contentful at TELUS. Site Builder uses [S.Bld] Consumer and [S.Bld] Corporate Contentful spaces.

Block library

Site Builder has an extensive library of different types of blocks for users to build consistent digital experiences for our customers and team members. As part of the library, these blocks are fully reusable and TELUS Design System (TDS) compliant. You'll find all of these blocks pre-loaded into our content management system.

Features

Using Site Builder doesn't mean reworking the same solution many times over. For us, it’s about how we can automate small tasks to simplify the path to production for our users. Here are some tools that you can use with Site Builder to help you create pages quickly and easily.

Layout Grids

There are many types of blocks available and ready for use in the Block Library. However, teams that have complex design needs might require a more flexible system. Layout grids is a format in which certain reusable blocks (block RichText, block image, etc) can be nested to create the desired design, without using development resources to create a brand new block. This ensures that all layouts are fully TDS compliant, while allowing content managers the flexibility of building complex pages.

If you want to create a new block, the order in which it needs to be created is BlockRow → BlockColumn → Block of choice. All blocks must be made in this nested order, and all blocks in the Layout Grids Reference Guide are made in this order. In order for blocks to be used in pages with the Site Builder Inline Editor, they need to be created using the layout grids format.

Multiple blocks can be added into one column and they will sit side by side, span size permitting. If you want blocks to stack within a column, you must create a separate row inside the column to put the block in.

BlockRows sit above or below each other, never side by side. They take up the full width of the screen unless specified otherwise by editing column spans to divide them. If you add a row to a column to further divide it, it will take up the entire width span set for the column. For example, if you want to have a row divided into 2 equal sized columns that together take up the entire width of the page, you would edit the span of both of the columns to be 6, so that 2 of them will sit side by side and take up the 12 span of the page.

Publish Tool

The publish tool is used to publish (or unpublish) a contentful entry and all of its related entries, including assets (media such as photos). All of the following fields are required.