Get started
Toggle Menu

Welcome to the handy guide to all of the panels and blocks that are available across the Access PaySuite website.

When constructing a new page, a number of different reusable panel types are available for use...

  • Content Panel
    Providing a single or double-column block layout.

  • Tabbed Content Panel
    As per Content Panel but with added tabs.

  • Box Content Panel
    It's the same as a Content Panel but wrapped in a box!

Content Panel

The Content Panel is the most commonly used panel, allowing the choice of one or two column blocks of content using a number of different repeatable block types. These block types are explained in detail below.

Accordion Block

What is the Accordion Block useful for?

The accordion component lets users show and hide sections of related content on a page. It's great for FAQs, or any lengthy sections of text in a question and answer format.

How does it work?

Simply click on the question and the answer is revealed underneath.

Is there a limit on the number of items you can add to an accordion?

No! Use as many as needed.

Can I add numbers alongside the questions?

Yes! Simply tick the "Add numbers" option to display numbers alongside the questions.

Embed Block

The Embed Block is useful for embedding third-party Javascript snippets anywhere on a page. Simply paste the code provided into the Embed Code field and that's it! There is no example shown here as there are endless possibilities to what can be embedded.

Features Block (Icons)

  • Feature #1

    This is an example feature with an icon

  • Feature #2

    This is an example feature with an icon

  • Feature #3

    This is an example feature with an icon

  • Feature #4

    This is an example feature with an icon

Features Block (Stats)

  • 828

    Height of the Burj Khalifa in feet

  • 2737

    Length of the Golden Gate Bridge in metres

  • 90000

    Seats at Wembley Stadium

Iframe Block

Much like the Embed block, the Iframe block allows an embed of another website but via an iframe. Not intended for use with videos (see Video Block below for more info).

Pexels Andrea Piacquadio 3756345

Image Block

The Image Block is useful for adding a single image to the page.

It can also be used alongside another block type, as shown in this example of a Text Block accompanied by an Image Block. It is also possible to choose from three different mask styles to appear above the image.

Images Block

The Images Block allows images to be linked to other pages/content. It can also be displayed as a slider instead of a grid layout.

Map Block

Embed a Google Map with an optional marker in the centre.

The map location is calculated via latitude and longitude. The map zoom level can also be customised.

Marketo Form Block

The Marketo Form Block allows a Marketo form to be embedded within the page. The block takes a Marketo Program Name, Form ID and after submission can display a message or redirect to another page.

A Quote Block is similar to a Text Block but intended for adding prominence to a quote or testimonial. Start and end quotes can be removed if required along with the name of the person the quote is attributed to.

Benjamin Gisvold, Technical Director, TIPi Group

Resource Block

The Resource Block allows the selection of an existing resource/download to be displayed.

Signpost Block

Pexels Liza Summer 6348112

Signpost Item 1

This is a signpost block. You can add up to three items here.

Pexels Andrea Piacquadio 919436

Signpost Item 2

You can optionally add a description to each item and up to two links.

Signpost Item 3

Signposts can also be displayed as a carousel and you can also use icons!

Text Block

The Text Block does exactly what it says on the tin. A simple rich text editor allowing for formatted text, lists, tables etc. Particularly useful in combination with other blocks in a two column layout. Text Blocks allow the creation of following elements...


Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Paragraph text (this is the default text style if nothing is selected within 'Formats'). Financial economics is the branch of economics that studies the interrelation of financial variables, such as prices, interest rates and shares, as opposed to goods and services. Financial economics concentrates on influences of real economic variables on financial ones. In contrast to pure finance, it centres on pricing and managing risk management in the financial markets, and thus produces many commonly employed financial models.

Basic Link

Call to Action Link

Button Link

  • Bullet (unordered) List - Item 1
  • Bullet (unordered) List - Item 2
  • Bullet (unordered) List - Item 3
    • Indented I
    • Indented II
    • Indented III
      • We're really indenting now!
      • Ok, that's enough
  1. Numbered (ordered) list - Item 1
  2. Numbered (ordered) list - Item 2
    1. Indented...
    2. And again

Some italic text

Some bold text

This Is A Simple Table Example
Cell Cell Cell Cell Cell Cell
Cell Cell Cell Cell Cell Cell
01234 01234 01234 01234 01234 01234
A Table Containing Some Data Here

This is a Titled CTA Block

This is an example of a Titled CTA (Call To Action) Block. It's useful for creating an impactful link to guide users to another page.

Video Block

Tabbed Content Panel

The Tabbed Content Panel is the very similar to the Content Panel, allowing the choice of one or two column blocks of content using a number of different repeatable block types. The difference here is that multiple blocks can be contained within a tabbed layout, as per the example below...

  • First Tab
  • Second Tab
  • Third Tab

Financial economics is the branch of economics that studies the interrelation of financial variables, such as prices, interest rates and shares, as opposed to goods and services. Financial economics concentrates on influences of real economic variables on financial ones. In contrast to pure finance, it centres on pricing and managing risk management in the financial markets, and thus produces many commonly employed financial models.

Pexels Andrea Piacquadio 3756345
Pexels Andrea Piacquadio 3756345

Financial economics is the branch of economics that studies the interrelation of financial variables, such as prices, interest rates and shares, as opposed to goods and services. Financial economics concentrates on influences of real economic variables on financial ones. In contrast to pure finance, it centres on pricing and managing risk management in the financial markets, and thus produces many commonly employed financial models.

Everyday is a bank account, and time is our currency. No one is rich, no one is poor, we've got 24 hours each.

Christopher Rice

Box Content Panel

This is an example of a Box Content Panel. Essentially it's the same as a Content Panel but neatly surrounded by a box with a shadow. It can also have decorative boxes surrounding it much like this example.