Video Block
Double-click here to add a video by URL or embed code. Learn more

Custom Codey 2.0 works best on larger devices. Mobile use is not recommended.

Custom Codey 2.0

Welcome to the new home for Custom Codey, the AI powered Squarespace code generator! Here are some quick links to help you navigate your way around this new dashboard.

Custom Codey 2.0 access links

Best Practices + Troubleshooting

Support & Feedback

Additional Code Resources

Custom Codey 2.0

  • Custom Codey 2.1 is a custom GPT available through ChatGPT

    ✅ Provides CSS and client-side Javascript

    ❌ ChatGPT account required

    ✅ Chat history

  • Custom Codey 2.2 is built on Claud by Anthropic AI

    ✅ Provides CSS and client-side Javascript

    ❌  Claud account required

    ❌ No chat history

  • Custom Codey 2.3 is built on Gemini by Google

    ✅ Provides CSS and client-side Javascript

    ❌ Google Gemini account required

    ✅ Chat history

Best Practices +

Troubleshooting

  • A simple description can be confusing for Custom Codey. If you're asking about a form, button, section, or block, let Custom Codey know the type (e.g., newsletter form, standard form block, accordion block, header button, mobile menu button, etc)

    Make my form button red

    I want to make the submit button on my newsletter form red and bold.

    Make my read more links a purple button

    I want the read more links in my summary block look like a purple button.

  • Squarespace 7.0 and 7.1 have different styling options, so if you know which version you’re using, I can give the best advice!

  • When you add a lot of code to a Squarespace website, you risk being redundant and confusing the browser with too many directions. If you already have custom CSS on your site, share this code with Custom Codey and ask them for help cleaning it up before you add more. Then can condense code, remove redundant code, and even add notes.

    Pro tip: Custom Codey 2.1 on ChatGPT is the best model for this.

  • If you want a global style change, I’ll give CSS that applies site-wide. If you want to tweak just one section or page, let me know, and I’ll guide you on using page-specific CSS. You can also check out this guide for more info.

  • Not sure how to use the code? No problem! Ask Custom Codey for more information about the code they created, and they can explain what each part does so you feel confident making tweaks.

  • Sometimes browsers can be a bit stubborn and hold onto old versions of your site. Try clearing your browser's cache and cookies – think of it like giving your browser a fresh pair of glasses! If you're using Chrome, press Ctrl+Shift+R (Windows) or Cmd+Shift+R (Mac) to force a complete refresh. If that doesn’t do the trick, Custom Codey can help! Use a prompt like this for code feedback:

    My CSS isn't working in Squarespace. I want my navigation menu items to be red on hover. I need you to tell me the correct code; here's what I tried: [paste code here]

    I'm using Squarespace 7.1 and my custom code isn't working. Debug this Squarespace code for changing paragraph spacing: [paste code here].

  • Squarespace uses different rules for mobile views. To make your custom code work on mobile devices, you'll need to use something called a media query. Ask Custom Codey to specific changes for a specific breakpoint or device and they will be able to create a media query for you.

    Create Squarespace CSS to make my header image smaller on mobile. Current code: [paste code]. Need it to be 50% smaller below 640px

    Write CSS to adjust my button spacing on mobile. I want 20px between buttons on desktop but only 10px on mobile screen.

Feedback & Support

Did Custom Codey save the day? Did you create a fantastic plugin you want to add to the plugin library? Or did you have a frustrating chat with Codey and need to vent about it? Any feedback you have to share with us about your Custom Codey interactions is always welcome. Custom Codey is still learning more about Squarespace and might make mistakes. When that happens, you can submit feedback here about your chat, and we will use that information to help Custom Codey improve.

Please note: We here at insidethesquare.co can not offer support related to Claud, ChatGPT, Gemini, OpenAI, Anthropic AI, Google, or any other program. You’ll need to contact the AI company (ChatGPT by Open AI, Claud by Anthropic AI, Gemini by Google) for support related to your account, including chat limits, login issues, and other non-Codey related questions.