Button Setup

Button Setup lets you customize subscription buttons to perfectly align with your brand.

Button Setup

Introduction

The Button Setup part empowers you to personalize your button in COD widget, ensuring they align seamlessly with your store’s branding.

With a range of customization options, you can adjust the button’s text, icons, colours, and style to match your store's design and appeal to your customers.

Stand out and provide a seamless shopping journey with buttons crafted to reflect your unique brand.

Understanding the rule

This Button section is divided into several components, each offering detailed customization options to align your subscription button with your brand. Here’s how each component works:

• Button Text

  • Title: Customize the main text of the button to fit your messaging.

  • Subtitle: Add a secondary line of text for additional clarity or emphasis.

• Icon

  Choose from four options: no icon or three predefined icons to enhance your button’s appearance.

• Colors (Use the toggle button)

  • Disabled: Applies your store’s default theme colours.

  • Enabled: Unlock customization for text color, background color, and border color.

• Style (Use the toggle button)

  • Disabled: Retains your store’s default styling.

  • Enabled: Customize the button's

    • Font size: Ranging from 12 to 32

    • Border radius: Ranging from 0 to 60

    • Border width: Ranging from 0 to 10

    • Shadow intensity: Ranging from 0 to 100%

• Preview

  See real-time updates of your changes, ensuring your button looks perfect before publishing.

This comprehensive setup allows you to create a button that’s visually appealing and aligned with your brand’s identity.

How to set up

Now, as you already understand how settings options work in this Button part, let's dive into how change those elements in practice.

Button Text

In this part, you can find 2 fields: Title and Subtitle.

In their default form, the Title is Buy with Cash on Delivery and the Subtitle is left blank. But you can edit both fields as you wish, without any rules or limitations.

Icon

You will have 4 icon options that you can easily choose from just by clicking on them.

Color

Use the toggle button in the top right corner of the Color section to choose if you prefer the default theme (disabled) or customize any colors you want (enabled).

The best part is, you can easily come back to default theme whenever you want just by clicking the toggle!

If you want to choose your own colors, just click on the color squares and choose the ones you want.

Style

Just like Color section, Style section has its own toggle button with the same function (choose to stay with default theme at the beginning or come back to it at anytime).

By enabling the toggle, you can customize Font size, Border radius, Border width and Shadow in 3 ways:

• Drag the slider right under the field name

• Input specific numbers by editing them

• Use the stepper buttons beside number fields

Overall

By customizing the button's text, icon, colors, and style in the Button Setup section, you can align it perfectly with your brand and provide an engaging, seamless experience for your customers. Take full control of your subscription button to boost conversions effortlessly!