--- title: Widget Design description: In the design section, you can adjust the settings of the widget and certificate and set up a general colour theme.  --- [Skip to content](https://support.customer-alliance.com/en/knowledge-base/widget-design#main-content) [More support](https://support.customer-alliance.com/en/knowledge-base/kb-tickets/new?hsLang=en) [Customer portal](https://support.customer-alliance.com/tickets-view?hsLang=en) ![Customer-Alliance-Horizontal-logo-on-light (2)](https://support.customer-alliance.com/hs-fs/hubfs/Customer-Alliance-Horizontal-logo-on-light%20(2).png?width=260&height=260&name=Customer-Alliance-Horizontal-logo-on-light%20(2).png) Open main navigation Close main navigation - [More support](https://support.customer-alliance.com/en/knowledge-base/kb-tickets/new) - [Customer portal](https://support.customer-alliance.com/tickets-view) Hello. How can we help you? - There are no suggestions because the search field is empty. 1. [Support knowledge base](https://support.customer-alliance.com/en/knowledge-base?hsLang=en) 2. [Settings](https://support.customer-alliance.com/en/knowledge-base/settings?hsLang=en) # Widget Design ## In the design section, you can adjust the settings of the widget and certificate and set up a general colour theme.  ### General #### Colour theme - Main colour: used for display of invitation and widget - Button colour: primary button colour for the widget, certificate, and invitations (as the text colour on buttons is always white, we recommend not to use a very light colour) - Background: used for certificate and questionnaire (depending on questionnaire settings) - Overlay text colour: colour for text that appears over the main colour #### Logo & Header image When uploading a logo or header image, keep the recommended formats in mind. The logo will be used for the certificate, invitations, and questionnaire, while the header image is used for the certificate. ![](https://lh7-us.googleusercontent.com/9M9oafsPoUHzkhDQyFz5oPmuZKvlo7gkW3uPrOqhtoLBXanHTYYf33istg8e7S37wqL3TNNWWk5lFpg7z5qbBenTvgHhzWpvh9RICD5kh3D2bU2NWOJ86UM1loM8NGHV7a_Jd4s9OzmOVGLazYcm1Ng) #### Certificate and Widget This section gives you the opportunity to adjust the settings for your widget and certificate. The widget code does not change when settings are adjusted. Therefore, settings can also be changed after embedding the widget on the website. #### External portals - Show ratings of external portals on the certificate - If this option is not used, the rating on the widget will only represent the Customer Alliance reviews #### Position & Orientation - Choose where the widget should be positioned on your website and whether you want it displayed vertical or horizontal #### Language - You can either select a language, in which the widget is displayed or choose automatic detection, which will display the widget in the browser language #### Generate code - Here you can find the widget code and send it directly to your web designer ![](https://lh7-us.googleusercontent.com/Tdm3FJjzqWCTolcIzDBBhYmxV0PmF6xnCqjz26lFpfsS1UgdhJ6Aru4JgbcLKaXG7H0oegn1YZG5HAruDSHjTQs2NHy7EDiHkuksm7n-FkAzZ_aAEGq531e4p_8an0pC6ntwmc4U_9cWWqU4y4cjEFI) In the tab “External Links” the booking link can be adjusted. This is the link to which guests are forwarded when clicking on “book now”. The text on the button can be changed to “More Info” or “Offers”. However, this change can only be conducted by Customer Alliance. If you wish to change the wording to one of the other options, please contact the support team.  ![](https://lh7-us.googleusercontent.com/YNOZCnYKMukr03Xik846auKk-bQ4YwYRzyoWgckAKYgdwctA233QY1MpjVeyTPqSkFz-Lp9S_Zy0MFAQzmNDQ3GCWQ8YL_yxJiLoFpy4VjVCWzO59H0rtEMbrhd6lFj3lCDgPU52MKry5U-QMrJfsSw) - [English](https://support.customer-alliance.com/en/knowledge-base/english?hsLang=en#main-content) - [Customer Alliance Academy](https://support.customer-alliance.com/en/knowledge-base/english?hsLang=en#customer-alliance-academy) - [Dashboard](https://support.customer-alliance.com/en/knowledge-base/english?hsLang=en#dashboard) - [AI Hub](https://support.customer-alliance.com/en/knowledge-base/english?hsLang=en#ai-hub) - [Analytics 360](https://support.customer-alliance.com/en/knowledge-base/english?hsLang=en#analytics-360) - [Communication](https://support.customer-alliance.com/en/knowledge-base/english?hsLang=en#communication) - [Reviews](https://support.customer-alliance.com/en/knowledge-base/english?hsLang=en#reviews) - [Reports](https://support.customer-alliance.com/en/knowledge-base/english?hsLang=en#reports) - [Define & Track](https://support.customer-alliance.com/en/knowledge-base/english?hsLang=en#define-track) - [Settings](https://support.customer-alliance.com/en/knowledge-base/english?hsLang=en#settings) - [User settings](https://support.customer-alliance.com/en/knowledge-base/english?hsLang=en#user-settings) - [Deutsch](https://support.customer-alliance.com/en/knowledge-base/deutsch?hsLang=en#main-content) - [Customer Alliance Akademie](https://support.customer-alliance.com/en/knowledge-base/deutsch?hsLang=en#customer-alliance-akademie) - [AI Reply 2.0 FAQ's](https://support.customer-alliance.com/en/knowledge-base/deutsch?hsLang=en#ai-reply-2-0-faqs) - [Dashboard](https://support.customer-alliance.com/en/knowledge-base/deutsch?hsLang=en#dashboard) - [Analyse 360](https://support.customer-alliance.com/en/knowledge-base/deutsch?hsLang=en#analyse-360) - [Kommunikation](https://support.customer-alliance.com/en/knowledge-base/deutsch?hsLang=en#kommunikation) - [Bewertungen](https://support.customer-alliance.com/en/knowledge-base/deutsch?hsLang=en#bewertungen) - [Reports](https://support.customer-alliance.com/en/knowledge-base/deutsch?hsLang=en#reports) - [Definieren & Verfolgen](https://support.customer-alliance.com/en/knowledge-base/deutsch?hsLang=en#definieren-verfolgen) - [Einstellungen](https://support.customer-alliance.com/en/knowledge-base/deutsch?hsLang=en#einstellungen) - [Benutzereinstellungen](https://support.customer-alliance.com/en/knowledge-base/deutsch?hsLang=en#benutzereinstellungen) - [Français](https://support.customer-alliance.com/en/knowledge-base/fran%C3%A7ais?hsLang=en#main-content) - [Customer Alliance Academy](https://support.customer-alliance.com/en/knowledge-base/fran%C3%A7ais?hsLang=en#customer-alliance-academy) - [AI Reply 2.0 FAQ's](https://support.customer-alliance.com/en/knowledge-base/fran%C3%A7ais?hsLang=en#ai-reply-2-0-faqs) - [Dashboard](https://support.customer-alliance.com/en/knowledge-base/fran%C3%A7ais?hsLang=en#dashboard) - [Analyze 360](https://support.customer-alliance.com/en/knowledge-base/fran%C3%A7ais?hsLang=en#analyze-360) - [Communication](https://support.customer-alliance.com/en/knowledge-base/fran%C3%A7ais?hsLang=en#communication) - [Avis](https://support.customer-alliance.com/en/knowledge-base/fran%C3%A7ais?hsLang=en#avis) - [Rapport](https://support.customer-alliance.com/en/knowledge-base/fran%C3%A7ais?hsLang=en#rapport) - [Définir & suivre](https://support.customer-alliance.com/en/knowledge-base/fran%C3%A7ais?hsLang=en#d%C3%A9finir-suivre) - [Configuration](https://support.customer-alliance.com/en/knowledge-base/fran%C3%A7ais?hsLang=en#configuration) - [Paramètres utilisateur](https://support.customer-alliance.com/en/knowledge-base/fran%C3%A7ais?hsLang=en#param%C3%A8tres-utilisateur) - [Italiano](https://support.customer-alliance.com/en/knowledge-base/italiano?hsLang=en#main-content) - [Accademia dell Customer Alliance](https://support.customer-alliance.com/en/knowledge-base/italiano?hsLang=en#accademia-dell-customer-alliance) - [AI Reply 2.0 FAQ's](https://support.customer-alliance.com/en/knowledge-base/italiano?hsLang=en#ai-reply-2-0-faqs) - [Dashboard](https://support.customer-alliance.com/en/knowledge-base/italiano?hsLang=en#dashboard) - [Analisi 360](https://support.customer-alliance.com/en/knowledge-base/italiano?hsLang=en#analisi-360) - [Communication](https://support.customer-alliance.com/en/knowledge-base/italiano?hsLang=en#communication) - [Recensioni](https://support.customer-alliance.com/en/knowledge-base/italiano?hsLang=en#recensioni) - [Report](https://support.customer-alliance.com/en/knowledge-base/italiano?hsLang=en#report) - [Definisci e traccia](https://support.customer-alliance.com/en/knowledge-base/italiano?hsLang=en#definisci-e-traccia) - [Impostazioni](https://support.customer-alliance.com/en/knowledge-base/italiano?hsLang=en#impostazioni) - [Impostazioni utente](https://support.customer-alliance.com/en/knowledge-base/italiano?hsLang=en#impostazioni-utente) - [Español](https://support.customer-alliance.com/en/knowledge-base/espa%C3%B1ol?hsLang=en#main-content) - [Academia de la Customer Alliance](https://support.customer-alliance.com/en/knowledge-base/espa%C3%B1ol?hsLang=en#academia-de-la-customer-alliance) - [AI Reply 2.0 FAQ's](https://support.customer-alliance.com/en/knowledge-base/espa%C3%B1ol?hsLang=en#ai-reply-2-0-faqs) - [Polski](https://support.customer-alliance.com/en/knowledge-base/polski?hsLang=en) - [AI features](https://support.customer-alliance.com/en/knowledge-base/ai-features?hsLang=en) - [Customer Alliance Academy](https://support.customer-alliance.com/en/knowledge-base/customer-alliance-academy?hsLang=en) - [Dashboard](https://support.customer-alliance.com/en/knowledge-base/dashboard?hsLang=en) - [Communication](https://support.customer-alliance.com/en/knowledge-base/communication?hsLang=en) - [Analytics 360](https://support.customer-alliance.com/en/knowledge-base/analytics-360?hsLang=en) - [Reviews](https://support.customer-alliance.com/en/knowledge-base/reviews?hsLang=en) - [Reports](https://support.customer-alliance.com/en/knowledge-base/reports?hsLang=en) - [Define & Track](https://support.customer-alliance.com/en/knowledge-base/define-track?hsLang=en) - [Settings](https://support.customer-alliance.com/en/knowledge-base/settings?hsLang=en) - [User settings](https://support.customer-alliance.com/en/knowledge-base/user-settings?hsLang=en) - [Italiano (1)](https://support.customer-alliance.com/en/knowledge-base/italiano-1?hsLang=en) - [Ticket Listing](https://support.customer-alliance.com/tickets-view) - [Support Knowledge Base](https://support.customer-alliance.com/en/knowledge-base) - [Sign Out](https://support.customer-alliance.com/_hcms/mem/logout) [![Customer-Alliance-Horizontal-logo-on-light (2)-2](https://support.customer-alliance.com/hs-fs/hubfs/Customer-Alliance-Horizontal-logo-on-light%20(2)-2.png?width=117&height=117&name=Customer-Alliance-Horizontal-logo-on-light%20(2)-2.png "Customer-Alliance-Horizontal-logo-on-light (2)-2")](https://www.customer-alliance.com/en/) Copyright © 2025, CA Customer Alliance GmbH