What’s worth knowing in the Squarespace world.
For designers, developers, and people building businesses around Squarespace.
Create Sticky Pagination Links with Vertical Text on the Sides of Your Squarespace Blog
In this blog post, we'll show you how to create sticky pagination links with vertical text on the right and left sides of your blog. This design is perfect for those who want to add a unique and modern touch to their website's navigation.
Here’s how the code was generated, using chatGPT.
/* Variables */
:root {
--pagination-width: 50px;
--link-color: #245959;
--hover-background-color: rgba(0, 0, 0, 0.1);
}
/* Pagination links */
.collection-type-blog .pagination a {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
float: none;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
writing-mode: vertical-rl;
position: fixed;
}
/* Next and older posts links */
.collection-type-blog .pagination a.next-item, .collection-type-blog .pagination a.older-posts {
right: 0 !important;
left: auto !important;
text-align: center;
width: var(--pagination-width);
}
/* First child link */
.collection-type-blog .pagination a:first-child {
left: 0;
text-align: center;
width: var(--pagination-width);
}
/* Link colors */
body a, body a:link, body a:visited {
color: var(--link-color);
}
/* Link hover effect */
.collection-type-blog .pagination a:hover {
background-color: var(--hover-background-color);
cursor: pointer;
}
With this CSS code, you can create sticky pagination links with vertical text on the right and left sides of your blog. This unique design adds a modern touch to your website's navigation and enhances the user experience. Simply add the provided CSS code to your website's stylesheet, and you're good to go!
How to add a ChatGPT widget to your Squarespace site using MyAskAI
Since the advent of ChatGPT I’ve been using their API along with other APIs to chat with my own data. Along the way I’ve had an eye out for tool that could do it for me. One such tool is MyAskAI, a chatbot that uses GPT-style language models to offer instant and precise responses. In this guide, we'll explore how to integrate MyAskAI into your Squarespace site.
Primary use case
In a world where consumers are accustomed to immediate responses, the typical email response time of 12-24 hours is no longer acceptable. Customers want their questions answered instantly, whether they're shopping online at midnight or browsing your services during their lunch break. Moreover, they expect accurate and personalized responses, not generic, automated replies.
The Solution: MyAskAI, Your AI-Powered Customer Service Representative
Enter MyAskAI, an AI-powered chatbot that uses GPT-style language models to understand and respond to user queries accurately. It can be integrated into your website to answer frequently asked questions, guide customers through your offerings, or even help with troubleshooting. The best part? It's available 24/7, ensuring that your customers always have access to immediate support, thereby improving their experience and your brand image.
Integrating MyAskAI into Your Squarespace Site
Step 1: Access your Squarespace site editor and navigate to the area where you want to add the MyAskAI chatbot.
Step 2: Click the "+" button to add a new element and select "Code" from the available options.
Step 3: In the Code Block settings, enable HTML and leave the script option unchecked.
Step 4: Navigate to www.myaskai.com and create your chatbot. Once created, click on "Embed/Integrate" then “Add AskAI to your website” and choose whether you want to embed it within the page or as a ‘chat’ widget. Click "Copy" to copy the embed code.
Step 5: Return to your Squarespace site's code block, delete any placeholder text, and paste the copied MyAskAI code. Click "Preview" and "Save" to see how it will appear on your site.
Step 6: Save your changes in the Squarespace site editor and publish your site.
With MyAskAI integrated into your Squarespace site, you can now provide your customers with instant, accurate responses to their queries, enhancing their experience and increasing their satisfaction. This not only improves your customer service but also frees up your team to focus on more complex tasks, making MyAskAI a win-win solution for your business.
Integrating MyAskAI into your Squarespace site is a strategic move towards enhancing user experience and streamlining customer service. It's a simple yet effective step that can significantly impact your business's success in the digital landscape.
Unlocking Square Secrets with Paige Brunton
This month is our 8th year business anniversary and we're celebrating with a series called Into the SQSP Metaverse: 33 Portals Through Web Design And Entrepreneurship.
“When you truly understand who it is that you’re trying to serve, then you can just really serve them well and communicate that like, ‘I’m in your head. I know exactly what you’re thinking right now.’”
As a college student with a travel blog, Paige found herself more interested in redesigning her website than blogging about her travels. This hobby turned into a side hustle, building websites for others on Squarespace for a few hundred dollars.
But life took an unexpected turn when Paige met a charming German man and moved to Germany to be with him. Unable to use her degrees due to the language barrier, Paige decided to turn her side hustle into a full-time web design business. With no option to network in person, she turned to blogging to attract clients.
Paige dove into the world of online marketing, posting two blog posts per week on Squarespace, online business, and topics that would interest business owners. Her dedication to blogging paid off, landing her on the first page of Google search results and helping over 500,000 people build their websites in just a few years.
However, Paige soon realized that she had hit a ceiling with her one-on-one client work. Instead of becoming a web design agency, she decided to create an online course to teach others her Squarespace knowledge, design best practices, and SEO strategies. This led to the creation of her two successful courses, Square Secrets and Square Secrets Business.
One of the key lessons Paige shares in her courses is the importance of knowing your ideal client. By understanding their struggles, fears, and pain points, you can better serve them and communicate effectively through your marketing messages.
Paige's story is a testament to the power of the digital world and the opportunities it presents. Her dedication to her craft, her willingness to adapt, and her ability to leverage the knowledge of others have made her a successful online entrepreneur.
As Paige once said, "I wish people would realize what unbelievable things blogging will do for your business because if they did, everyone would be doing it." This quote captures the essence of her story – the power of blogging and online marketing to reach and help countless people.
Another inspiring quote from Paige is, "When you truly understand who it is that you're trying to serve, then you can just really serve them well and communicate that like, 'I'm in your head. I know exactly what you're thinking right now.'" This quote highlights the importance of understanding your target audience and tailoring your messaging to resonate with them.
Paige Brunton's journey in the SQSP Metaverse is a shining example of what can be achieved with determination, passion, and a willingness to embrace the digital world. Her story serves as an inspiration for aspiring entrepreneurs and a reminder that sometimes, taking an unconventional path can lead to incredible success.