Widle

@tuanphan This is regarding the Event Listing Page. I’m working on adding two buttons to the page and believe I've found a solution. I appreciate your prompt response and support—it means a lot to us.

Can you provide Eventbrite embed code? We can test code easier

Hello @Graphixmain try this code in Website Tools >> Custom Css
:not(.has-background) .section-background { background-image: url("YOUR_IMAGE_URL"); background-size: cover; /* Adjusts the image size to cover the entire element */ background-position: center center; /* Centers the background image */ background-repeat: no-repeat; }  

If you’re using Google Ads on your site, and targeting users in the EEA, you might have received an email from Google suggesting that you implement their consent mode feature.
Here is some example code, that I’ve added to my website to integrate consent mode. This enables me to collect a consent choice from my visitor via the website cookie banner, and then send that consent choice to Google.
Before you begin:
First, you need to enable the website cookie banner, and ensure you’ve selected the “Opt In & Out” banner type. 
Code:
Next, you would go to Website > Website Tools > Code Injection. You could add the following code to your header code injection (removing any existing Google Ads code first):
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-{AW-ID}"></script> <script>  window.dataLayer = window.dataLayer || [];  function gtag(){dataLayer.push(arguments);}  gtag('consent', 'default', {   'ad_storage': 'denied',   'ad_user_data': 'denied',   'ad_personalization': 'denied'  });  gtag('js', new Date());  gtag('config', 'AW-{AW-ID}');  let squarespaceCookies = {};  if (window.getSquarespaceCookies) {    squarespaceCookies = window.getSquarespaceCookies();  }  const consentValue = squarespaceCookies.marketing === 'accepted' ? 'granted' :  'denied';  const consentObj = {    'ad_storage': consentValue,   'ad_user_data': consentValue,   'ad_personalization': consentValue  };  gtag('consent', 'update', consentObj);    window.onCookieBannerInteraction = () => {    let squarespaceCookies = {};    if (window.getSquarespaceCookies) {      squarespaceCookies = window.getSquarespaceCookies();    }    const consentValue = squarespaceCookies.marketing === 'accepted' ? 'granted' :  'denied';   const consentObj = {       'ad_storage': consentValue,      'ad_user_data': consentValue,      'ad_personalization': consentValue    };    gtag('consent', 'update', consentObj);  } </script> Consent mode is a service provided by Google, so for any questions, verification, or testing support, you can reach out to their support team.

Is there a cool design concept that you wish Squarespace could do, but you’re not sure how to make it work? 🤔
Do you want to try a new hover effect for a button? 
A fancy animated overlay for images?
Or maybe you'd love to customize columns differently on mobile, tablet, and desktop?
 
Comment below with your creative design ideas, and include visuals if you can! There are absolutely NO limitations here – this is your chance to unleash your creativity and dream BIG about what we can achieve with Squarespace. 
Support your fellow Squarespacers and ❤️ your favorite design idea in the comments.  I'll hop back here into the forum later this month to share some creative & innovative code solutions to the most popular design ideas. Be sure to follow this post for the solutions & for design inspiration!

I got something as a workaround while waiting for Squarespace to support webp, it will not require you to re-upload images, Squarespace Images will be served using Cloudinary CDN or Imagekit.io and supported browsers can see webp while other still get the origin format
The code is available in my post, made a test using Chrome Network tab

imagekit-webp-delivery.mp4  
 

Hello @Graphixmain try this code in Website Tools >> Custom Css
:not(.has-background) .section-background { background-image: url("YOUR_IMAGE_URL"); background-size: cover; /* Adjusts the image size to cover the entire element */ background-position: center center; /* Centers the background image */ background-repeat: no-repeat; }  

Hello, I have a professional portfolio site https://www.drjrf.com/experience. The Experience page crashes on mobile but works perfectly fine on desktop. When visiting the Experience page, either by clicking on the menu link or the the button on my homepage (see video below), the page loads for a few seconds, reloads, and then crashes. This error only seems to happen on the Chrome mobile browser/app. I've tried it via Safari and it works fine (for now). Any ideas on what could be causing the glitch and how to resolve it?
drjrf screen recording - mobile glitch.MP4

Hi, 
website:https://seahorse-gopher-fwwy.squarespace.com/articles 
password:1234
This is a quick question I just need to add a bit of space between the image and the categories title, I tried through the squarespace editing section panel but nothing happens, is there a line of code I can add to the space increases a bit? 
Thanks a lot! 
 

Try this code 
.header-nav a:hover { color: #6C4E39 !important; } .header-nav-item--active > a, .header-nav-folder-item--active > a { color: #6C4E39 !important; } .header-nav a { color: #333; } .header-nav .header-nav-item--active .sub-menu a, .header-nav .header-nav-folder-item--active .sub-menu a { color: #6C4E39 !important; } .header-nav .sub-menu a { color: #333; }  

Site URL: https://www.ohyeahloveit.com/
Is there a way to embed a zoom meeting room into a squarespace site? I've been looking at zapier, and there's a way to integrate them, but I don't really understand what is/isn't possible. Has anyone figured out how to do this? (Or how to use a different video conferencing app?)

Hi all! I have a solution! You can use Mixily Virtual Venue to embed a custom video chat in your Squarespace. It's a Zoom alternative with similar features. Really cool and it's free!
https://www.mixily.com/features/virtualvenue

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks
 

Here is the code :
@media only screen and (min-width: 640px){ #block-12345 { opacity: 0; transition: opacity 1s } #block-12345:hover { opacity: 1; transition: opacity 1s } } if you have any confusion check out this video https://youtu.be/llSO2AMIb3M?si=DkQKTC43sZ0_dtQX

Hello @FelixCollier

ok, Nice 👍
and sorry for that 

Thank You 


 

Hello
I am working on a project page for a design firm in 7.1 The PLAN was to make a project product categories and then use the Filter to filter products by price and do so via  CATEGORIES
Thanks
 

Hi everyone, 
The Customer Operations Community team is hosting a 45 min Invoicing and Client Documents live Q&A on June 13, 12pm EDT. During this session, Linda Underwood, Staff Product Manager, and Nicole Into, Product Marketing Manager, will reply to questions about new Squarespace features to invoice clients, create client proposals and contracts, and manage projects. This is a unique opportunity to connect with two of our product experts and learn about best practices. If you sell specialized services to clients on a project-to-project basis, like photography, consultation, or website design service and are just getting started with Squarespace’s invoicing and documents features, then this Q&A session is for you! Save your spot now by signing up on the Ask a Squarespace Product Manager: Managing Clients with Invoices, Contracts, and Proposals registration page.
Here are some examples of topics we’ll address: 
Documents- How to use documents to showcase your work and expertise, provide an estimate, and agree to terms and conditions before starting work Invoices- How to quickly and easily brand your client invoices and keep business information up-to-date Projects- How to use projects to keep track of key milestones, client info, invoices, and documents, all in one place.   You can submit your questions throughout the session, and we’ll do our best to answer as many questions as we can during the session.
To submit general questions in advance, please share them with us in the comments. For any questions that are site specific and/or require troubleshooting, we recommend contacting Customer Support directly. 
 

Hi there, 
I was able to embed images into my accordion dropdowns, however I'd like the images to be left aligned with the text wrapped around them (instead of the image on top of the text, like it is now). When I add a display:flex property, it makes the images all different sizes. 
site URL: https://www.couplesmarriageministry.org/resources/wives
Any help is welcomed!

No. Custom post types can only be created in Developer Mode and, as I explained above, this is only available on the old version of Squarespace (version 7.0), where many of the newer features aren't available. Developer Mode isn't - and won't be - available on 7.1. 
Of course this doesn't stop you using a Blog post type for storing clinic locations but you won't be able to add custom fields 🙂.
Did this help? Please give feedback by clicking an icon below  ⬇️ 

Text wrapping is available on older "Classic" editor sections (and on Squarespace 7.0) but is not yet available on newer "Fluid Engine" sections. If you'd like to use text-wrapping you can add a Classic editor section to a page by selecting one of the options in the lower left corner of the 'Add a Section' window.

Did this help? Please give feedback by clicking an icon below  ⬇️

Hello, I've previously always embedded an external party form code block in the footer section of my page and it's shown up as the main body of the page. This was the only way I could get it to show at all. Now it's suddenly only showing up below the footer, which looks really bad. 
https://www.georgelangfordtattoo.com/tattoo-bookings
I've not custom coded the site apart from my font, and really don't know how to get the form to show up as the main body of the page. Any advice? The form code is from Jotform. 
https://www.georgelangfordtattoo.com/tattoo-bookings
 

Hi
I've added the following code to allow text to show when you hover over a certain image. This works great.
But when I use the same code for text over a video, the hover works, but I'm not able to play the video. Does anyone know if it's possible to have the text show on hover but still be able to play the video underneath?
Thanks
@media only screen and (min-width: 640px){ #block-yui_3_17_2_1_1679943741814_88486 { opacity: 0;  transition: opacity 1s } #block-yui_3_17_2_1_1679943741814_88486:hover { opacity: 1; transition: opacity 1s } }  

I just solved this issue using this chrome plugin.
https://chromewebstore.google.com/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en 
it will show the unique ID for every block including auto layout sections as follows:
section[data-section-id="this-text-is-the-id"]
Then you make your anchor link like normal:
/page/#this-text-is-the-id

1. What’s the difference between a domain and a website?
While domains and websites are closely related, they aren't the same. A website is a collection of content hosted on a server. A domain is a user-friendly address your browser uses to identify the location of a website. 
Let’s put it another way: think of your website as a house, with the domain being the street address. Your house contains all of your belongings in the same way your website contains all of your content. Domains are like a home address because they provide visitors with the unique address that takes them directly to your home or website.
Website and domain hosting are separate subscriptions that are billed separately. With Squarespace, you can get a free year of domain hosting when you register for an annual website subscription. 
 
2. What’s the difference between transferring a domain to my Squarespace site and connecting it? 
Transferring a domain to your site makes Squarespace your domain host. This means you can manage your domain billing, settings and registration from your Squarespace account.
You can connect a domain to your Squarespace site if you’re unable to transfer it. The main difference from transferring is that a connected domain uses the current domain provider as the host.  Connecting, or pointing, a domain to your Squarespace site involves updating your domain’s DNS settings from your provider's end.
Both setup processes lead to the same result. When you successfully add a domain to your site using either transferring or connecting, the domain directs users to your Squarespace site. 
 
3. Why do you recommend transferring my domain to Squarespace instead of connecting it?
If possible, transferring your domain to your Squarespace site is the recommended option over connecting a domain. Here are a few reasons why: 
Ease of use  If you already have a Squarespace site, you can manage your domain’s DNS and billing settings from your Squarespace site. You won’t need to deal with two different providers. 
Scope of support  Sometimes things can go wrong and questions can arise when managing your domain. If your domain is connected to your site, our Customer Support team can’t access your account with a third-party domain provider to provide more help. If Squarespace is your domain host, we can offer more insight and hands-on support to help you find solutions.  
Features  All Squarespace domains include free Whois privacy and SSL certificates to protect your information and to keep your site marked as secure. 
While transferring your domain to Squarespace is the recommended domain setup option, the most important factor in your decision depends on what works best for you. Whether you decide to connect or transfer your domain, your visitors won’t experience any differences when viewing your site. 
 
4. How can I choose a good domain name? 
For many users, their domain name is their name or the name of their business. For other users, it’s not as straightforward. 
Because a domain name is your first impression on the internet, we recommend choosing a name that's positive and memorable. Domains can be anywhere from a few characters to several words. Shorter domain names are more effective with audiences because their short length makes them easier for people to remember. Additionally, fewer characters means fewer possible misspellings. 
Consider the purpose of your site 
Before you choose a domain name, consider what the purpose of your site is and what your users will do when visiting your site. Are you selling products or services?  Are you hosting a blog? 
Understanding your site’s purpose and audience will help you ‌develop a list of keywords to incorporate into your site content. These keywords are a tool you can use to find a domain name that's effective and relevant to your site. For example, if you’re choosing a domain name for a yoga studio, you can incorporate the word “yoga” into your domain  because “yoga” is an important keyword throughout your site content that resonates with your audience and your site’s purpose. 
Distinguish yourself from your competitors 
It’s important to have a unique domain name to distinguish yourself from your competitors, especially if there are other websites that are similar to yours. For example, if you live in New York City and own a hardware store called Smith’s Hardware, smithshardwarenyc.com could stand out more to your local customers than  smithshardware.com. Adding a unique identifier like “nyc” to your domain distinguishes your site from the competing Smith’s Hardware sites. 
 
5. How can I set up a custom email address for my domain?? 
Once your domain is registered, you can create a custom email address for it, like youremail@yourdomain.com. Here are two ways to set this up in Squarespace:
Email forwarding You can set up email forwarding for Squarespace-managed domains. With email forwarding, you create aliases for your email address. Then, emails sent to those aliases will be forwarded to another email address of your choice. 
Think of an alias as a nickname. For example, if your email is youremail@gmail.com, you can set up the alias youremail@yourdomain.com. All emails sent to youremail@yourdomain.com will forward to youremail@gmail.com. 
Google Workspace  You can add Google Workspace to a Squarespace domain or third-party domain. Similar to email forwarding, you can use a custom domain email address with Google Workspace. The difference with Google Workspace is you create a new email with its own inbox instead of creating a nickname for an existing email
This is a good option for businesses wanting a professional email address with its own inbox. Keep in mind, Google Workspace is a separate billing subscription from your domain and website. 
 
6. I’m a Google Domains customer. Do I have to do anything? 
In 2023, Squarespace entered into an agreement to become the new home for Google Domains. Domains are being moved to Squarespace in phases. When your domain transitions from Google to Squarespace, you’ll become a Squarespace customer and manage your domain through an account with us. 
If you're a Google Domains customer, we’ll let you know when you need to take action. When your domain moves to Squarespace, you’ll receive an email to the email address associated with your Google Domains account. If you already have a Squarespace account, you’ll just need to log into it. If you don’t have a Squarespace account yet, one will be created for you automatically. 
Visit About the Google Domains migration to Squarespace to learn more about the migration, how to check the status of your domain and where to go for support.

How to fix this ? 
We accidently initated transfer but it cannot be completed and we have exact same error