MakkPress
Circle Member-
Posts
42 -
Joined
-
Last visited
Content Type
Forums
Downloads
Store
Events
Blogs
Gallery
Profiles
Everything posted by 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.
- 2 replies
-
- seo
- events-page
-
(and 1 more)
Tagged with:
-
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.
-
Page title is not updating based on Page Settings
MakkPress replied to OmLight's topic in Pages & Content
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.
- 1 reply
-
- faq
- email marketing
-
(and 1 more)
Tagged with:
-
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.
-
Hey @Danda6969 I’ve checked your site's performance using Google PageSpeed Insights, and your mobile performance score is notably low due to high Largest Contentful Paint (LCP) and Total Blocking Time. Optimizing Largest Contentful Paint (LCP): The hero banner image is a major contributor, causing a substantial delay with a render time of 9,980 ms. This delay impacts users' perceived speed and slows down the critical rendering path. Improving this area includes optimizing images without sacrificing quality. Converting images to next-gen formats like WebP can be a great step since WebP offers faster load times with more efficient compression. Reducing Unused JavaScript & CSS: To improve performance further, it's essential to reduce or remove any unused JavaScript and CSS code. Please refer to the provided screenshot for details on what’s currently blocking rendering. Lazy Load Scripts & Images Lazy Load Scripts: Load scripts asynchronously or defer them if they don’t impact above-the-fold content. Implement Lazy Loading for Images: This ensures images load only when they appear in the viewport, significantly improving initial load time. Convert to WebP Format: WebP compression offers superior results with minimal quality loss, and there are tools and plugins available to automate this conversion. Note: For a streamlined approach, consider trying our speed optimization tool specifically built for Squarespace sites—Website Speedy. Designed to tackle slow websites, it simplifies the process of boosting your site’s performance. In many cases, it can improve your performance score and cut down LCP delays by up to 2X with minimal effort! You can explore it here: websitespeedy.com
-
Hey @wsnider28 I totally understand your frustration with slow loading times on your video page. It can be disheartening when you’re trying to create an engaging experience and face these technical hiccups. Let’s see if we can tackle this together! When you have multiple videos on a single page, it can significantly impact load speed, especially if they're all hosted directly on Squarespace. This is because the browser needs to load all the video data at once, which can lead to slow initial loading times and buffering, as you’ve experienced. Use Lightbox Studio Efficiently: While using the Lightbox Studio plugin is a great idea to keep your layout clean, it can still suffer from slow loading if all videos are pre-loaded. Consider only loading thumbnails initially and using the Lightbox for the actual video playback. This way, only the video that’s currently being viewed needs to load. Embed Links for Better Performance: While you mentioned wanting to avoid YouTube or Vimeo due to ads and unrelated videos, embedding them can greatly improve loading times. Both platforms are optimized for video delivery, and you can customize the player to match your branding. You can also disable related videos at the end, ensuring a more seamless experience for your viewers. Optimize Video Settings: If you choose to stick with Squarespace hosting, ensure your videos are compressed for the web. This can reduce file size without sacrificing quality, leading to faster loading times. Note: If you’re looking to boost your website’s speed, check out our Squarespace Speed optimization tool - Website Speedy. We developed it for people like you who are struggling with slow websites, making it easy to optimize your site’s performance by up to 2X without much effort!
-
I need help with creating a donation confirmation page
MakkPress replied to KellyBeischel's topic in Setting up your store
Glad to know that it is fixed now. -
I need help with creating a donation confirmation page
MakkPress replied to KellyBeischel's topic in Setting up your store
Hi KellyBeischel, Sorry to hear that you are facing such an issue when the launch is around to corner. Did you try to try editing the font color from the page Editor? When you are in the edit of the conformation page. click on the section and you should see the option to change it. Can you try this? -
Greetings, Amazing SS Community, Ishan here, representing Website Speedy Website Speedy is the ultimate solution for enhancing the loading speed of SquareSpace websites. While our product is relatively new in the market, we have already garnered a significant number of signups from satisfied Squarespace users who have experienced remarkable results. To experience the difference yourself, we invite you to try our 7-day free trial. No credit card is required. Claim your Free trial here Before delving into further details about me and our product, let me clarify how Website Speedy works- In simple terms, we tackle the issue of render-blocking elements, which is one of the primary factors affecting website performance. Our meticulously crafted scripts can be effortlessly added to the head section of your SquareSpace website. Our automatic script actively identifies and reorganizes any render-blocking elements on your site, thereby optimizing your website's performance. To fully grasp the concept, it's essential to understand what render blocking entails. Render blocking refers to the situation where certain resources, such as CSS or JavaScript files, hinder the rendering of a web page until they are fully loaded and executed. When a browser encounters these render-blocking resources, it must pause rendering the page and await the fetching, parsing, and execution of these resources before it can continue rendering the rest of the page. Render blocking can significantly impact website performance and user experience. It often leads to slower page load times, delayed content display, and an overall sluggishness. This issue is particularly critical for above-the-fold content, which refers to the portion of a web page visible to the user without scrolling. If render-blocking resources delay the rendering of above-the-fold content, it can leave a negative impression and hinder usability. Allow me to provide a brief introduction about myself and how our product was developed. In 2012, I founded a development and marketing firm called MakkPress Technologies. Since then, my team and I have assisted numerous brands with website development and performance optimization, specializing in SaaS platforms like Shopify, Wix, BigCommerce, Squarespace, and more. One of the most significant challenges faced by brands and businesses is the poor loading times experienced, especially on mobile devices. Speed optimization options are limited due to the restricted server access provided by most SaaS platforms. While you can optimize images, videos, and some JavaScript or CSS codes, major issues like render-blocking and core Web Vitals performance often remain unresolved. Over time, we have developed innovative ways to address this problem, and now we want everyone to benefit from what we have created. Thus, we launched the Website Speedy solution—an intuitive DIY SaaS tool that anyone can utilize. With Website Speedy, you can expect blazing-fast website loading times. Moreover, we are continually working on incorporating additional functionalities to further enhance your website speed. We sincerely hope you find value in our creation, and we eagerly await your thoughts and suggestions. Your feedback is vital to us. Best regards, Ishan Website Speedy Team
- 2 replies
-
- advertising
- clickthrough
-
(and 2 more)
Tagged with:
-
Squarespace websites can sometimes be slow to load. This can be frustrating for both you and your visitors, and it can even have a negative impact on your search engine rankings. The good news is that there are solutions available to help fix Squarespace loading speed issues, and one of them is websitespeedy.com. Here's how we can help: Fixing render blocking issues: One of the main reasons why Squarespace websites can be slow to load is because of render blocking. This is when your website's resources, such as JavaScript and CSS files, are loaded before the page's content, which can cause delays in the page rendering. At websitespeedy.com, we can help fix this issue by optimizing your website's code and rearranging the loading order of your resources, so that the page content loads first, and then the resources. Implementing lazy loading: Another way we can help fix Squarespace loading speed issues is by implementing lazy loading. This is a technique that delays the loading of non-critical resources, such as images and videos, until they are needed. This can help reduce the amount of data that needs to be loaded upfront, which can speed up your website's loading time. At websitespeedy.com, we can implement lazy loading on your Squarespace website and fix render blocking issues using a third-party script, which is easy to install and configure. By fixing render blocking issues and implementing lazy loading, websitespeedy.com can help improve the loading speed of your Squarespace website. This can lead to a better user experience for your visitors, improved search engine rankings, and ultimately, increased conversions and revenue for your business. So if you're struggling with slow loading times on your Squarespace website, don't hesitate to reach out to websitespeedy.com. Our team of experts can work with you to identify the root cause of your website's loading speed issues and provide tailored solutions to help fix them.
-
Mobile Speed, is there anything else I can do
MakkPress replied to ekdietitian's topic in Best Practices
Hi @ekdietitian, The major issues for Mobile speed are with render blocking and unused javascript. You can use https://websitespeedy.com tool to fix these issues. it will also implement lazy loading which will enhance mobile experience. Best speed that I have seen for Mobile on google page speed insights for squarespace is 65, this is for a well build website. Offcourse a minimal website with less content and images can have even better score. Thanks, Ishan -
Would appreciate website feedback
MakkPress replied to EventCollective's topic in Feedback on Your Site
Here are some basics you should always follow, I will try to keep it specific to Event Marketing Niche- 1- navigation and Categories -> Build a good , easy to use Navigation and define categories of to describe kind of Events you did in past and may be some specific categories. 2- Create good content - Use ChatGPT or any AI to create some good content. 3- Social Validation - Add google review or trust pilot. 4- SEO - its not easy to get a search ranking that can generate leads, so I would recommend you create lots o content, get good backlinks and learn more from youtube. Site is vary basic right now so I think these are most important things you can do. Thanks, Ishan -
Hi All, You can use Website Speedy tool to improve Core Web Vital and fixing render blocking issues. This will make your squarespace website load much faster. Thanks, Ishan