Gift Card Note
Updated 21 days agoThe Gift Card Note section allows customers to add a personalized message when purchasing a gift. This is especially useful for gifting occasions, helping users create a more thoughtful and customized experience.
Visibility
-
Enable or Disable – Use the eye icon to show or hide the section
-
Delete – Remove the section if it’s no longer needed
Input
This section controls how the input field appears and behaves.
Label Text
This is the label shown above the input field.
You can customize:
-
Placeholder – Add guiding text inside the input field
-
Font – Choose a font that matches your brand
-
Size/Weight – Adjust how bold or subtle the text appears
-
Line Height – Control spacing
-
Letter Spacing – Fine tune spacing between characters
-
Color – Choose a readable color
Input Text
This controls how the text entered by the user appears.
You can customize:
-
Font
-
Size/Weight
-
Line Height
-
Letter Spacing
-
Color
Input Background
-
Color – Set the background color of the input field
-
Radius – Adjust corner roundness
-
Padding – Control spacing inside the input field
Input Border
-
Idle Color – Border color when the field is not active
-
Active Color – Border color when the user is typing
-
Width – Adjust thickness
Display Settings
Control how and when the gift card note appears.
-
Default Visible – Turn on or off to show the field by default
-
Enter Unique ID – Assign a unique identifier to the input field
-
Add Attribute Key – Define the attribute key for storing the note
Background and Spacing
This controls the layout of the entire section.
Background:
-
Color – Set the section background color
-
Radius – Adjust corner roundness
-
Padding – Control spacing inside the section
-
Margin – Manage spacing outside the section
Border:
-
Color – Choose border color
-
Width – Adjust thickness
-
Sides – Select which sides should display the border
Benefits:
-
Improves the gifting experience
-
Increases likelihood of purchase for gifting occasions
-
Adds emotional value to the product
-
Encourages higher engagement at checkout
Related Articles
