Shopify Page Tag Section

Description of the Section

The Page Tag section adds a stylish, fixed-position tag to your Shopify store. It is highly customizable, allowing you to adjust fonts, colors, alignment, and padding. The tag can display any text and link to any URL, serving as a versatile element for promotions, notifications, or call-to-action buttons.

Demo of the Section

Installation Instructions

1. Download the Sections Pro app on the Shopify App Store
2. Open the app and navigate to Free Sections
3. Search for "Page Tag"
4. Click to Publish or Purchase

Sample Use Cases for a Shopify E-commerce Store

1. Limited-Time Offers: Use the tag to announce flash sales or limited-time discounts, catching the customer's attention without being intrusive.

2. New Arrivals: Highlight new products or collections by linking the tag to a dedicated section or collection page, encouraging customers to check out the latest additions.

3. Contact Information: Display a "Contact Us" tag that links to your store's contact page or a live chat feature, making it easy for customers to reach out for support.

4. Shipping Info: Inform customers about free shipping or other shipping-related promotions, directly linking to the shipping policy page.

5. Newsletter Sign-up: Encourage visitors to subscribe to your newsletter with a persistent tag that links to the sign-up page, increasing your mailing list.

Overview of the Configuration Settings

• Font Settings:

  • Override theme fonts: Option to override the default theme fonts.
  • Text Font: Choose the font for the tag text from a range of options.

• Text Settings:

  • Text Size: Adjust the size of the text (10px to 50px).
  • Text Color: Select the color of the text.

• Alignment Options:

  • Choose the alignment of the tag (Left, Right, Top Left, Top Right, or Custom).

• Custom Positioning (Desktop):

  • Custom Top: Set the distance from the top in pixels.
  • Custom Left: Set the distance from the left in pixels.
  • Custom Right: Set the distance from the right in pixels.
  • Custom Bottom: Set the distance from the bottom in pixels.

• Custom Positioning (Mobile):

  • Custom Top (Mobile): Set the top positioning for mobile devices.
  • Custom Left (Mobile): Set the left positioning for mobile devices.
  • Custom Right (Mobile): Set the right positioning for mobile devices.
  • Custom Bottom (Mobile): Set the bottom positioning for mobile devices.

• Color Settings:

  • Background: Choose the background color or gradient for the tag.

• Dimensions:

  • Padding Top: Set the top padding in pixels.
  • Padding Bottom: Set the bottom padding in pixels.
  • Padding Left: Set the left padding in pixels.
  • Padding Right: Set the right padding in pixels.

• Content:

  • Tag Text: Enter the text to be displayed on the tag.
  • Tag Link: Provide the URL to which the tag should link.