MakkPress

Hi @WebTrendingSolutions You're very welcome! I'm glad I could help. Feel free to try the suggestions, and let me know how it goes. I appreciate you keeping me updated, and I’ll be here if you need any further assistance. Looking forward to hearing how it works out!

Hi, In Squarespace 7.1, adding a video block to the product description is slightly different than traditional content blocks. Here’s how you can add a video to your product description: Option 1: Using the Product Description Editor Go to your Products Page: Open the Pages panel and select the product you want to edit. Edit Product: Click on the product you want to add the video to, then click on Edit. Product Description Field: In the product editor, find the Product Description area where you can add text. Add a Video: To insert a video, you can use a direct link to a video platform (like YouTube or Vimeo😞 Simply paste the YouTube or Vimeo link into the product description. Squarespace automatically converts the link into an embedded video player. If you're hosting the video on your site, you can use the Embed Block by selecting the Insert Point and clicking on the Embed option. Then, insert the embed code or link. Option 2: Using the Custom Code Block (for hosted videos) If you want to directly embed a hosted video (e.g., from Wistia, or Vimeo), you can add it using the custom code block: Go to the product description editor in the product page. Insert an Embed Block: Click the Insert Point inside the product description and select Code Block. Add Embed Code: Paste your video embed code (from the video provider) into the block. This will allow you to add videos directly within your product descriptions. Remember, Squarespace doesn’t allow adding a traditional “video block” within the product description area, but using an embed block or direct link is a practical workaround.

Hi, If you want to add a 90-second slow-motion video to a product listing on your Squarespace commerce site, it's actually pretty straightforward. Whether you’re using Squarespace 7.0 or 7.1, here’s how you can easily add the video along with your product images—even if the product isn’t on your site yet. Steps to Add the Video on Squarespace 7.1: Navigate to Your Product Page: Start by going to Commerce > Inventory in your Squarespace dashboard, and select the product you want to add the video to. Add a Video Block: In the Product Description section, click to add a Video Block. This is where you'll upload or embed your video. Upload or Embed the Video: You can either upload the video directly to your Squarespace site or embed it from a video hosting platform like YouTube or Vimeo. Embedding is often a good choice if your video file is large. Customize the Video Block: Once your video is added, you can customize the settings, such as enabling autoplay, muting the video, or adjusting how it displays on the page to match your site's design. If you notice that the video isn’t loading or playing smoothly, consider hosting the video on a platform like Vimeo or YouTube. Embedding from these platforms can improve performance and prevent issues with page load times, especially for larger video files. Example of Embedding from Vimeo: If you're embedding the video from Vimeo, you can use the following embed code, which allows the video to autoplay: <iframe src="https://player.vimeo.com/video/YOUR_VIDEO_ID?autoplay=1" width="640" height="360" frameborder="0" allow="autoplay; fullscreen"></iframe>

Hi, If the code you tried in the browser console isn't working, there could be a few reasons why it’s not behaving as expected. Don’t worry, I’m here to help guide you through the troubleshooting process and make sure you're taking the right steps to modify your Squarespace gallery-fullscreen-slideshow. Here’s how you can properly add JavaScript to Squarespace: Log in to your Squarespace dashboard. Go to Settings > Advanced > Code Injection. In the Header section, paste the following script: Click Save. <script> document.addEventListener("DOMContentLoaded", function () { const slideshow = document.querySelector('.gallery-fullscreen-slideshow'); if (slideshow) { const props = JSON.parse(slideshow.getAttribute('data-props')); props.slideDurationMs = 15000; // Set the duration to 15 seconds slideshow.setAttribute('data-props', JSON.stringify(props)); } }); </script> By following these steps, the slideshow settings should be modified as expected. Give it a try, and let me know how it goes! If you run into any issues or have more questions, feel free to reach out.

Hi, If your Squarespace website isn’t showing up in Google search results, there could be a few reasons behind it. But don’t worry—there are some simple steps you can take to troubleshoot and get your site properly indexed. Here’s what you can do: Go to Settings > SEO: In your Squarespace dashboard, top Settings and then show the SEO tab. Enable Search Engine Indexing: Make sure to the Enable check box of "Search engine indexing" is turned on. If it’s unchecked, Google won’t be able to index your site at all pages. Noindex Tag on Pages: If you’ve applied the noindex tag (such as on old event pages or other outdated content), Google won’t index those pages. Check Your Page SEO Settings: For each page you want indexed, go to Pages > Settings > SEO and ensure there's no "noindex" tag or setting enabled—unless you specifically want those pages excluded from search results. Set Up Google Search Console: If you haven’t already, set up a Google Search Console account for your website. This tool helps you understand how Google is crawling and indexing your pages. Verify Your Site: Follow the instructions in Google Search Console to verify your website. Submit Your Sitemap: Once your site is verified, go to Google Search Console > Sitemaps, and submit your sitemap (typically at yourdomain.com/sitemap.xml). This helps Google crawl and index your pages faster.

Hi @sakeeley22, If you want to prevent old event pages on your Squarespace site from appearing in search engine results, you’ll need to add a "noindex" meta tag to those pages. This will tell search engines not to index those pages. Here’s how you can do it: Open Page Settings: Hover over the event page and click the gear icon (Settings) to open the page settings. Go to the SEO Tab: In the Page Settings window, select the SEO tab. Add the "noindex" Meta Tag: In the SEO Description field, add the following code: <meta name="robots" content="noindex, nofollow"> After adding the "noindex" meta tag, click Save to apply the changes.

Hi, You try changing the Facebook and other social platforms show when you share your page, using Open Graph settings. Go to Marketing > Social Links: In the Squarespace dashboard, click Marketing, then select Social Links. Save: Don’t forget to save the changes.

Hi, If your page title isn’t updating as expected in Squarespace, there are a few things you can check: Template Settings: Some Squarespace templates default to using your Site Title for all pages. If your page title isn’t showing correctly, go to Settings > Site Title and make sure it isn’t overriding the individual titles. You can also customize how titles are displayed across your site by adjusting the format in the SEO settings under Marketing > SEO. Custom Code or SEO Overrides: If you’ve added custom code or made SEO adjustments that might override page titles, this could be causing the issue. Head over to Settings > Advanced > Code Injection and review any code you've inserted to ensure it’s not conflicting with the page title settings. By reviewing these areas, you should be able to pinpoint and resolve the issue with your page title not updating. Let me know if you need further help!

Hi, Hey there! Reducing your bounce rate and improving site performance is definitely possible with a few key tweaks. Here are some tips to get you started: I tested your homepage on Google PageSpeed Insights and noticed a low performance score on mobile. Slow page load times are one of the main causes of high bounce rates, especially if many users are visiting from mobile devices. Here's the link to check your homepage score: Google PageSpeed Insights Test. Compressing your images can make a huge difference in speed. Tools like TinyPNG can help reduce the file sizes without losing quality. Note: As an additional option, you might want to try our speed optimization tool, Website Speedy. It’s designed specifically for Squarespace users and can help boost your site's performance by up to 2X with minimal effort. (I’m affiliated with WebsiteSpeedy, so just letting you know!) Ensure that visitors can easily navigate your site. If it’s difficult for them to find what they’re looking for, they’ll leave quickly. Consider adjusting the design to utilize space more effectively, as your homepage has a lot of unused blank space see here and here. Make sure there’s a clear, actionable next step for visitors, whether it’s signing up, making a purchase, or exploring more content. I noticed that the "Shop Now" button isn't clearly visible, which could prevent users from easily accessing important calls to action see here.

Hi, To improve the performance and speed of your website, particularly on mobile devices, here are some actionable steps to address key issues that may be affecting your site's performance. I analyzed your site using Google PageSpeed Insights https://pagespeed.web.dev/analysis/https-www-webtrendingsolutions-com/3epsnmy5ea?form_factor=mobile and noticed that the Largest Contentful Paint (LCP) and overall performance score are below recommended levels for mobile devices. LCP Issue: The homepage banner image is impacting LCP because it is not prioritized to load first. Adjusting its loading priority and making additional optimizations can help improve this metric. Recommendations: 1. Compress and resize images specifically for mobile. Large, unoptimized images significantly affect load times. Tools like TinyPNG or ImageOptim can reduce file sizes without compromising quality. 2. Minimize animations triggered during the page load, as they can delay rendering. Consider simplifying or deferring animations to improve performance. 3. Optimize Animations: CSS animations are generally more performant than JavaScript-based ones. If you're using JavaScript for animations, consider switching to CSS where possible. 4. Lazy Loading: Ensure that lazy loading is enabled for images and videos to improve initial load times.

Hi, To implement a smooth fade-in effect for your social icons when the page loads, follow these steps: Add CSS for Fade-In Effect Go to Website Tools > Code Injection > Footer and add the following CSS to style the social icons: .sqs-svg-icon--list { opacity: 0; /* Initially hide the icons */ transition: opacity 1s ease-in-out; /* Smooth transition effect */ } .sqs-svg-icon--list.fade-in { opacity: 1; /* Make icons visible when the fade-in class is added */ } Add JavaScript to Trigger the Fade-In Use JavaScript or jQuery to add the fade-in class to your social icons once the page has fully loaded. Add this script below the CSS in Code Injection > Footer: window.onload = function() { document.querySelector('.sqs-svg-icon--list').classList.add('fade-in'); }; This code ensures that the social icons will fade in smoothly when the page finishes loading. You can adjust the 1s in the CSS to control the speed of the fade effect to your preference.

Hey @TrueNaturals A high bounce rate can be a significant concern, but there are actionable steps you can take to reduce it and make your website more engaging for visitors. Here’s what to focus on: 1. Landing Page Optimization Ensure your landing pages are tailored to the traffic you're driving from social media. If users land on pages that don’t align with their expectations, they’ll leave quickly. Be sure the content matches the message or offer you shared on your social channels. 2. Clear Call to Action (CTA) A clear and compelling CTA is crucial. Whether it’s signing up for a newsletter, making a purchase, or reading a blog post, visitors should immediately know what action to take. Place the CTA in a prominent location, and ensure it’s easy to find and persuasive. 3. Improve Page Load Speed Using Google PageSpeed Insights, https://pagespeed.web.dev/analysis/https-www-buytruenaturals-com/mhan2bvsog?form_factor=mobile I noticed performance issues on mobile, particularly with Largest Contentful Paint (LCP). One primary issue is high render delay for images. To address this: Optimize images using compressed formats like WebP or JPEG. Resize images to fit their display dimensions. Use Squarespace’s built-in lazy loading and CDN to improve load times. 4. Enhance User Experience (UX) Review your site’s navigation and overall design. Ensure the user flow is intuitive and free of distracting or confusing elements. 5. Targeting the Right Audience Review your social media targeting to ensure your messaging resonates with your audience. Fine-tune your strategy to attract relevant visitors who are more likely to engage with your site. 6. Analyze Behavior Flow Use Google Analytics to identify pages with the highest bounce rates. Check the behavior flow to see where users exit your site. Optimize these pages with engaging content and clear CTAs. Optional: Speed Optimization Tools If page load speed remains a concern, external tools like Website Speedy - Squarespace Speed Optimization can further enhance site speed and improve core web vitals. (Disclosure: I am affiliated with Website Speedy.) Consider this as an optional enhancement after exploring Squarespace’s built-in features. By implementing these strategies, you can improve engagement, reduce bounce rates, and boost your site’s performance.

Hi, The issue you're facing, where the SEO site description isn't showing in search results and instead the first line of text appears, can happen for a few reasons: Auto-Generated Meta Description: Squarespace automatically generates the meta description for pages based on the content. If there’s no custom meta description set, it may pull the first line of text from the page. To fix this, go to Page Settings → SEO and manually enter a relevant, concise meta description. For more details, check the Squarespace Help Center article on SEO descriptions. Length of Meta Description: If the meta description is too short or too long, search engines might ignore it. Aim for 150–160 characters to ensure it displays correctly. Search Engine Override: Sometimes, Google or other search engines override the meta description if they feel the first line of content is more relevant to the search query. This is common when the first text on the page closely matches the user's search intent. By updating the meta description and ensuring it’s within the recommended length, you should have more control over what appears in search results. However, keep in mind that search engines occasionally prioritize their own algorithms over manual settings.

Here’s a comprehensive guide to enhance your email marketing efforts: Build a quality email list and avoid purchased ones. Personalize emails by using the recipient's name and tailoring content to their interests. Segment your audience for more relevant and targeted campaigns. Optimize for mobile, as many people check emails on their phones. Use compelling subject lines to boost open rates. Track and analyze performance metrics to improve future campaigns. Keep emails engaging with clear CTAs and clean design. Test different approaches (like A/B testing) to see what works best. Ensure compliance with email laws (e.g., GDPR) and maintain a consistent sending schedule.

Hey @beaconcreative Improving speed can be a pain, but you’re not alone—it’s a common challenge for many merchants now a days. I’d start by compressing images & Cumulative Layout Shift issue, as that alone can make a huge difference. Also, try limiting the number of apps on your site; each one can slow things down. Lastly, test your website on pagespeed.web.dev . Here are some steps you can take for the CLS issue. Optimize and Compress Images: Large images can slow down load times. Resize images to the appropriate dimensions and consider using formats like WebP and AVIF, which often provide better compression than PNG or JPEG. You might consider hiring an expert for more thorough optimization. Banner height & width define: after the page load banner section layout don’t shifted to any direction. Implement Lazy Loading for Images: Only load images as they appear in the viewport. This improves initial load time significantly. Note: As an alternative, you might want to try our speed optimization tool specifically designed for Squarespace—Website Speedy. We created this tool for people like you who are struggling with slow websites. It makes it easy to boost your site’s performance Score & CLS are resolved without effort! You can check it out here: Website Speedy.