Amaya_SQSP

Paid newsletter subscriptions and premium gated content access are quickly rising as one of the best ways for bloggers, writers, artists, teachers, and entrepreneurs to sustain themselves as business owners. A successful business that relies on memberships usually does so because they already have an audience primed for their offerings. But, what if you don’t have an audience yet? Some creators use memberships and Member Areas as a way to offer freemium content and test the waters. Generally, freemium content is content that is offered for free to early adopters of your subscription membership. It takes time and effort to turn those free subscriptions into paid ones, but it’s not impossible to do! 
According to the service Memberful, a great first step is to be transparent with your members about your story and invite them to be partners with you in your journey to paid content. Other recommendations from Business Collective are: 
Offering special rates for founding members Offer promo codes  Avoid cognitive dissonance by putting a price tag on content that was already free Still offer some free content that is different from content for paid subscribers Do you offer freemium content? What are your tips for turning free subscriptions to paid subscribers? Let us know your thoughts in the comments below! 

Translation:
I'm stuck on Squarespace. Terrible service if you're below the equator... I'm writing this in Spanish so Latinos can see it.
I've had a thousand problems.
Non-existent technical support. (I drag platform issues that just never responded)
Half of the integrations they offer do not work in the South of the globe.
They charge you for everything and even if it fails, they continue to charge you.
Cannot access or connect to other platforms.
Anyway. If you read this, and you are in the south of Mexico, do not pay for a year of this service. NOT WORTH IT... USE WIX OR ZIRO...
I think that this forum has many of the answers to any problems you may have, in additon to Squarespace Technical Support. However anyone who needs help needs to do a few things to help the helplers so to speak. 
1. Post the site url including a password if needed. 
2. Let us know if you need code and or if you have any on your site now. 
3. Be very specific about the problem, in other words what is it not doing you want it to do or what is it doing you don't want it to do. 
4. Realize that sometimes a problem is caused  by  not using the configuration platform properly or to its full potential. 
5. Be patient with us folks here, sometimes we have to go to the lab to figure things out. 
6. And most of all remember that in the tech world nothing is perfect but can still be pretty good. 
 

First off your domain, not your website is hosted with a third party. An ip address itself cannot contain malware, the site the ip is connected to can. But if it did it would not matter if the domain was hosted by the website hoster or a third party, all who have a site there would have malware, all Brine users like yourself would have a problem. I don't and I have two sites on the same template and my malware protection does not see any problem. In other words it seems to me  you are getting a "false alarm" from the software you have posted a screen shot of. 

Folks. The other thing to keep in mind is what is the credibility of the tool you are using that is giving you this information. Please be aware that there are many tools that make all kinds of claims. Are they trying to sell you some product or service to protect you? Perhaps they are not legit and trying to get your info to scam you in some other manner. Be a cautious and informed consumer.
Even some of the more "reputable" tools out there use FUD ( fear, uncertainty, and doubt ) tactics to get you to buy more expensive versions of their tools that you may not need.
To be clear there are real threats out there but reacting to one report is premature. You need to build up some credible evidence.

Hey all,

It is now possible to add an accordion menu or FAQ to your site without custom code using the accordion block! We have some information about the possibilities and customizations available for the accordion block in our guide "Accordion blocks."

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. 

Real community engagement is a long term game, according to the writers at The Social Shakeup. This especially true of social media, as holding the attention of your audience and having them contribute positively to your community takes time, effort, and showing up with interesting and useful content daily. Clicks and shares are important, but more and more social media algorithms are prioritizing interactions and saved posts in order to surface the most relevant content for audiences. So, how can you engage your community and promote your brand at the same time? Here are some tips from The Social Shakeup:
Get to know your community and interact with them on their preferred platforms Ask questions and ask for feedback Promote user generated content  Host contests Connect with them emotionally  Tailor your content to your audience’s interests  How do you engage with your community? We’d love to hear your stories! Share them in the comments. 
 

Hello @ThisJustin,

Thanks for posting your question!

This error is caused by an issue our end, I'm sorry for the trouble. Unfortunately the Development Server does not support the ARM-based architecture your M1 Mac is using.  
I made a record of this for our Engineering to review, however I do not not currently have an ETA for this implementation.

Feel free to post in the thread if you have any additional questions!

@Jo_SQSP greetings
setup tracking first - before you run any kind of campaign or marketing activity make sure that you have every commercially interesting touch point on your website setup for tracking. This means email addresses, telephone numbers, dedicated form submit URLS that you can capture as form-sends, you can also setup your most important pages as Intent triggers. This means for example if you have a page that contains your contact address you can trigger that page as a goal.

To put this into context
If you run a Google Ads campaigns without tracking you will know that people arrived at your website. This makes it impossible for your to distinguish between browsers and people that are interested in your product/service. If you deliver a visitor to the website and they go through your website and also spend time on your contact page, you can determine that they may have a high interest in your business. You can then create AUDIENCES using Google Analytics either against Google Events or against Goals which then allows you to create remarketing campaigns. What's more if you have some logic to what you are capturing you can segment your audiences.
For example:
I know that everyone in Audience X has shown an interest in my company so I will setup and run a Google Ad with an offer, or with a link to a piece of content on my blog that is going to provide these people with a greater understanding that I am a real person and my company can be trusted.
🙂

CAC (customer acquisition cost) is a metric that I use for my ads, and it helps me calculating how much I can spend on ads, for every new customer.
Let's say the average revenue from each customer is $100, your CAC should ideally be $30-40. This means you can spend $30-40 in ads for every new customer.
In Google Ads you can easily track this with their conversions-feature, and see how many new subscriptions and purchases you get from your ads. 
 

Accordion or collapsible menus are considered one of the workhorses of web design for good reason. They’re a versatile tool for text heavy pages on a website, like those showcasing a list of Frequently Asked Questions (FAQ), and they also help keep your pages short and reduce scrolling fatigue for your readers. They can solve potential design problems, like too much content or too little real estate on the page, and they can provide an intuitive direction for users to explore the information that they need and collapse the information that they don’t. 
In Squarespace, if you’d like to add an accordion menu to your site you would need to use an Accordion Block. Accordion Blocks have their own styling options that you can customize to get the look and feel you want for your site. If the available customizations don't cover your needs, our community member Tuanphan created a handy list of useful code for the Accordion Block.

Are you planning on using the Accordion Block? Do you already use one on your site? What are your best practices for the effective use of an accordion menu? Share your thoughts with us in the comments below! 
 

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

If you want individual members to have their own username and password, you'll need to use Member Areas. However if you are happy to have a single shared password, you can set a page password instead.
  If this post has helped you, please click a 'Like' or 'Thanks' icon below  ⬇️

Paid newsletter subscriptions and premium gated content access are quickly rising as one of the best ways for bloggers, writers, artists, teachers, and entrepreneurs to sustain themselves as business owners. A successful business that relies on memberships usually does so because they already have an audience primed for their offerings. But, what if you don’t have an audience yet? Some creators use memberships and Member Areas as a way to offer freemium content and test the waters. Generally, freemium content is content that is offered for free to early adopters of your subscription membership. It takes time and effort to turn those free subscriptions into paid ones, but it’s not impossible to do! 
According to the service Memberful, a great first step is to be transparent with your members about your story and invite them to be partners with you in your journey to paid content. Other recommendations from Business Collective are: 
Offering special rates for founding members Offer promo codes  Avoid cognitive dissonance by putting a price tag on content that was already free Still offer some free content that is different from content for paid subscribers Do you offer freemium content? What are your tips for turning free subscriptions to paid subscribers? Let us know your thoughts in the comments below! 

Thank you for this topic! I find that one page sites that have one main topic with sections are perfect for anchor links. It's not always necessary to have them but when you need them, you need them! No one likes to scroll for long 🙂 Thanks!

Thanks Creedon, I am going to make a record of this code, it will be needed again by someone here I am sure of that. 

Add the following to Design > Custom CSS.
/* hide home link */ .Header-nav-item[href="/"], /* desktop */ .Mobile-overlay-nav-item[href="/"] /* mobile */   {        display : none;          } This is for v7.0 using the Brine template family.
Let us know how it goes.

Hi @tchandler,

Thanks for posting this question! As @creedon mentioned, the way to hide the homepage link from the primary navigation would be to move the homepage to your "Not Linked" section. This does not hide the page from public view or from search engines. If it is set as the homepage, the domain will always direct to that page. Additionally, your logo image or site title functions as a link and always directs to the homepage as well, unless you've added custom code in order to redirect this. So, even in the "Not Linked" section, your homepage will always remain visible to the public, just not in your primary navigation.