Copy of Copy of Circular Progress Bar (1).png

Copy Text to Clipboard Button - Squarespace 7.0 & 7.1

$40.00

If you have plain text or code snippets that you want your site visitors to easily copy without having to manually highlight them, this plugin lets you add a simple way for users to copy any text or code. It’s also a great way to visually separate the text users should copy from any other surrounding text blocks.

You can customize the colors of the elements to perfectly match your brand, and you can customize the “Copy” text of the button.

$40 Single License (one purchase = single site use)
$100 Business License (one purchase = multiple site use)

If you have plain text or code snippets that you want your site visitors to easily copy without having to manually highlight them, this plugin lets you add a simple way for users to copy any text or code. It’s also a great way to visually separate the text users should copy from any other surrounding text blocks.

You can customize the colors of the elements to perfectly match your brand, and you can customize the “Copy” text of the button.

If you have plain text or code snippets that you want your site visitors to easily copy without having to manually highlight them, this plugin lets you add a simple way for users to copy any text or code. It’s also a great way to visually separate the text users should copy from any other surrounding text blocks.

You can customize the colors of the elements to perfectly match your brand, and you can customize the “Copy” text of the button.

What's included?

  • Documentation with necessary code snippets and detailed installation instructions

  • Code updates and bug fixes

  • Compatible with all major browsers, including Chrome, Safari, and Firefox

  • Email help & support from the plugin creator


Requirements

  • Must have the Squarespace 7.0 or 7.1 business plan or higher

View Examples

CSS Code Snippet

.accordion-item__click-target, .accordion-item__description {
  padding-left: 25px !important;
  padding-right: 25px !important;
}

HTML Code Snippet

<table>
  <tr>
    <th>Company</th>
    <th>Contact</th>
    <th>Country</th>
  </tr>
  <tr>
    <td>Alfreds Futterkiste</td>
    <td>Maria Anders</td>
    <td>Germany</td>
  </tr>
  <tr>
    <td>Laughing Bacchus Winecellars</td>
    <td>Yoshi Tannamuri</td>
    <td>Canada</td>
  </tr>
  <tr>
    <td>Magazzini Alimentari Riuniti</td>
    <td>Giovanni Rovelli</td>
    <td>Italy</td>
  </tr>
</table>

Text Snippet

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

JS Code Snippet

!function () { try { var t = window.location.pathname.substring(1); t.substring(0, t.indexOf("/")); let e = '<a class="goToCart" href="/cart">' + newButtonsText.goToCart_Text + "</a>"; var n = '<div class="newButtonsContainer">' + e + "</div>"; document.addEventListener("DOMContentLoaded", function () { document.querySelector("body").addEventListener("click", function (t) { var e = t.target.closest(".sqs-add-to-cart-button-wrapper"); null != e && null == e.querySelector(".newButtonsContainer") && e.insertAdjacentHTML("beforeend", n) }), document.addEventListener("keydown", function (t) { if (Array.from(t.target.classList).includes("sqs-add-to-cart-button")) { var e = t.target.closest(".sqs-add-to-cart-button-wrapper"); null != e && null == e.querySelector(".newButtonsContainer") && e.insertAdjacentHTML("beforeend", n) } }) }) } catch (r) { console.log(r) } }();

Watch the video installation guide

 
 


FAQs About this Plugin

  • Yes, the CSS code snippet allows you to customize the color variables for every element, including the button background and font color, the top bar, the text area background and font color, and the border color.

  • You can use this plugin on Squarespace 7.0 Brine Family Templates and all Squarespace 7.1 templates.

  • No, none of the plugins I create require external libraries. You will only need to use the files provided to you after your purchase.

  • Sorry, but because of the digital nature of plugins, this product is non-refundable. However, I only want to help you succeed! If you are experiencing issues with this plugin, don’t hesitate to reach out via my contact page.