Calls to Action

CTA strip

Simple text message call-to-action which uses optional icon, with text message and right-hand side button

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

1 column CTA

Simple call-to-action based off 1-col text component.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Button Text

2 column CTA

Dual call-to-action based off 2-col text component.

Phone

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

0800 010 010

Send a message

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Button Text

Full-width 2 column CTA

Dual call-to-action based off the full-width text/image component, filling 100% of the page width.

Phone

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

0800 010 010

Send a message

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Button Text

2 column CTA with “Available Now” indicator

Dual call-to-action based off 2-col text component.

Displays a message under the phone number saying “Available now” if the current time is within the company’s opening hours.

Implementation tip
Copy the contents of the HTML embed element and paste it at the bottom of the site's footer custom code. Then delete the embed element.

In the code, set the opening hours for each day of the week to match the company’s opening hours. Change the timezone if the company is outside of Melbourne time.

Once you’ve styled the “Available now” indicator, set the display property of .c-available-now to “none" in the style panel. The script will show the element on the published site if the company is open.

Phone

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

0800 010 010
Available now

Send a message

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Button Text

Full-width 2 column CTA with “Available Now” indicator

Dual call-to-action based off the full-width text/image component, filling 100% of the page width.

Displays a message under the phone number saying “Available now” if the current time is within the company’s opening hours.

Implementation tip
Copy the contents of the HTML embed element and paste it at the bottom of the site's footer custom code. Then delete the embed element.

In the code, set the opening hours for each day of the week to match the company’s opening hours. Change the timezone if the company is outside of Melbourne time.

Once you’ve styled the “Available now” indicator, set the display property of .c-available-now to “none" in the style panel. The script will show the element on the published site if the company is open.

Phone

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

0800 010 010
Available now

Send a message

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Button Text