Using the Call to Action Widget in Composer 2

The Call to Action (CTA) widget is designed to create attention-grabbing sections that engage visitors and encourage action. This versatile widget allows you to design visually compelling CTAs that match your website’s branding.

Key Features

Customizable Design

• Add a title, description, and button with your own branding.

Flexible Background Options

• Choose from solid colours, gradients, images, videos, or repeating patterns.

Custom Colour Palettes

• Use your predefined brand palette or define custom colours.

Image & Video Overlays

• Apply adjustable overlays to improve text readability.

Style Controls

• Add borders and adjust corner radius for smooth, polished edges.

How to Add

1. Access the Widget

   • In your Back Office, open the page you want to edit.

   • Click the Widget icon → Call to Action.

2. Add Content

   • Enter a title and optional description.

   • Add a button and set the link.

3. Customize Background & Styling

   • In the Settings tab, choose your background style:

     • Colour or gradient (use palette or custom colours)

     • Image (adjust opacity if needed)

     • Video (add overlay for readability)

     • Pattern (repeating image)

   • Optionally, add borders and adjust corner radius.

4. Save and Preview

   • Click Save and preview your page to ensure your CTA appears as intended.

The Call to Action widget is perfect for highlighting key messages, promotions, or important links while maintaining a cohesive, on-brand look across your website.

Watch the Video Demo:

Video Transcript:

The Call to Action widget is an easy tool that will allow you to create attention-grabbing sections on your website.
You can easily customise this to fit your branding.
To add a widget, please go into your page, click on the widget icon, followed by the Call to Action button, and add your title and any description you may have.
It's also recommended to add a button at this stage.
Don't forget to hit submit to set your link.
Once you've set up your content, you can move to the Settings tab to set up the background.
The background can be a colour, a gradient, an image, video, or pattern.
If you choose colour, you'll have the options from your colour palette.
You can also choose a custom colour.
If you choose a gradient, once again you have the options from your colour palette.
You can always choose to customise these colours.
If needed, you can add an image—browse to your image and adjust the opacity that appears over the top of it.
If you choose a video, once again there is an overlay over the top of your video to allow for easy reading.
The pattern option will be an image that repeats.
We're going to opt for an image.
OK, my image is quite dark, so I'm going to reduce the opacity at this point.
I can also add borders.
Say for example I want to add that border, and I can add a corner radius.
This is the curve that appears around the edges of your item.
Hit save and view your page.