How to add CTAs, Widgets and Weather effects

CTA/Buttons

Buttons or Call to Action (CTAs) are essential elements in ad design that can significantly impact the success of your advertising campaign. They bridge your ad and your desired action, whether it's making a purchase, signing up for a newsletter, or simply engaging with your content.

CTA/Buttons in Ad Studio

1. Head over to the left sidebar, go to Insert, and select Button.
2. You can choose from various button presets; once you find one to fit your needs, click on it, and it will be added to the stage.

Customizing your CTA

You can customize your button to align with your brand, ad message, and campaign goals. Here's how to customize your CTA.

1. Click on the button you've added to your creative.
2. Head over to the Properties bar, where you can make the following changes:
   • Change the text on the button to match your desired call to action.
   • Modify the button's:
     • Size: You can resize buttons by dragging their edges (left, right, top, bottom)
     • Position: With the mouse via drag and drop, or by the position values in the properties
     • Padding: Set numeric padding values
     • Alignment: Button text can be aligned left, right, or center.
   • You can select the button's color and font to maintain brand consistency.
   • Depending on your ad format, you can enable interactivity features for your button, such as hover effects or click actions.

Widgets

Widgets are helpful tools that can elevate your ad designs for marketing campaigns. In this article, we'll show you the available widgets in The Brief and where to find them within Ad Studio. 

Available Widgets

• YouTube Video. You can easily embed a YouTube video into your design and further customize it.
• Embed code. The Embed widget allows you to add custom code for your creative.
• Countdown. Add countdown timers to your ad to convey that sense of urgency.
• Weather. Create playful animations using weather presets like rain, snow, or fog.

Using Widgets in Ad Studio

1. Head over to the left sidebar and select Insert.
2. Click on Widgets.
3. Select the type of widget you wish to use.
4. You can customize your widget from the properties bar on the screen's right side.

Countdown Widget

Ad design is an art and science that requires careful consideration of various elements to influence the viewer's behavior. Two of the most crucial components in ad design are a sense of urgency and the fear of missing out (FOMO). In The Brief, you can bring these elements to life using the Countdown Widget. In this article, we'll show you how to add a custom widget to your creative.

How to Add a Countdown Widget

1. Head over to the left sidebar and select Insert.
2. Click on Widgets.
3. Select Countdown.
4. To make changes to the widget, head over to the Properties bar, and under Options, you can select the type of countdown you want to use:
   • To date - Select the date from the dropdown menu, adjust the time, and choose the current timezone for your campaign.
   • From number - Input the number from which you'd like the countdown to start.
5. Additionally, you can make further adjustments from the Text section.

Note: We recommend using HTML5 as an export format, which works best with countdown timers. If you choose an MP4 format, the timer will stop just as the video ends.

Weather Effects

With the Weather Widget, you can tailor your ads and send a unique message that ultimately makes people pay attention and drives them to make a purchase.

Weather effects like fog, rain, and snow let you target your customers in real time and promote your product.

You can apply weather effects to your designs without having to code or manually add and animate many images one after the other to get the desired result. 

How to Use Weather Effects

1. Head over to the left sidebar and select Insert.
2. Click on Widgets.
3. Select Weather.
4. To make changes to the widget, head over to the Properties bar, and under Options, you'll be able to make adjustments to it, such as switching between the available types of effects:
   • Fog.
   • Rain.
   • Snow.
5. Additionally, you can adjust the Size, Speed, Density, and Opacity.

Important: If you download your design in HTML5, the effect will appear in the media folder in PNG format.