Chris_SQSP

Hello Squarespace Community!
 
Over the last several years, our community has turned the Squarespace Forum into a welcoming resource for website owners to receive support and constructive feedback from their peers. 
We’re excited to celebrate your contributions to the Squarespace Forum by releasing our new Forum Achievements program. Over the next few days, you’ll start to see badges appear for your forum activity. Qualifications for each badge will be calculated retroactively, meaning that you’ll be credited for your forum contributions throughout your entire Squarespace journey. 
A variety of actions—posts, comments, feedback, reactions, and more— will be represented across different badges to reward all forms of forum participation. You’ll also receive a rank designation based on your forum contributions. Both your badges and rank designation will be visible in your forum profile.
We look forward to the evolution of this program through your feedback and participation. Comment below to let us know if you have any questions about Forum Achievements!

Cheers,
The Squarespace Community team
 

The best thing you can do before you start with paid social is to get clear with what you are trying to accomplish. For example, is this a branding exercise? Are you looking for email signups or engagement with a free trial? Or are you looking for someone to make a purchase? 
From there, you can make sure you have the necessary tracking in place to measure what you are trying to achieve. You can also place a dollar amount on different metrics. 
If you are using paid social to drive conversions, but the acquisition cost is more than your product (and margins), paid social may not be worth it.  
A better route may be using google search ads because people have more search intent and are more likely to convert. However, it is always essential to think about your corresponding landing page experience to understand where the disconnect arises if you have a great click-through rate on your ads but aren't seeing the results you'd like.
If, however, paid social is excellent for bringing in people who are eager to do a free trial, and each new client is worth more than the cost of acquisition, social may be a great channel for you.  
In my experience, start with a small budget, and test a few different types of messaging, and creative and see if people are engaging with your creative. Try a few different formats, and landing pages, and once you start to get some traction, you can increase your ad spend. In time, hopefully, you'll have a rough idea how much an email sign up, or download, or purchase usually costs via different ad channels. 
Different types of ads are better suited to branding vs people actively searching out a solution. Before you start with paid social you want to consider: 
1. goals of your paid social efforts
2. your audience (personas?) 
3.  messaging - what kind of messaging resonates? 
4. creative - what kind of ad formats resonate? 
5. social channel - what channel is best suited to your audience (LinkedIn, instagram etc)
6. call to action  - what do you want people to do 
7. landing page experience  and URL (where are you sending people, and does your ad messaging mirror your landing page?) 
8. Cost (is this channel helping your business financially)

One of my nonprofit clients is using Scheduling to manage the number and timing of daily visitors to their animal shelter. It is saving them so much time in handling the communication flow. They are really happy with the results!
https://takisshelter.org/visit

Started using it recently and makes my life so much easier! Have now added Stripe payments as well. Scheduling has cut down my admin massively and calendar integration is the icing on the cake, love it!

It is a lot of effort, but I do think one of the best things you can do is offer something of value. That may come in the form of tutorials, discounts, free trials, information, engaging content, etc).
It is important to establish what your audience finds valuable, and when (do they need a free trial to consider purchasing your product, or a discount to encourage them to buy from you again. 
Different people are likely at different stages of the buyers journey and have different interests - so digging into web analytics, social comments, sending out surveys, or doing some of your own experimentation can help you determine what kinds of offers / content to offer your audience at different stages of the buyers journey. 

When it comes to expanding into new channels, I think it can be very helpful to evaluate your short and long term website / digital marketing goals. 
SEO and content strategy can be a long game, so if you are looking for leads or sales in the more immediate future, you may wan to invest your time and resources into paid ads, while you simultaneously work on growing your discoverability in search engines. 
Once you define your short and long term goals, it can help to do a digital marketing SWOT (strengths, weaknesses, opportunities, and threats) to prioritize your marketing efforts. 
Examples: 
How well do you rank in search engines? 
How expensive are paid ads in your industry? (can you acquire customers at a reasonable cost of conversion?)
Do you have a good social following on all / some channels? (Can you engage these channels. Does a certain type of content perform well? Would it be valuable to expand this type of content to different channels (ie tik tok) 
Is your conversion rate high? (if you increase your traffic, and maintain your conversion rate, could this be very profitable for you?) 
Is your traffic great but conversion rate low? (could you improve your UX / messaging and increase your conversion rate) 
Once you determine opportunities you'll be able to think about your audience and the kind of content that resonates with them and get more tactical with campaign planning. For example, deciding on messaging, CTAs, destination URLs and so on. 

When it comes to putting your brand in front of your audience, it’s easy to rely on the tried and true methods for marketing –a website, an ad campaign, maybe an email campaign and some social media posts. However, these methods are not enough in 2022, as most consumers have adopted new communication and social media channels, such as TikTok, affiliate marketing, influencers, and paid social media, among others. 
Here’s where multi-channel marketing comes in. Reaching your customers in the different channels they tend to gravitate towards helps you build a cohesive brand experience, interact with your customers, and find new leads. According to Business2Community, matching your customer’s journey and across multiple channels will go a long way towards realizing your sales goals. Some strategies you can try are:
Combining email campaigns with social media efforts Content marketing Partnership marketing (influencers or other brands) Social media activations
The site Fool.com also has a great blueprint on how to diversify your marketing channels.  How have you used multi-channel marketing to boost your business? Share your tips and experiences with the community below!

Hi @cerimania,
It looks like your trial has been reinstated since this posting, which is great to see.
For reference, it can take more than 30 days for us to permanently delete a site from our system. Therefore, if you accidentally delete a site, the best action to take it to contact Customer Support as soon as you notice, and the team will investigate whether they can restore site content.

Squarespace released an Accordion Block a few weeks ago.
Here are some useful code when you use the accordion block (Add to Design > Custom CSS)
#1. Change Dividers Color
/* accordion divider color */ .accordion-divider { color: #ff00ff !important; } #2. Change Arrows Color
/* accordion arrows color */ .accordion-block .arrow { border-color: #ffff00 !important; } #3. Add icons before Accordion Titles
/* Accordion icons before titles */ li.accordion-item .accordion-item__title:before { content: ""; width: 20px; height: 20px; display: inline-block; background-repeat: no-repeat; background-size: contain; background-position: bottom center; } li.accordion-item:nth-child(1) .accordion-item__title:before { background-image: url(https://cdn.pixabay.com/photo/2021/11/02/15/30/tealights-6763542__340.jpg); } li.accordion-item:nth-child(2) .accordion-item__title:before { background-image: url(https://cdn.pixabay.com/photo/2019/10/23/06/30/hamburg-4570577__340.jpg); } li.accordion-item:nth-child(3) .accordion-item__title:before { background-image: url(https://cdn.pixabay.com/photo/2021/02/17/08/02/woman-6023442__340.jpg); } #4. Different Color for Accordion Titles
/* accordion title colors */ li.accordion-item:nth-child(1) .accordion-item__title { color: red; } li.accordion-item:nth-child(2) .accordion-item__title { color: blue; } li.accordion-item:nth-child(3) .accordion-item__title { color: violet; } #5. Change a specific word color in Accordion Content
First make it bold then use this CSS
/* accordion content specific word color */ .accordion-item__description strong { font-weight: normal; color: red; } #6. Accordion Title Background Color
/* accordion title background */ .sqs-block-accordion .accordion-item__title-wrapper { background-color: #32a4e6; } #7. Accordion Content Background
/* accordion content background */ .sqs-block-accordion .accordion-item__dropdown--open { background-color: #262853; color: white; } #8. Add Unordered List in Accordion Content
First, add some text then Underline them

Next, use this CSS
/* Accordion Content - Add Unordered list */ span[style*="text-decoration"]:before { content: ""; display: inline-block; width: 3px; height: 3px; background-color: black; vertical-align: middle; margin-right: 3px; } span[style*="text-decoration"] { text-decoration: none !important; } #9. Accordion Titles – Add Line Break
If you use a Business Plan or higher, you can use another approach in this comment
/* Accordion SubTitle */ li:nth-child(1) span.accordion-item__title:after { content: "Accordion Subtitle 01"; display: block; font-size: 15px; } li:nth-child(2) span.accordion-item__title:after { content: "Accordion Subtitle 02"; display: block; font-size: 15px; } li:nth-child(3) span.accordion-item__title:after { content: "Accordion Subtitle 03"; display: block; font-size: 15px; } Result

#10. Accordion Title-Content Text Size on Mobile only
/* accordion title - content text size on mobile */ @media screen and (max-width:767px) { /* accordion title */ span.accordion-item__title { font-size: 12px !important; } /* accordion content */ .accordion-item__description * { font-size: 10px !important; } } #11. Simple Style 01
Add a Code Block under Accordion >> Use this code
<style> /* accordion title color */ .accordion-item__title-wrapper { background-color: #1a252f; color: white; padding-left: 20px !important; padding-right: 20px !important; } .accordion-item__click-target { padding-top: 15px !important; padding-bottom: 15px !important; } /* make first item round corner */ li.accordion-item:first-child .accordion-item__title-wrapper { border-top-left-radius: 10px; border-top-right-radius: 10px; } /* make last item round corner */ li.accordion-item:last-child:not[data-is-open="true"] .accordion-item__title-wrapper { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } /* remove divider between accordion items */ .accordion-divider { display: none; } /* accordion content padding */ .accordion-item__description { max-width: unset !important; padding: 20px !important; } /* arrows color */ .plus>div { color: white !important; } </style>
Coming soon.
#12. Accordion Content Link Style
/* Links underline */ div.accordion-item__description p a { border-bottom: 1px solid black; } /* Links font style */ div.accordion-item__description p a { color: red !important; font-size: 30px; font-family: monospace; letter-spacing: 2px; } #13. Add a button inside Accordion Content
First, you need to add a text link. Next, add this CSS to turn link to button
/* turn accordion link to button */ div.accordion-item__description p a { background-color: black; color: white !important; padding-left: 10px; padding-right: 10px; padding-top: 15px; padding-bottom: 15px; border-color: red; border-width: 1px; border-style: solid; } #14. Add an Image inside Accordion Content
Use this CSS to add image to top or bottom of accordion content
/* Add an image into Accordion Content */ /* replace demo image with your image url */ /* nth-child(1) is first accordion item, nth-child(2) is second item... */ /* :before is image on top, :after if image on bottom */ li:nth-child(1) .accordion-item__description:before { content: ""; display: block; width: 100%; /* image width, you can also use px */ height: 150px; /* image height */ background-image: url(https://cdn.pixabay.com/photo/2021/09/15/15/48/seals-6627197__340.jpg); background-repeat: no-repeat; background-size: cover; margin-bottom: 20px; /* space between image-text */ } #14.2. Add Image to Accordion Content (Use JS code)
Suppose you want to add this image 
https://cdn.pixabay.com/photo/2023/11/28/08/53/skyscraper-8416953_1280.jpg First, you edit Accordion >> Put your cursor at position where you want to add image >> Then enter text: image01

Next, add this code to Website Tools (under Not Linked) > Code Injection > Footer
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('div.accordion-item__description p:contains("image 01")').closest('p').addClass('image-01'); $('<img src="https://cdn.pixabay.com/photo/2023/11/28/08/53/skyscraper-8416953_1280.jpg"/>').appendTo('.image-01'); }); </script> <style> .image-01 { font-size: 0; } </style> Result

If adding 3 images, doing this



and use this code
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ // image 01 $('div.accordion-item__description p:contains("image01")').closest('p').addClass('image-01'); $('<img src="https://cdn.pixabay.com/photo/2023/11/28/08/53/skyscraper-8416953_1280.jpg"/>').appendTo('.image-01'); // image 02 $('div.accordion-item__description p:contains("image02")').closest('p').addClass('image-02'); $('<img src="https://cdn.pixabay.com/photo/2023/11/07/10/06/girl-8371776_1280.png"/>').appendTo('.image-02'); // image 03 $('div.accordion-item__description p:contains("image03")').closest('p').addClass('image-03'); $('<img src="https://cdn.pixabay.com/photo/2023/10/02/14/51/flowers-8289320_1280.png"/>').appendTo('.image-03'); }); </script> <style> [class*="image-0"] { font-size: 0; } </style> #14.3. Add Image to Accordion Content
You can also use this approach
Enter Image Url 

highlight the text url > Add same image url (enable Open in New Window)

then use this code to Code Injection or Page Header Code Injection
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('div.accordion-item__description p a:contains(".jpg")').each(function() { var $t = $(this); $(this).contents().filter(function(){ return this.nodeType != 1; }).remove(); $t.attr({ src: $t.attr('href') }) .removeAttr('href target'); $(this).replaceWith(function(){ return this.outerHTML.replace("<a", "<img").replace("</a", "</img") }); }); }); </script> <style> div.accordion-item__description img { width: 100%; margin-top: 10px; } </style>  
#15. Change Plus/Minus (+/-) to custom icon
Replace demo image urls with your icon urls
/* Plus */ :not([data-is-open="true"]) .plus { background-image: url(https://cdn.pixabay.com/photo/2021/02/06/09/03/man-5987447__340.jpg) !important; background-size: contain; background-repeat: no-repeat; } :not([data-is-open="true"]) .plus div { display: none; } /* Minus */ [data-is-open="true"] .plus { background-image: url(https://cdn.pixabay.com/photo/2021/12/12/22/17/red-squirrel-6867105__480.jpg) !important; background-size: contain; background-repeat: no-repeat; } [data-is-open="true"] .plus div { display: none; } #16. Change style of a word on Accordion Title
See this comment

Wrote by @tuanphan

Call to Action (or CTA) is a buzzword in the Marketing and Web Content fields these days. But, what actually is a CTA? Simply put, you’re inviting your visitors to take a desired action. It can range from two words (“Buy Now”) to two sentences, and its end goal could be anything - getting email subscribers, trial sign-ups, conversions, etc.
A well crafted CTA can determine not only whether people take the desired action, but also how many. For an effective CTA, you need to consider both the design and the placement. For the design you can consider questions like how long should it be? How do I want to format it so it pops? When it comes to placement options, you can choose to put it at the top of your website for maximum visibility. Or you might find that placing it after some contextual info makes it that much more impactful. 
Do these decisions sound familiar to you? Tell us all about your learnings, tips and best practices on how to design powerful CTAs for a website and where to place them in the comments below!
 

Custom Domains have a registration fee, that renews every year on date of purchase. After an inital two week trial, the website has its own fee as well. Squarespace has different billing plans, monthly and annually, and all are based on what you want the site to do, for personal things like a blog or for business, selling products and needing specialized coding capabilities. I suggest if you have more questions, post them here in the Getting Started with Squarespace section of this forum on its own thread.  We will be glad to provide you with help. 
https://www.squarespace.com/pricing

Wish I had known more about summary blocks and the fact you can make a "list" of blog posts a whole lot more exciting looking with some design tweaks. 
https://myrandomviews.com/storysummary
Update:
Another thing I wish I knew is that you can isolate and group  blog posts using a category filtered by a hyper-link.  They will show up in list layout or as featured posts, depending on how your blog is styled, and  your template setting, but these posts look like they have their own 'page" without actually having to use one. So I mix things up on my site, some posts in a summary block on their own pages, and some grouped using hyperlinks. Those links can go anywhere, on the nav bar, in a folder on a button. And those links can be used outside the site, in emails, social media posts, lots of things. The url slug will take you to the first item in the folder. 
myrandomviews.com/special-stories
 

There are a variety of details to consider when setting up your online store, all in service of the ultimate goal: helping your customers find what they’re looking for and complete checkout smoothly. 
Get a head start by brainstorming tags, categories, and subcategories so customers can quickly find what they are looking for and browse related items. Think early on about which shipping options and potential discount codes might serve you best. These kinds of  decisions can have a direct impact on performance.
How do you make sure your online store is set up for success? Share in the comments below!
 

Add the following to Settings > Advanced > Code Injection > HEADER.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> Add the following to Page Settings > Advanced > Page Header Code Injection for the contact page.
<script>   $( ( ) => {        /*            add placeholder text to first and last name fields in "Get in touch!"       form for v7.1 site.              SS version : 7.1              */            const dataFormId = '601ced4f7050527e47ff6076';     const firstNamePlaceholderText = 'first';     const lastNamePlaceholderText = 'last';          // do not change anything below, there be the borg here          let $form = $( '[data-form-id="' + dataFormId + '"]' );          $( '.first-name input', $form )            .attr ( 'placeholder', firstNamePlaceholderText );            $( '.last-name input', $form )            .attr ( 'placeholder', lastNamePlaceholderText );            } );        </script> Let us know how it goes.

Creedon sir, it works marvelously! Much gratitude for your magic.
 
Thank you all for your time!

A cohesive brand is made up of many smaller decisions, from color palette to language used on social media. Where would you begin?
A product is never just a product, right? Choosing certain products or services is often done with the general experience we think they will provide in mind. The goal of branding overall is to stand out from the crowd, to have a name that will be remembered, preferred, and even admired. 
Share your must-haves in the comments below.
 

Great question @Jo_G!
The deceptively simple answers are
1. Compelling imagery
2. Stylish copy
3. Perfect functionality
Great design articulates ideas with zero clutter. The mistake most people make (even seasoned designers!) is not editing enough. Once you achieve elegance in form and function, your content can shine!

Hello and welcome to Scheduling on Squarespace!
Are you interested in learning more about Squarespace Scheduling, like how to set up your Availability or book your first appointment?
The Squarespace Scheduling team invites you to join us for one of our Get to Know Squarespace Scheduling webinars. In this expert-led webinar, you’ll learn the basics of the new built-in Scheduling tool and get to know more about our features and pricing plans. During the webinar, you’ll also have the opportunity to ask any questions you may have with our team standing by to assist!
The webinar is free, yet space is limited. Register now to secure your seat:
 
Sign me up
 
As a note, these webinars are specifically for the Scheduling tool, so you can be using either the latest version of the platform, version 7.1, or the legacy version (7.0) .
 
We’ll see you there!