Navigate to the Appearance page. You will see some options, customize them as you want. As you make changes, the output will be reflected on the right side. Once you finished customizing, make sure to click the SAVE NOW button. It will not be saved unless you save it.
Following are the options and their definition which you will find on the Appearance page:-
ZIP Code Widget Heading:-
This section is used to customize the heading of the widget.
Select Icon - Icon which will appear on the heading of the widget.
Heading - Heading of the widget.
ZIP Code Input Box:-
This section is used to customize the text field where the zip code will be entered.
Placeholder Text - Placeholder of the text input box. This text will be shown when the text field is empty.
Width (in px) - Width of the input text box in pixels.
Border - If yes, the border will appear in the text box, if no, no border will be shown.
Border Style - If the border is selected yes, the border could be styled in three ways, solid, dashed, or dotted.
Border Color - If the border is selected yes, the color of the border could be chosen here.
Radius(px) - If the border is selected yes, you can round the corners of the border with this option.
ZIP Code Check Button:-
This section is used to customize the button which will be clicked for checking the status of the entered zip code.
Button Text - The text inside the button.
Border - If yes, the border of the button is shown, if no, no border will be shown.
Border Style - If the border is selected yes, the border could be styled in three ways, solid, dashed, or dotted.
Border Color - If the border is selected yes, the color of the border could be chosen here.
Radius(px) - You can round the corners of the button with this option.
Background Color - The color of the button could be chosen here.
Text Color - The color of the text inside the button.
ZIP Code Output Message:-
This section is used to customize the messages shown as the result of the zip code serviceability check. Every Set has can have different messages but the color of these will be the same.
Success Message Color - The color of the message when the check result is serviceable.
Failure Message Color - The color of the message when the check result is un-serviceable.
Compulsory ZIP Code Check at Product Page:-
If the Make ZIP Code Check Compulsory button is set to on for a set, the AddToCart button will be disabled. It will only be activated if the serviceable zip code will be entered.
If the AddToCart button is disabled a tooltip will appear on hovering over the button. You can customize this tooltip in this section.
Tooltip Text - The text of the tooltip. Such as, Enter a zip code below.
Background Color - The background color of the tooltip.
Text Color - The color of the tooltip text. Set it according to color combination with the background color.
Additional Output Messages for Paid Plan Users:-
These options will appear on the ZIP Code Output Message section if you are a paid plan user.
Msg2 Color - The color of the first customized message when the check result is serviceable.
Msg3 Color - The color of the second customized message when the check result is serviceable.
Msg4 Color - The color of the third customized message when the check result is serviceable.
Note:- Sometimes the tooltip does not appear. This happens because every store has its different page structure, some may not be fully compatible with the default settings.
If this issue occurs, write to us. After some customization from our side, It will work.