External Platform Button on Product Page

What You'll Create

Transform a heading link in your product description into a styled button that links directly to an external platform like Teachable. Perfect for digital product sellers who want to add a prominent call-to-action without using Squarespace's standard checkout.

The Problem It Solves

If you sell courses or digital products through platforms like Teachable, Thinkific, or Podia, Squarespace's default "Add to Cart" button doesn't work for you. This technique lets you display products in Squarespace but link directly to your external sales platform with a styled button.

Perfect For

Course creators, Digital product sellers, Coaching services, Membership sites, External platform integration

What Makes This Different

This approach repurposes an H2 heading link inside your product description as a styled button. You can customize the colors, border radius, and hover effects to match your branding. The technique also includes code to hide the default checkout button so visitors aren't confused by two purchase options.

Details

• Section Type: Fluid & Classic

• Code Type: CSS

• Prerequisites: Product page with description containing H2 link, External platform URL

• Toolkit Title: Teachable Button

Learn This Technique

This is one of 150+ code techniques taught inside Standout Squarespace, where you get:

• The complete, copy-paste code

• Video walkthrough explaining how it works

• The principles behind the technique so you can customize it

• Access to our private community for support