Super Plugin Info

• Works with Squarespace 7.1

• Requires Business Plan or Higher

• Uses Code Injection, Custom CSS, and Code Block

Step 1. Add a Code Block

Add a Code Block to any page and add in the content you want to be copyable in the Code Block. Next, set the following required settings:

• Mode: HTML

• Display Source Code: Enabled

Step 2 (a). Footer Code Injection - Site Wide

To apply to all pages, add this code to Footer Code Injection.

Step 2 (b). Code Block - Single Page

To apply to a single page instead of site wide, add this code to a Code Block at the bottom of the page. Make sure Display Source Code is disabled / turned off.

3. Add this code to Custom CSS

Step 4. Customizable Options

These options are available in Custom CSS.

• Copy Button Background Color

• Copy Button Font Size, Color, Family

• Copy Button Border Radius

• Copy Button Padding and Side Spacing

• Copy Button Opacity on Hover

• Copy Icon Size and Color

• Copy Icon Spacing

• Code Block Background Color

• Code Block Font Size, Color, and Famly

• Code Block Line Height

• Code Block Padding

• Code Block Border Style and Radius

Troubleshooting (Plugin Not Working)

• Double-check that you are using the Code Block and not the Markdown Block.

• Make sure HTML and Display Source Code are enabled in code block settings.