Categories
Squarespace Solutions

Squarespace Solutions: Create personalized certificate on donation

Squarespace has provided Donation block feature that can help people to donate in your account, what if you need to give them a personalized certificate as a gift? The current system allow you to edit the email template but there is no way you can create an attachment!

Categories
Squarespace Tips

Squarespace 101: How to inject custom code

Being an active member on squarespace forum, I’ve been asked a lot questions about some simple customization, most of them can be solved by inject custom css or javascript, here is how to do


Add Custom Css to the site

  • Navigate to Settings Page
    Usually your domain.com/config
  • Click for item Design, then select Custom Css
  • Paste the code to Custom css textarea
    Tips: Paste it in the end of the box
  • Press Save

Add Custom snippet to Single page

  • Navigate to Settings Page
    Usually your domain.com/config
  • Select Pages item, where you manage ste’s pages
  • Hover over the name of the page name, click on gear icon
    There will be a popup show up, click on Advanced
  • Paste the code snippet to end of the Page Header Code Injection

Add Custom snippet side-wide

  • Navigate to Settings Page
    Sed do eiusmod ut tempor incididunt ut labore et dolore.
  • Click Advanced, then Code Injection
  • There 2 boxes, HEADER and FOOTER
    Paste the snippet in one of them, based on the instruction, usually on Footer

Find the fixed element id with Chrome Extension

Sometime you just wanna apply the code to one block only, what is when this plugin useful

Find this plugin on Chrome Extension and Install it
Squarespace ID Finder – Chrome Web Store (google.com)

  • Once install, visit your website
  • Look for the extension icon on the top right of browser
  • Click on the icon, there will be some text show up above your blocks
  • Click on them to copy to clipboard and follow answers instruction
Categories
Squarespace Plugin

Squarespace Plugin: Animated Fire on Cover Page

I’ve working with Stephan Walter for 4 years, one our first project is create a animated fire cursor on a cover, keep firing wherever the mouse move!

Categories
Squarespace Plugin

Squarespace Plugin: Delivery Date on Product Form

News: Plugin now ready on Etsy

Have you ever need a date input like so?

This is what the squarespace currently support, you should find it on the product form.
The name said it’s purpose but it not friendly or flexible enough, like what client asked

Categories
Squarespace Plugin

Squarespace Plugin: Geolocation based Currency Converter

Do you ever need a currency converter on website?

If you are a store owner, I guess you always want your products price to be display on user’s currency so they can easily figure how much it cost in their country/region