(Plugin) Custom Color Palette

This article will teach you how to configure custom colors in the Stripo plugin.

Marina Krivenets avatar
Written by Marina Krivenets
Updated over a week ago

This feature helps you to reduce the number of color options that appear on the color palette in the editor.

These colors can be applied to text or other elements to make them more interesting and highlight important information.


It is included in all subscription plans (including the FREE one).

The list of custom colors you want to be displayed in the editor must be defined each time the editor is initialized. This approach helps you implement a variety of scenarios on your end, like:

  • you want your users to customize the list of colors in the editor when they edit emails. For this purpose, you can create an interface in your app and configure the editor accordingly;

  • you are a digital marketing agency, and you want to customize the list of colors in the editor according to a client’s brand for whom the email template is being created.

Here is an example of a custom color palette object that you can pass with Plugin initialization:

"customColorPalette": [
"#882724",
"#35882C",
"#FFD351",
"#1924FF",
"#B621EC",
"#95C4EC"
]

Please find the descriptions of the parameters below on the screenshot:

How to add an Initial list of colors to be in the custom palette?

This feature helps you to add a predefined list of colors for the custom palette.

Important to note: these colors will be updated after a custom color selection by a user.

Here is an example of a custom color palette object that you can pass with Plugin initialization:

"customColorPaletteColors": [
"#52af50",
"#6df6c1",
"#a16df6",
"#f66dbb"
]

Result:

How to add a Title for a custom color palette?

If you want to add a unique name for your Custom color palette, then the "customColorPaletteLabel" parameter will help you.

Here is an example of a code object that you can pass with Plugin initialization:

"customColorPaletteLabel": 'Last Used Colors:'

Result:

How to add a static list of colors to be in the brand color palette?

If you do not want to have an updated custom palette after a custom color selection by a user, use the "brandColorPaletteColors" parameter.

These color palette will be static.

Please use this example of a brand color palette object in the Plugin initialization:

"brandColorPaletteColors": [
"#22b16a",
"#1e96d0",
"#fedb16",
"#cd6871"
]

How to add a Title for the brand color palette:

If you want to add a unique name for your Brand color palette, then the "brandColorPaletteLabel" parameter will help you.

Here is an example of a code object that you can pass with Plugin initialization:

"brandColorPaletteLabel": 'Brand Colors:'

Result:


Thank you for taking the time to read our articles. We hope you will find this information helpful.

If you have any additional questions, please email us at support@stripo.email.

We would be glad to talk with you.


Did this answer your question?