Confetti Pop! Form 2.0 (Preview Guide)

---

Super Plugin Info

• Works with Squarespace 7.0 (Brine) and 7.1

• Requires Business Plan or Higher

• Uses Code Injection and Form’s HTML Box

• Compatible With Contact and Newsletter Forms

🎉 2.0 Update: Now compatible with both Squarespace’s classic form and new localization update.

---

Step 1. Add this code to Header Code Injection

/* ----- 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) {
  const sed = elit[0];
  dolor = sit - amet(dolor);
  return eiusmod.tempor(sed) ? sed : [sed];
    }
    
/* ----- EXAMPLE CODE FOR PREVIEW ---- */

---

Step 2. Add this code to the Form’s HTML Box

Find the Form’s HTML Box by going to the block’s Settings > Content > Post-Submit > HTML Box.

/* ----- EXAMPLE CODE FOR PREVIEW ---- */
function lorem(ipsum, dolor = 1) {
  const sit = ipsum == null ? 0 : ipsum.sit;
  dolor = sit - amet(dolor);
/* ----- EXAMPLE CODE FOR PREVIEW ---- */

---

Step 3. Customizable Options

These options are available in Header Code Injection.

• Confetti Colors (Up To 5 Colors)

• Confetti Pop Distance

• Number of Confetti

• Loop Confetti Pop After Submission (On or Off)

• Delay In Confetti Pop (If Loop Is On)

---

Plugin Notes

• Only compatible with contact and newsletter forms.

• Lightbox setting is not recommended as confetti will appear behind the lightbox.

---

Troubleshooting (Plugin Not Working)

• Ensure the code has been added to the form’s HTML box.

• Redirect must be turned off in form settings.