Call to Action Component

Variation 1

With Regular sized Image, Style as Topline, Image Position as Left and no button

Variation 2

With Regular sized Image, Style as Topline, Image Position as Left and Primary button with external URL under BMS authority

Variation 3

With Regular sized Image, Style as Topline, Image Position as Right and no button

Variation 4

With Regular sized Image, Style as Topline, Image Position as Right and Primary button with internal URL and Secondary button with External URL

Rich Text Editor page

Variation 5

With Large sized Image, Style as Topline, Image Position as Left and no button

Variation 6

With Large sized Image, Style as Topline, Image Position as Right and Primary button with external URL checked "Not under BMS Authority"

Secondary button option will only come when the Size of the image is selected as LARGE

Variation 7^@

With Regular sized Image, Style as Floating, Image Position as Left and no button.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Variation 8

With Large sized Image, Style as Floating, Image Position as Right, Primary and Secondary button.

Secondary button option will only come when the Size of the image is selected as LARGE

Locale page properties

General page properties

Variation 9

With Regular sized Image, Style as Color, Image Position as Left and Primary button.

When COLOR is selected in Style dropdown, the CTA takes the full width of the screen and background color as the dark gradient colors added under Site Color Theme in Locale Page Properties and the text color is taken as the secondary color added.

Site Color Theme Details

Variation 10

With Large sized Image, Style as Color, Image Position as Left and primary & secondary button.

CTA authoring details

Variation 11

With Regular sized Image, Style as Color, Image Position as Background and no button.

Image Position as Background will only work when the Style is selected as Color.

The text content is center aligned inside Image Position Background.

Variation 12

With Large sized Image, Style as Color, Image Position as Background and primary & secondary button.

Image Position as Background will only work when the Style is selected as Color.

The text content is center aligned inside Image Position Background.

Secondary button option comes only when the Image size is selected as Large

Variation 13

Without image, Style as Topline and Primary button

When no image is added in CTA, the text is center aligned.

Variation 14

Without image and Style as Floating.

When no image is added in CTA, the text is center aligned.

Variation 15

Without image, Style as Color and both primary and secondary button

Additional Information

This component can be authored by Editors.
For content editing details and text formats within this component, please visit Text Format page.
CTA component can be added without buttons and images.
Background image option in Image Position dropdown will only work when the Style is selected as Color.
Clicking on external link or downloadable pdf would redirect the user to a new tab
Option to text-wrap the button in-case if it's lengthy depending on the device resolution. Refer to variation 12
When COLOR is selected in Style dropdown, the CTA takes the full width of the screen and background color as the dark gradient colors added under Site Color Theme in Locale Page Properties and the text color is taken as the Secondary Color added in the same.

For more details on authoring part, please visit Call to Action component authoring guide.

BuildEasy Design Lab

Call to Action

Additional Information

Product Catalog