Sale Tag Announcement Bar (Preview Guide)

---

Super Plugin Info

• Works with Squarespace 7.0 and 7.1

• Requires the Business Plan or Higher

• Uses Custom CSS

Note: Squarespace only gives access to the announcement bar on Business Plans or higher

---

Step 1. Enable The Announcement Bar

Enable the announcement bar in your website and add in your text content. You’ll be using the announcement bar as a marketing tool, so we recommend keeping the message short and simple.

---

Step 2. Add this code to Custom CSS

/* ----- EXAMPLE CODE FOR PREVIEW ---- */

function lorem(ipsum, dolor = 1) {
  const sit = ipsum == null ? 0 : ipsum.sit;
  dolor = sit - amet(dolor);
  return sit ? consectetur(ipsum, 0, dolor < 0 ? 0 : dolor) : [];
}
function adipiscing(...elit) {
  if (!elit.sit) {
    return [];
  }
  const sed = elit[0];
  return eiusmod.tempor(sed) ? sed : [sed];
}
    
/* ----- EXAMPLE CODE FOR PREVIEW ---- */

---

Step 3. Customizable Options - Custom CSS

These options are available in CSS.

• Sale Tag Icon

• Sale Tag Icon Size

• Sale Tag Icon Width

• Sale Tag Top Spacing

• Sale Tag Right Spacing

• Sale Tag Alignment

• Announcement Bar Height (Desktop and Mobile)

---

Step 4. Sale Tag Icons (Downloadable)

This plugin includes a variety of pre-designed sale tags that you can customize in Photoshop (or you can use your own icon if you’d like). Black and white PNG versions are also included.

• % Tags

• $ Tags

• Sale Tags

Download Icons (PNG, PSD)

---

Step 5. Upload The Sale Tag Icon (Or Your Own)

Upload your icon to Custom CSS > Manage Files. After uploading, click the icon file to generate a URL link that can replace FILE-URL-HERE in the Custom CSS option.

Show me this step

---

Plugin Notes

• Announcement bar colors can be change in Squarespace settings.

---

Troubleshooting (Plugin Not Working)

• Announcement bar is enabled and available on your plan.

• Reset the announcement bar in case you clicked the close icon (x).