Branding

Customize the visual elements of Frontnow Advisor to match your brand's visual identity.

In today's highly competitive market, it is more important than ever to create a strong brand identity that sets you apart from your competitors. Customizing the visual elements of your Frontnow Advisor widget is a great way to achieve this. By matching the colors, fonts, and other visual elements of the widget to your brand's visual identity, you can create a seamless and consistent user experience that reinforces your brand's values and message.

But customization is not just about making your widget look pretty. It can also have a significant impact on your customer engagement and conversion rates. By aligning your widget with your brand's visual identity, you can create a sense of trust and familiarity with your customers, which can lead to increased engagement and ultimately more conversions.

So don't overlook the importance of customizing your Frontnow Advisor widget. Take the time to carefully consider how you can use the visual elements of the widget to reinforce your brand identity and create a more engaging user experience for your customers.

Color Scheme

You can customize the color scheme of Frontnow Advisor to match your brand's visual identity. To do this, use the following initialization code:

new Advisor({
    colorScheme: {
        primary: '#000000',
        secondary: '#ffffff',
        tertiary: '#ff0000'
    }
});

In this code, primary is the main color used in the widget, secondary is the color used for text on the primary color and other elements, and tertiary is the color used for accents.

Custom Icon

You can choose an custom icon as launcher symbol of the Frontnow Advisor.

new Advisor({
    customIcon: "https://example.com/icon.png"
})

Custom CSS

You may apply any custom styling to the Launcher and the iFrame by styling the elements inside the corresponding IDs. Please be aware that styling changes might need to be adapted if the general style changes.

#frontnow-advisor-launcher { ... }
#frontnow-advisor-iframe { ... }

// You can use CSS attributes very flexibly, like
#frontnow-advisor-launcher {
  bottom: 20px;
  border-radius: 5px;
  ...
}

By customizing the branding of Frontnow Advisor, you can create a seamless and consistent user experience for your customers that aligns with your brand's visual identity. If you have any questions or need assistance, please don't hesitate to contact us.