ProUsing the Click to Call Widget

See this widget in action here.

Want to make it easy for visitors to call your business directly from your website? The Click to Call widget in aThemes Addons for Elementor adds a call button to your pages, with options for sticky floating buttons, popup modals, and working hours scheduling.

In this guide, we’ll walk you through how to activate, configure, and style the Click to Call widget in aThemes Addons.

---

Before you get started, make sure you’ve installed and activated the aThemes Addons plugin on your WordPress site along with Elementor. This widget requires aThemes Addons Pro.

The Click To Call Widget allows you to create a button for direct phone calls, suitable for support, inquiries, or customer service purposes. It supports customizable styles, sticky button functionality, and advanced features like working hours and user details.

Activating the Widget

To activate this widget:

1. Go to the aThemes Addons dashboard in your WordPress admin area.
2. Enable the Click To Call widget.
3. The widget will now appear in the Elementor editor under the “aThemes Addons” category.

Exploring Widget Options

After adding the Click to Call widget to your page, you’ll find several sections in the Content tab for configuring the call button behavior and display.

Configuring Main Settings

The Main Settings section controls the core functionality of the call button. Configure these options:

• Phone Number: Enter the phone number to be dialed when the button is clicked.
• Sticky Button: Enable or disable a floating call button.
• Position: Choose between “Left” or “Right” for the sticky button position.
• Mode: Select “Popup” for a modal with extra details or “Direct Link” for immediate dialing.
• Mobile Only: Restrict the button’s visibility to mobile devices.

Header and Content

• Header Mode: Display a custom title or user details.
• CTA Text: Customize the call-to-action message displayed in the popup.
• Button Text and Icon: Personalize the button’s label and icon.
• Require Terms: Add a checkbox for accepting terms before making the call.

Working Hours

Define a schedule to show the user as “Online” or “Offline.” For each day, you can set:

• Day: Specify the day of the week.
• Closed: Mark the day as closed (no availability).
• Start and End Times: Define the working hours for that day.

Customizing Style Options

• Header: Customize colors, typography, and the close button’s style.
• Body: Adjust background and text colors for the popup body.
• Buttons: Style the call button and toggle button separately for normal and hover states.

That’s it! You’ve successfully set up the Click to Call widget in aThemes Addons for Elementor.

Next, would you like to integrate contact forms into your Elementor pages? Check out our guide on using the Contact Form 7 widget to learn more.