{"product_id":"button-flip-vertical-will-s-toolkit","title":"Button Flip - Vertical","description":"\u003cp\u003eButton Flip - Vertical is a button snippet from Will's Toolkit that flips a Squarespace button top to bottom on hover to reveal a second label. Will's animated preview shows a \"Get in touch\" button rolling over to show a different message on its reverse.\u003c\/p\u003e\u003ch3\u003eWhat you get\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eCSS and code for a vertical 3D flip on button hover\u003c\/li\u003e\n\u003cli\u003eA second label revealed on the back of the button\u003c\/li\u003e\n\u003cli\u003eAccess to the full Will's Toolkit Code Catalog with membership\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch3\u003eWho it suits\u003c\/h3\u003e\u003cp\u003eSites that want a lively call to action without heavy animation: creative studios, personal brands and event sites. Use it on a single standout button for the best effect.\u003c\/p\u003e\u003ch3\u003eHonest limits\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eMembers-only code: you need an active Will's Toolkit subscription to see and copy it\u003c\/li\u003e\n\u003cli\u003eNeeds a Squarespace plan that allows custom code\u003c\/li\u003e\n\u003cli\u003eA styling snippet rather than a configurable plugin, so changes beyond the design shown mean editing CSS\u003c\/li\u003e\n\u003cli\u003eHover effects are mostly a desktop experience; touch screens show the front label\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch3\u003eHow it is delivered\u003c\/h3\u003e\u003cp\u003eThis snippet sits in the Code Catalog of Will's Toolkit, Will Myers' membership for Squarespace designers, and is marked members only. Membership is $15 a month or $150 a year and includes the full Code Catalog, the Toolkit browser extension, the Robo-Will AI assistant, the Slack community and 20 per cent off Will's plugins. Snippets are copy and paste code added to your site. Will's catalogue lists it under Buttons, last updated 4\/30\/2025.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eRelated guide:\u003c\/strong\u003e browse every plugin we list in the \u003ca href=\"https:\/\/www.squarelocator.com\/collections\/plugins\"\u003eSquarespace plugins collection\u003c\/a\u003e, or read our roundup of the \u003ca href=\"https:\/\/www.squarelocator.com\/blogs\/insights\/best-squarespace-plugins-in-2026\"\u003ebest Squarespace plugins in 2026\u003c\/a\u003e.\u003c\/p\u003e","brand":"Will's Toolkit","offers":[{"title":"Default Title","offer_id":66220077646173,"sku":null,"price":15.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1043\/9275\/3501\/files\/1474e43892a2e2a47413d330d4b90a82da594bd318770ac27cc6502232f21bf2.gif?v=1792056756","url":"https:\/\/www.squarelocator.com\/products\/button-flip-vertical-will-s-toolkit","provider":"SquareLocator","version":"1.0","type":"link"}