Add to your Store
Home Why us? Documentation Privacy Policy Refund Policy Get in Touch

Shopify Copy Banner Section

Learn how to create a Copy Banner section with Sections Pro in Shopify

Description of the Section

The Copy Banner section allows you to display a piece of text with an associated link that users can click to copy a specific text to their clipboard. This section is versatile and can be used to share discount codes, promotional texts, or any other relevant information. It comes with customizable text, fonts, colors, and dimensions to match the look and feel of your store.

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 "Copy Banner"
  4. Click to Publish or Purchase

Sample Use Cases for a Shopify E-commerce Store

  1. Discount Code Sharing: Use the Copy Banner to share a discount code which users can easily copy and use at checkout.
  2. Special Announcements: Announce limited-time offers or special promotions and allow users to copy related codes or links conveniently.
  3. Referral Programs: Display and allow users to copy referral codes, enhancing the engagement and participation in your referral programs.
  4. Event Promotions: Promote upcoming events or sales and provide users with relevant codes or text to use.
  5. Customer Support: Display important customer support information or contact details that users can quickly copy.

Overview of the Configuration Settings

  1. Font Settings

    • Override Theme Fonts: Option to override the theme's default fonts.
    • Text Font: Choose the font for the text in this section.

  2. Text Settings

    • Text Size: Set the size of the text (10px to 50px).
    • Text Color: Choose the color of the text.
    • Link Color: Set the color for the link.

  3. Color Settings

    • Background: Set the background color or background gradient for the section.
    • Check Background Color: Set the background color for the check icon displayed on successful copy.
    • Check Color: Choose the color for the check icon.

  4. Dimensions Settings

    • Max Width of Section: Specify the maximum width of the section.
    • Gap Between Reviews: Set the gap between reviews within the section (if applicable).
    • Padding: Configure top, bottom, left, and right padding values.

  5. Content Settings

    • Text Alignment: Align the text to the left, center, or right.
    • Text: Input the primary text to display.
    • Text to Copy: Input the text that will be copied to the clipboard.
    • Instructions: Provide instructions or a tooltip text for the link.