Jump to content

JessicaM

Circle Member
  • Posts

    86
  • Joined

  • Last visited

2 Followers

Personal Information

Recent Profile Visitors

403 profile views
  1. @anna_baige You're welcome! Glad to hear it! 🙂
  2. @anna_baige Try this ... just add it beneath the existing code in the Header. Let me know if it works. It worked ok on mine 🙂 <!-- Add Read Time to Summary Block --> <script> $(function () { // Loop through each overview item on the page $('.summary-item').each(function() { var overviewItem = $(this); var postUrl = overviewItem.find('a').attr('href'); // Get the URL of the blog post // Fetch the blog post content to extract the reading time $.get(postUrl, function(data) { var postContent = $(data).find('article').text(); // Extract content of the blog post var wordCount = postContent.replace(/[^\w ]/g, "").split(/\s+/).length; // Count words var readingTimeInMinutes = Math.ceil(wordCount / 228 / 2); // Assuming average reading speed is 228 words per minute var readingTimeAsString = readingTimeInMinutes + " MIN READ"; // Create a new span element to hold the reading time var readingTimeElement = $('<span>').addClass('reading-time').text(readingTimeAsString); // Create a line break element var lineBreak = $('<br>'); // Append the line break and the reading time span into the corresponding overview item's .blog-meta-section overviewItem.find('.summary-metadata-container').append(lineBreak).append(readingTimeElement); }); }); }); </script> <!-- End Read Time on Summary Block -->
  3. Hey @anna_baige! This post has all of the code to add it to the blog pages and the overview page - https://www.jessicamiller.work/blog/add-a-read-time
  4. Hi @DEVCHDM! How fun to be in a group of quilters 🙂 There's a few simple things you can do that will help to bring the site together and make it more cohesive. - Make sure all buttons are a few words (like, "register here" vs "all workshops, photos, supply lists and more as info becomes available") - Create a logo for the top navigation. - Remove the "scroll down" at the top - people are going to scroll down anyways! - Make sure items in each section are aligned properly and aren't scattered in the section. - Chose two contrasting fonts for the header/paragraph text. - Decrease the space between the characters in the paragraph font. - Replace the default Squarespace favicon with your own! - Remove "home page" from the header - your logo/icon on the left is the link back to the home page. - This is just a personal preference, but I would remove the text/image fading in animation as someone scrolls the page. This post may be useful too - https://www.jessicamiller.work/blog/beginner-web-design-mistakes Let me know if you have questions about anything. Jessica
  5. @Baller1245 Looks like it's working fine. It's showing for me... see attached image.
  6. @hayleykimstudios Click the paintbrush to go to Site Styles, then Animation, then check "none". 🙂
  7. @JamesDoyle The reason is because the video with the airplane isn't tall enough. So, it's showing the background of that section, which is white. You can either change the background color to black, or extend the height of the video so that it takes up more space.
  8. Hey @C2designers! The pop up is probably a big factor in the bounce rate. While they can be effective, I personally find them annoying and I will usually leave a site that has a pop up. Instead of a pop up, I would put a section on your page for the lead generator...that way people have the option of signing up if they want. When someone lands on a website, the first thing they want to know is who you are and what you do. If they can't figure that out in .5 seconds, then they will leave. So right now, I'm looking at the page without scrolling...and I have no idea what you do, lol. It just says Gallery... does that mean you sell fonts? or that you designed a Jillian Michaels ad? I think a big reason the bounce rate is high is because people land here and they are confused... they aren't sure if you have something they need, so instead of scrolling to find out the answer, they just leave. I would probably pick a different color palette than the blue/green... the blue is a little harsh compared to the green. Also different fonts that complement each other would go a long way. The site also needs clear call to action buttons... what action do you want people to take? Purchase a font? Book a designer? Where did the name C2 come from? And does "designers" mean that this is a place like Etsy or 99 Designs where a bunch of designers sell their work? If I'm confused, then so are other people! 🙂 The Bio Links link in the footer should open up a new tab since it's an external link. Hope that gets you headed in the right direction! Let me know if you have questions about anything 🙂
  9. Hi @codyarrow! You can remove "home" from the top navigation because your logo will take people back to the home page. You might want to specify the areas of North Dakota in the top section that y'all work with (unless you actually cover the entire state). Make sure the buttons are consistent throughout... the "24/7 call today" is different than the others. The logo is on the home page a LOT! I counted 5 times... while brand recognition is important, I think it might be a bit overkill on this page 🙂 I expected the images in the fire damage, water damage, etc section would take me to a page about that specific thing, but instead it just opened up the image. If it's not going to go to a new page, then I would remove the hyperlink. There's no benefit to clicking the image. Also I would probably put the images in the same order as the icons that are listed above it. I would also rework the blog layout so that it's easier for people to find what they want. Also the image in the top section is cut off. The social media icons in the footer are too dark to see. Hyperlink the email address in the footer. I'm confused... the header image says "north dakota", but the footer says north and south dakota... sooo, why wouldn't you include "south dakota" in the header image as well? Overall, I think you have some good information on the site (like the before/after jobs), but it's just a matter of laying it out so that the pages keep people engaged and convert them into clients. Right now the amount of information and dropdowns in the header navigation feels a little overwhelming.
  10. Hi @ChristinaDean! The pop up is probably a big factor in the bounce rate. While they can be effective, I personally find them annoying and I will usually leave a site that has a pop up. Instead of a pop up, I would put a section on your page for the lead generator...that way people have the option of signing up if they want. When someone lands on a website, the first thing they want to know is who you are and what you do. If they can't figure that out in .5 seconds, then they will leave. So right now, I'm looking at the page without scrolling...the only thing that sort of gives me a clue is the "dive into an epic week of dirt biking". So I would guess you're a tour company in Nicaragua? Maybe? If it's not clear right away, then people will leave your page without scrolling to find out more. Just giving your page a quick scan, I think simplifying it would help...right now it feels a bit busy and cramped with all of the graphics and text. Anything that makes our eyes struggle or forces our brain to process too much information will make people leave. All of these would help make it more visually pleasing: - making the content more narrow instead of taking up the whole page horizontally - a defined color palette (the dark gray and black clash with each other) - more palatable fonts/sizes - better layout within sections - consistent spacing throughout Also, the gap in between the announcement bar and the top navigation is a bit distracting. Testimonials are a BIG thing that will increase your conversions. Asking people to fork over $2k is no small ask... they need to have a trust factor that their investment is going to be worth it. By including testimonials from past customers, they can see that the investment pays off. I would also add some FAQ's - like, 'what happens to my money if I can't go', etc... There's a typo on this page... the last sentence should say 'lodging' - https://www.nomadasdrift.com/merch/p/the-nica-drift-deposit Hope this helps 🙂
  11. @leescop Be sure to change out the default Squarespace favicon with one of your own! Your work looks really nice. Since there are quite a lot of images on the Art page, you might consider adding a filter so people can find what they're looking for instead of scrolling down the whole page. I generally like smaller text, but I wonder if the font on the paragraphs will be too small for some people to read. If you're open to building it out more, you might consider adding some testimonials and a way for people to purchase your art...it's very nice. Making some tweaks with SEO will go a long way too... in particular the naming of url's and images. I have a free SEO checklist on my site that will help. Let me know if you have questions about anything.
  12. UPDATE: I managed to exclude the cart button from the CSS, which is a solution that works fine. I don't have to have the arrow on the cart button, but if anyone knows how to do get it to work, I'm curious. I was able to exclude the cart button by adding the ":not" command to the top of the code so that it looks like this now: #siteWrapper .sqs-button-element--primary:not(div.sqs-add-to-cart-button) { ---------- I'm using CSS to create an animated button on hover. It's working fine except for the "add to cart" button on this page. How can I either: 1) make it work on the "add to cart" button 2) exclude the "add to cart" button from the code site: https://eagle-round-fz74.squarespace.com pw: test Thanks! Here is the code I'm using - // add icon to button on hover // #siteWrapper .sqs-button-element--primary { display: inline-block; text-align: center; line-height: normal; &:after { content: ''; background-image:url(https://static1.squarespace.com/static/65aea6afe369c462cb5c6f5c/t/65b01b88b692bc3ce4db1003/1706040200816/arrow-slanted.png); background-size:contain!important; background-position:center; float: right; background-repeat: no-repeat; color: transparent; object-fit: cover; width: 17px; height: 23px; margin-left: 15px; transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; } &:hover:after { rotate: 45deg; } &:hover { opacity: 1 !important; } }
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.