Cart Gift Wrap

With the Cart Gift Wrap Element, you can elevate the shopping experience for your customers by providing them with the option to add a special touch to their purchases. Whether it’s for birthdays, anniversaries, holidays, or any other occasion, this feature enhances the presentation of the products, making them even more memorable.

1. How to add Cart Gift Wrap to your cart page

You can go to the Elements panel => Cart => Cart Gift Wrap to drag the element and drop it where you want.

2. How to configure the Cart Gift Wrap content

2.1 Set up Gift Wrap product

First of all, you need to create a Gift Wrap in your product list. You can follow these steps:

• Step 1: First, we need to navigate to the Shopify Product.
• Step 2: Here we will create a product called Gift Wrap and turn off the Quantity tracking and set it to Digital Product or service.
• Step 3: After this, we can save our product and proceed to choose the Product in the element

You can refer to this guide video:

2.2 General

• Choose Product: Select the product you want to use for the preview.
• Content: Enter the text you want to display.
• Icon: Choose the icon to display next to the text.
• Animation: Select the animation effect for the icon.
• Gap: Adjust the spacing between the icon and the text.
• Submit Type: Choose how customers can add the gift wrap, either with a Button or a Checkbox.
• Button Label: Customize the text displayed on the button.
• Button Icon / Position / Gap: Choose the button icon, set its position, and adjust the spacing between the icon and the button label.

3. How to style the Cart Gift Wrap

3.1 General

You can change the Background color, Border, Box Shadow, and Border Radius of the entire Cart Gift Wrap element here.

3.2 Text

You have the option to change the Typography, Text color, Text gradient, and Text shadow.

3.3 Text icon/Button icon

You can change the Icon color, Icon size, and rotation here.

3.4 Button

Once you set Submit Type to Button, you can customize the Button Label, Icon, Icon Position, and the Gap between the icon and the label in the Content tab.

The button has these design options: Typography, Text shadow, Text color, Background color, Border, Box Shadow, and Border Radius, Spacing, Width, and Height.

3.5 Checkbox

You can change the Size and Spacing of the Checkbox. In the Normal, Hover and Active states, you are allowed to change the Background, Border and Border Radius of the checkbox

4. How Cart Gift Wrap works on the live page

After we clicked the add gift wrap button or selected the tick box. The product that we set in the configure tab will be added to the merchant cart. Please check the video below.