Wisernotify Blogs

Learn about marketing strategies, marketing tools, themes & plugins to improve your conversion rates

How to Add All in One CTA Widget on Your Website?
Add All in One CTA Widget

How to Add All in One CTA Widget on Your Website?

CTA widgets are a great way to increase conversion rates. They are used as an alternative to text links. They can also be used to redirect users to specific pages on the site instead of just a homepage.

There are many different types of CTA widgets, but they all have the same goal: increasing conversion rates and user engagement. They offer many benefits such as:

  • They help with lead generation
  • They integrate with the website’s design
  • They have the potential to increase conversions
  • They are easy to use

The all-in-one CTA widget is an easy way for marketers to increase the number of conversions on their site by adding CTAs. A study from HubSpot found that adding just one CTA increased conversion rates by 13%.

The all-in-one CTA widget allows marketers to add different types of CTAs such as text, buttons, images, or videos. They can also customize the color and size of their CTA buttons so they stand out from the rest of the page content

You can create an All-in-one CTA widget without writing a single line of code using WiserNotify. Lets see how you can create and add all in one CTA widget on your website/

How to Create All-in-One Widgets for your website?

  1. Go to WiserNotify App and Create an account.

2. Once you log in, install the pixel on your website. You can find your pixel code here.

3. Now, click on the “Add Notification” button.

4. You will have different types of social proof notifications and widgets here. Click on Widgets and go to the “Call To Action”. Here you’ll see find the All-in-one CTA widget

5. Just click on “Select Designs”


You’ll see a pop-up asking name and URL. Enter a name that is easy to remember, and enter the URL where you want to display all in one CTA widget. You can enter multiple website URLs here. Once you fill in this information, click on “Create & Customize”.

6. You’ll be redirected to the customization page. Here we’ve two sections- Design, & Display.

7. In the design section, you can change the look and feels of the widget.

  • See Preview on mobile and desktop screen
  • Edit text, Icon, position, animation,
  • Choose which CTA’s you want to add
  • Skip Seen widgets
  • Display widgets in the loop with other notifications
  • Apply Behavioral rule- Set start and expiry date for widgets or specific days of the weeks
  • Set exit intent, scroll-based intent or time based intent
  • Set hide rules and countdown timer

You can enable and disable CTA’s by turning the toggle ON & OFF

You can add URL’s when you turn the toggle ON. Whenever you turn the toggle ON you’ll see these options to customise that CTA.

You can also add your own CTA’s by using this “Add New” button

8. Once you’ve customized the design section, save it and move to the next option by clicking the continue button.

9. The next section is the display section; here, you can set display rules.

10. Once you have customized both these options, click on “Finish.

And turn the widget ON

That’s it. The All in one CTA widget will be live on your website. You can check it on your website

So that’s how you can create an All in one CTA widget on your website.

Related: 50+ real examples of social proof

We have also created one video on how you can create all in one CTA widget, you can watch it here.