Call to action

A closing band with a title, one line and one or two buttons: "Open a trade account", "Talk to sales". Put it at the end of a page to tell the visitor what to do next.

Where to find it

In the theme editor, Add section › Call to action. The theme starts with it on: Home page, Page template "find-a-branch".

Settings

Setting	Choices	Shows when	What it does
Density	Follow theme · Compact · Normal · Spacious	Always	Space, columns and image shape in this section. Follow theme uses Density in Theme settings › Layout.
Text size	Default · Smaller · Standard · Larger	Always	Makes this section's text and title smaller or larger than its Density sets.
Color scheme		Always
Overline		Always
Heading		Always
Text		Always
Button label		Always
Button link		Button label is filled in
Second button label		Always
Second button link		Second button label is filled in

Who sees this

Setting	Choices	Shows when	What it does
Show this section to	Everyone · Guests and retail · Trade customers	Always	Trade customers are signed-in company buyers. The theme editor always shows the section. Learn more

Layout

Setting	Choices	Shows when	What it does
Alignment	Left · Center	Always
Section width	Full width · Contained	Always	Contained draws the color scheme as a panel inside the page margins.
Color around the panel	On · Off	Section width is Contained	Off shows the page background around the panel. Color scheme colors the panel itself.
Around the panel		Section width is Contained and Color around the panel is on

Which settings reveal which:

flowchart LR
  button_label["Button label"]
  button_link["Button link"]
  secondary_button_label["Second button label"]
  secondary_button_link["Second button link"]
  section_width["Section width"]
  panel_ground["Color around the panel"]
  ground_color_scheme["Around the panel"]
  button_label -- "filled in" --> button_link
  secondary_button_label -- "filled in" --> secondary_button_link
  section_width -- "is Contained" --> panel_ground
  section_width -- "is Contained  + more " --> ground_color_scheme
  panel_ground -- "on  + more " --> ground_color_scheme