Where to Paste Your Social Media Button Code

Method 1: Widget Area (Easiest)

1. Go to Appearance → Widgets in your WordPress dashboard
2. Add a "Custom HTML" widget to your desired widget area (sidebar, footer, etc.)
3. Paste your NiftyButtons code into the widget
4. Click "Save"

Method 2: In Posts/Pages

1. Edit any post or page
2. Add a "Custom HTML" block (in Gutenberg) or switch to "Text" mode (Classic Editor)
3. Paste your code where you want the icons to appear
4. Update/Publish the page

Method 3: Theme Header/Footer

1. Go to Appearance → Theme Editor
2. Select header.php or footer.php
3. Paste code before </header> or </footer> tag
4. Update file (be careful - backup first!)

1. Edit the page where you want to add icons
2. Click the "+" button to add a new block
3. Select "Code" from the menu
4. Paste your NiftyButtons HTML code
5. Make sure "Display Source" is OFF
6. Click "Apply" and save your changes

Note: Code blocks require a Business plan or higher on Squarespace.

1. Open the Wix Editor
2. Click "Add" → "Embed" → "HTML iframe"
3. Click "Enter Code"
4. Paste your NiftyButtons code
5. Click "Update"
6. Resize and position the frame as needed
7. Publish your site

In Theme Footer/Header:

1. Go to Online Store → Themes
2. Click "Actions" → "Edit code"
3. Find header.liquid or footer.liquid in the Sections folder
4. Paste your code where you want icons to appear
5. Save the file

In Product Pages:

1. Edit product description
2. Click "Show HTML" button
3. Paste your code
4. Save changes

1. Open your HTML file in a text editor
2. Find where you want the icons (usually in <header>, <footer>, or <aside>)
3. Paste the NiftyButtons code
4. Save the file
5. Upload to your web server

Common Locations:

• Header: Right before </header>
• Footer: Right before </footer>
• Sidebar: Inside <aside> tags
• After content: Before </main> or </article>

• Always preview changes before publishing
• Test on mobile devices to ensure icons look good
• Consider wrapping icons in a <div> with custom CSS for better positioning
• Make a backup before editing theme files
• Use browser developer tools to test placement before making permanent changes