đCustomize the Call Button to your brand design
Let's look at how to style and personalize your Call Button to suit your brand.
Fully customise the appearance of your Call Button to reflect your brand and website.
Here are some tips on how to customize your Call Button to match your brand design:
Use your brand colors: Use your brand colors in the widget's design to create a consistent look and feel. You can do this by changing the colour of the widget's background, buttons, and text.
Select your fonts: Use a font in the widget's text to create a cohesive look. You can do this by changing the font of the widget.
Use your brand logo: Add your brand logo to the widget to make it instantly recognizable. You can do this by adding a logo image to the widget's header.
Use your brand style guide: If you have a brand style guide, use it to ensure that your widget's design is consistent with your overall brand identity.
By following these tips, you can create a widget that matches your brand design and creates a seamless experience for your visitors.
Here are some additional tips for customizing your widget to match your brand design:
Use high-quality images and graphics: Using high-quality images and graphics in your widget will make it look more professional and polished.
Keep your widget design simple and uncluttered: Too much text or low quality images can make your widget look cluttered and overwhelming. Focus on including the most important information and using a simple, clean design.
Test your widget on different devices: Make sure your widget looks good and functions properly on all devices, including desktop, smartphones, and tablets.
By following these tips, you can create a widget that is both visually appealing and functional.
Let's customize the Call Button to your brand design
Go to "Widget"
Select "Customize your call button"
Let's look at each function within this fully customised feature.
Call button - "ENABLE" or "DISABLE" your call button.
Select Button Icon - Choose from an exciting array of button icons or upload your own design.
Button Colour - Choose your button colour or enter the colour code.
Call Button shape - Choose the shape of your Call Button, there are 3 options:
Classic
Square
Rectangle - This option allows you to add text within your call button.
Animation - "ENABLE" or "DISABLE" button animation, enhancing the presence of your button with a pulse effect.
Border - "ENABLE" or "DISABLE" place a boarder on your button.
Notification - ENABLE or DISABLE
Background style - Choose between a solid and gradient colour effect.
Button size - Use the slider to alter button size.
Border radius - Use slider to alter button radius.
Shadow - Use slider to alter button shadow
Opacity - Use slider to alter button opacity
Position On Page - Choose where you position the call button on your page. Choose from TOP LEFT, TOP RIGHT, BOTTOM LEFT, BOTTOM RIGHT.
Display - Choose whether your Call Button appears on Desktop, Mobile Devices or both.
Google Analytics - Select to link your Call Button to your Google Analytics account.
Let's customize the Bubble Text to your brand design
Fully customise the appearance of your Call Button to reflect your brand and website.
Greeting Message - "ENABLE" or "DISABLE" your greeting message that appears alongside your Call Button.
Intro online / Intro offline - Customise an intro message for when your widget is on and offline to reflect your business hours.
Greeting online / Greeting offline - Customise a greeting message for when your widget is on and offline to reflect your business hours.
Greeting template - Choose between 2 greeting templates.
Add Quick links - Add quick links to your Call Button Bubble including, "Send Message", "Web call", "Callback", "Meeting and "Custom". Select to "ENABLE / DISABLE" or mark as "Visible".
Position - Choose the position of your Bubble.
Greeting CTA - Add a Greeting CTA Button with custom text.
Greeting delay - Delay the Bubble appearing in seconds.
Logo - Add your brands logo
Link Messaging Apps within the Bubble, including WhatsApp, SMS, Telegram, your Virtual number and Facebook. Select to "ENABLE / DISABLE" and select "SAVE".
To test your newly Call Button Bubble, select "Widget Preview" displayed in the header menu.
View, configure, customize the customer facing text and test your new channel.
Last updated
