remove-square-1 smiley-indifferent add-circle-bold cog-1 view-off keyboard-arrow-up headphones-customer-support filter-1 smiley-sad-1 archive single-neutral move-to-top synchronize-arrows-1 pencil-write add shield-warning smiley-happy keyboard-arrow-down book-star love-it rating-star folder-file-1 diagram-fall-down ticket-1 list-bullets rating-star messages-bubble-square lock-unlock-1 arrow-right-1 smiley-unhappy multiple-neutral-1 envelope-letter close disable add-square time-clock-circle hyperlink-2 arrow-up-1 pencil-1 smiley-unhappy arrow-down-1 wench layout-module-1 smiley-indifferent undo analytics-pie-2 navigation-menu-horizontal alarm-bell-1 common-file-stack network-browser file-code attachment-1 open-quote copy-paste envelope-letter print-text download-thick-bottom alert-diamond archive single-neutral-actions arrow-down-2 multiple-circle floppy-disk social-media-twitter close-quote arrow-left-1 close expand-6 smiley-sad-1 send-email-1 search add-circle ticket-1 information-circle smiley-happy flying-insect-honey remove-circle credit-card-1 check-1 hierarchy-9 view-1 time-clock-midnight drawer-send lock-2 smiley-smile-1_1 tags-double pencil-1 bin-paper-1 multiple-users-1 smiley-thrilled expand-6 button-record check-circle-1 view navigation-menu cog

Personalizing how Pico Appears on your Site

Tips on how to personalize the logo, cover photo, and color scheme.

Personalizing the look of Pico:

To personalize the widget and modal that appears on your site, so that the Pico experience blends seamlessly for your users, you can customize the logo , banner image, and link colors.

These settings can be controlled from within the dashboard:

Logo customization:

The logo you choose to upload will determine the appearance of the Pico badge in the lower right of your site and appear on Pico modals (400x400 pixels recommended). To personalize your logo, click the "Upload new logo" button, select the file, and save changes.

Cover photo customization:

To personalize your cover photo, click the "Upload new cover photo" and save changes. The cover photo (banner image) will only show on modals and landing pages (1500x500 pixels recommended).


Button & Link color customization:

To personalize the color of your buttons and links, click on the color square to change your preference. Clicking on any of the shades will automatically generate a 6 digit hex color code for you. You will see a preview of how this will look on your site to the left side.  Once you have decided on a color scheme, click the "Update Color" button.

Having trouble deciding on a color scheme? 

Relax, we have you covered. The color scheme will automatically populate based on the color of your uploaded cover photo and logo. You can also enter a specific hexcode in the field under "Button & Link Color". The combination of this 6 character code can represent millions of color options. Be sure to include the number sign "#" before the 6 characters to ensure the specific color displays correctly.