Shopify Gift Card Upsell Section

Description of the Section

The "Gift Card Upsell" section is a versatile addition to any Shopify store designed to boost gift card sales. It seamlessly integrates with your existing products, offering customers an array of options to purchase gift cards. This section is customizable, allowing you to tailor the text, colors, fonts, and images to match your store's branding.

Demo of the Section

Installation Instructions

1. Download the Sections Pro app on the Shopify App Store
2. Open the app and navigate to Premium Sections
3. Search for "Gift Card Upsell"
4. Click to Publish or Purchase

Sample Use Cases for a Shopify E-commerce Store

1. Holiday Promotions: Use this section during holidays to promote gift cards as a perfect present for friends and family.
2. Special Occasions: Highlight gift cards for special occasions like birthdays, anniversaries, and graduations.
3. Sales Boost: Use gift cards as upsell items to increase the average order value and introduce more customers to your store.
4. Customer Retention: Encourage repeat business by offering gift cards as rewards for loyal customers.

Overview of the Configuration Settings

1. Text Settings

   • Text Font: Choose the font for the text within the section.
   • Text Size: Adjust the size of the text.
   • Line Height: Set the line height for the text.
   • Text Color: Select the color for the text.
   • Headline Font: Choose the font for the headline text.
   • Headline Size: Adjust the size of the headline text.
   • Headline Line Height: Set the line height for the headline.
   • Headline Color: Select the color for the headline text.

2. Colors

   • Background Color: Customize the background color using gradient or solid colors.

3. Button Settings

   • Buy Now Text Color: Set the color of the text on the "Buy Now" button.
   • Buy Now Background Color: Customize the background color for the "Buy Now" button.
   • Buy Now Border Color: Set the border color for the "Buy Now" button.
   • Add to Cart Text Color: Set the color of the text on the "Add to Cart" button.
   • Add to Cart Background Color: Customize the background color for the "Add to Cart" button.
   • Add to Cart Border Color: Set the border color for the "Add to Cart" button.
   • Text Size: Adjust the text size for the buttons.
   • Padding: Set the padding for the buttons.
   • Border Radius: Adjust the border radius for the buttons.
   • Border Size: Customize the border size for the buttons.

4. Text Settings

   • Highlight Color: Set the highlight color used in various elements.
   • Sold Out Text: Customize the text displayed when a variant is sold out.
   • Select Text: Set the text for variant selection.
   • Add to Cart Text: Customize the text on the "Add to Cart" button.
   • Buy Now Text: Customize the text on the "Buy Now" button.

5. Alignment

   • Text Alignment: Set the alignment of the text (left, center, right).

6. Dimensions

   • Max Width: Set the maximum width of the section.
   • Grid Spacing: Adjust the spacing between the grid items.
   • Element Spacing: Set the spacing between individual elements.
   • Padding Top/Bottom/Left/Right: Customize the padding around the section.

7. Product

   • Product Selection: Choose the product to be highlighted in the section.

8. Content

   • Headline: Set the headline text.
   • Text: Customize the text description.

9. Image Settings

   • Image Aspect Ratio: Choose the aspect ratio for the image (21:9, 16:9, 4:3).
   • Image Selection: Upload or choose an existing image.

10. Advanced Settings

    • Show Quantity: Toggle the visibility of the quantity input.
    • Show Buy Now Button: Toggle the visibility of the "Buy Now" button.
    • Show Add to Cart Button: Toggle the visibility of the "Add to Cart" button.