Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Leaderboard


Popular Content

Showing content with the highest reputation since 03/06/2020 in all areas

  1. 12 points
    JGutierrez

    SEO Expert AMA: Matt Callahan

    Hey everyone! This month, we are excited to have Matt Callahan, founder and CEO of Delphi and Squarespace Expert in the Marketplace, answer your biggest questions about SEO. Delphi is a strategic marketing and design agency headquartered in NYC. They offer a full suite of design and marketing services, while specializing in Squarespace website development and SEO. SEO (search engine optimization) is the process of making your site better for search engines, so that when people search for products or information that you offer, your website is more likely to appear in their search results. Optimizing your site for SEO could mean more site traffic, and potentially increased revenue. There are a lot of SEO tactics and tools, and the best practices are constantly changing, which is why Matt is here to answer any questions people in the Squarespace community have about optimizing their site’s SEO. Please reply to this topic with any questions you have by Monday April 6th, 8pm EDT! If you see any questions you want to see answered, simply like the question. Matt will answer the top 10 most liked questions.
  2. 5 points
    Hi @dan3. Looking at the underlying gallery code, it appears that image descriptions are in-the-works to one degree or another. In the mean time, I've created a bit of code you can use to add image descriptions/captions to gallery sections in Squarespace 7.1 . View Demo Site JavaScript Insert via sitewide footer code injection. If you only want to add descriptions to some (not all) galleries, pass your own CSS selector into addGalleryItemDescriptions() (for example: "section[data-section-id='5db1f73f7a30760db464bb02']") For images within a targeted gallery that you do not want a description to appear, you must enter a space as the description (otherwise the filename will show). <script> /** * Add descriptions/captions to galleries in Squarespace 7.1. * JavaScript * © @brandon (Squarespace Forum User) * This software is provided "as is", without warranty of any kind, express or implied. */ document.addEventListener("DOMContentLoaded", function() { addGalleryItemDescriptions(); function addGalleryItemDescriptions(gs, gdzs) { var a=['querySelectorAll','section.gallery-section,\x20.gallery-lightbox','length','[class*=\x27-item\x27]:not([class*=\x27item-\x27])','getElementsByTagName','img','alt','trim','createElement','div','className','gallery-item-description','textContent','appendChild'];var b=function(c,d){c=c-0x0;var e=a[c];return e;};(function(c,d){var e,f,g,h,i,j,k;e=document[b('0x0')](c?c:b('0x1'));i=e[b('0x2')];while(i--){f=e[i][b('0x0')](d?d:b('0x3'));j=f[b('0x2')];while(j--){g=f[j][b('0x4')](b('0x5'))[0x0][b('0x6')][b('0x7')]();if(g){h=document[b('0x8')](b('0x9'));h[b('0xa')]=b('0xb');h[b('0xc')]=g;f[j][b('0xd')](h);}}}}(gs,gdzs)); } }); </script> CSS Insert in "Customer CSS", via the CSS Editor. The CSS below is very basic, adding a white box around the description and generally placing it at the bottom. You can customize to your heart's content. /** * Add descriptions/captions to galleries in Squarespace 7.1. * CSS * © @brandon (Squarespace Forum User) * This software is provided "as is", without warranty of any kind, express or implied. */ body { width: 100%; } section.gallery-section [class*='-item']:not([class*='-item-']):not([class*='-reel']):not([class*='-slideshow']) { position: relative; } .gallery-item-description { font-family: "Roboto", sans-serif; font-size: 16px; color: black; } .gallery-grid, .gallery-strips, .gallery-masonry, .gallery-reel, .gallery-fullscreen-slideshow { .gallery-item-description { position: absolute; width: 100%; bottom: 0; background-color: rgba(255, 255, 255, 0.7); padding: 2% 6%; box-sizing: border-box; } } .gallery-slideshow, .gallery-fullscreen-slideshow, .gallery-reel { .gallery-item-description { padding: 10px 25px; opacity: 1; transition: opacity 0.2s; } .gallery-slideshow-item:not([data-in="true"]), .gallery-fullscreen-slideshow-item:not([data-in="true"]), figure[style*="-9999"] { .gallery-item-description { opacity: 0; } } } .gallery-slideshow { .gallery-slideshow-list { min-height: 60vh; } .gallery-slideshow-item-wrapper, .gallery-item-description { flex: 1 1 auto; } } .gallery-reel { .gallery-item-description { text-align: center; left: 50%; transform: translateX(-50%); } &[data-width="inset"], &[data-width="inset"] { .gallery-item-description { max-width: 88vw; } } &[data-width="full-bleed"] { .gallery-item-description { max-width: 100vw; } } } .gallery-lightbox .gallery-item-description { margin-top: 1em; padding: 1em 2em; background-color: rgba(225, 225, 225, 1); } This is of course experimental. Do let me know how it works for you, or if you have questions. If you reply to this post, please do not quote the code in your reply. Doing so will create copies of the code which A) I would prefer not be copied and B) will propagate old versions of the code which are likely to fall out of date. -Brandon
  3. 4 points
    @JeroenB @rosieames I posted a quick guide to help you add the year to Squarespace 7.1 blog posts: https://sf.digital/squarespace-solutions/date-styles-on-squarespace-71-blog-posts Let me know how you get on.
  4. 4 points
    paul2009

    Line break with product titles

    The code referred to was for 7.0 and needed to be modified for Squarespace 7.1. Here's a version that should work in your situation. https://sf.digital/squarespace-solutions/display-product-titles-on-two-lines-with-squarespace-71 Let me know how you get on.
  5. 4 points
    humxahafeex

    Promotional pop up frequency

    Hi @arek It's way too easy what you have to do is to put the following code to Settings > Advance > Code Injection>Header ,What this code will do it will pop up every time user visit the website. <script> window.localStorage.setItem('test', '0'); window.localStorage.setItem('squarespace-popup-overlay', '0'); </script> Tested and it worked perfectly fine , Hope it works perfectly fine for you 🙂 NOTE: TEST IT ON INCOGNITO OR ON PRIVATE WINDOW. If it works for you don't forget to mark it as solved by clicking arrow on top left of this answer 🙂
  6. 3 points
    ChristineDarby

    SEO Expert AMA: Matt Callahan

    What prompted you to build your new site on Webflow versus Squarespace? And what differences in search performance have you seen as compared to your older site?
  7. 3 points
    HopeCVG

    SEO Expert AMA: Matt Callahan

    Is it best to have Squarespace host domains to reduce DNS lookups in order to avoid a slow site load speed? Or would you suggest using CloudFlare? This is assuming other site speed factors are already optimized (images, minified css, js, html, ssl, etc).
  8. 3 points
    Mkibby

    7.1 is horrible right?

    Has anyone who has previously used Squarespace and was familiar with the design process tried making a new, from scratch site using 7.1? All of the Design customization is GONE! There's a super convoluted way to go in and customize in settings, but you still have way less control than before — not to mention the templated font combinations are TERRIBLE. Is there any way to go back and use the old Squarespace??! Is any one else as angry about this as I am? It's like Squarespace decided they wanted to make the design process baby boomer-friendly, since... yanno, that is who is designing the vast majority of websites.
  9. 3 points
    christyprice

    SEO Expert AMA: Matt Callahan

    What's your best advice for keyword research without investing in one of the expensive tools?
  10. 3 points
    vivek

    SEO Expert AMA: Matt Callahan

    Hi JGutierrez, Matt, I want to know how to add Schema Markups in SquareSpace to get featured on the SERP sections?
  11. 3 points
    drdavis74

    Import of blogs keeps failing

    worst...answer...ever...
  12. 2 points
    Hi! So I have a customer that wants to sell products online and receive orders, but is not interested in accepting payments (I could not do it if I wanted to, Stripe and Square are not available in my country). She delivers products herself and charges on delivery. Is there a way to do this? Thank you!
  13. 2 points
    Add to Home > Design > Custom CSS @media screen and (min-width:641px) { .external { display: none !important; } }
  14. 2 points
    @billydupee You don't need to load the entirety of jQuery just to apply this style. Use the following. it's shorter and doesn't require an outside library (So your site will load faster). Place it in the same place. <script> (() => { [...document.querySelectorAll('.site-title a')] .forEach((uit) => { let title = ''; uit.innerText.split('').forEach((item) => title = `${title}<span>${item}</span>`); uit.innerHTML = title; }); })(); </script> Then for your CSS, go to the custom CSS tab found here: DESIGN -> CUSTOM CSS Then use the following. Now this is just a template, you'll need to fill in the colors you'd like to use. .site-title a { span:nth-child(1) { color: #333; /* the "B" */ } span:nth-child(2) { color: #333; /* the "I" */ } span:nth-child(3) { color: #333; /* the "L" */ } span:nth-child(4) { color: #333; /* the "L" */ } span:nth-child(5) { color: #333; /* the "Y" */ } span:nth-child(6) { color: #333; /* the space */ } span:nth-child(7) { color: #333; /* the "D" */ } span:nth-child(8) { color: #333; /* the "U" */ } span:nth-child(9) { color: #333; /* the "P" */ } span:nth-child(10) { color: #333; /* the "E" */ } span:nth-child(11) { color: #333; /* the "E" */ } } I would like to point out that another option to avoid all this is just create a logo image and use that. Just make sure it's a high enough resolution so it won't become pixelated. Happy building Erin ** edit ** Please note that you can delete my comments in the CSS (Thats anything between the /* */). As it's just there to make it clear what each span should be linked to ** Second edit ** @billydupee I tweeked to JS for a compatibility issue.
  15. 2 points
    @emma_tokyo, well @tuanphan method is the best option. But you're right, you need to tweek the code to match your websites HTML structure. give me a minute, I'll tweek it for you.
  16. 2 points
    Hi all. I know there are some Circle members who are small business owners and not designers. If your small business has been negatively impacted by COVID I’m offering free help with Squarespace SEO. I opened up some time this next week on my calendar for one-hour consultations. And now through May, our SEO newsletter is free. Learn more here: https://www.collaborada.com/covid19-response Stay safe, Christine @ Collaborada
  17. 2 points
    The 7.1 Template family is pretty much a one button scroll modeled after the 7.0 Brine Family which includes Pacific. I happen to like Brine. You can put every page in the main index of Brine and it scrolls, using parallax scrolling if you want. Brine will allow code for jump buttons which scrolls down the page as well. There are a lot of design templates in the Brine family. I am sure others here would agree, however you can accomplish a lot with either 7.0 or 7.1 Here is one of mine: https://atlanticcoastwater.com/
  18. 2 points
    There isn't a built in solution that can do this, but it should be easy to do with the right tools, because you're moving from a 7.0 Dovetail site to a 7.0 Brine site and neither are using Developer Mode. You can buy a third party plugin for the Chrome browser (Squarespace Websites Tools Extension) that will do this for you effortlessly, or you could hire someone to do it for you.
  19. 2 points
    derricksrandomviews

    Dropdown menu colour

    Place in custom css #topNav nav .folder-collection ul li a { background-color:#F4F4F4; } That #number is gray/white you can find the css code for a color here: https://www.hexcolortool.com/#6db0fd use the number that starts with #
  20. 2 points
    Hello and welcome to Scheduling on Squarespace! Are you interested in learning more about Squarespace Scheduling, like how to set up your Availability or book your first appointment? The Squarespace Scheduling team invites you to join us for one of our Get to Know Squarespace Scheduling webinars. In this expert-led webinar, you’ll learn the basics of the new built-in Scheduling tool and get to know more about our features and pricing plans. During the webinar, you’ll also have the opportunity to ask any questions you may have with our team standing by to assist! The webinar is free, yet space is limited. Register now to secure your seat: Sign me up As a note, these webinars are specifically for the Scheduling tool, so you can be using either the latest version of the platform, version 7.1, or the legacy version (7.0) . We’ll see you there!
  21. 2 points
    mkritsch

    How do I delete imported images?

    I ran across this SS support page when researching how to delete imported images. "Deleting an image you've uploaded or a Getty Image preview removes it from the Imported tab. If you’ve used the image in multiple places, it will stay in the Imported tab until you delete all copies. If you're still seeing it in the Imported tab, you may need to empty your site's trash can." However, I'm not finding the statement to be accurate... it appears any image I import stays in the Imported tab, even if deleted from the page, not used throughout the site, and the trash is empty. Just curious if anyone else has put it to the test?
  22. 2 points
    Looking forward to it and thanks again!
  23. 2 points
    Kwamzilla

    How do I delete imported images?

    Definitely something that needs fixing. Especially with the "Duplicate Site" feature... What if you create a "template" and want to use it for a different client... But then they have all the old photos cluttering up their page!
  24. 2 points
    You use SS 7.1? All sites in version 7.1 share the same template. That means: They all have the same style options and features. They all use sections to add content to pages. There isn't a need to switch templates, so that option isn't available in version 7.1. Instead, to try out different looks for your site: Change your global styles. Add new pages with different starter layouts. Create new sections to change a page's feel. For example, add a section with a background image at the top to create a page banner.
  25. 2 points
    I would like to say a big thankyou to @tuanphan for helping me solve this tricky problem (we reverted to private messaging to nut out the solution), he really knows his stuff! 🙂
  26. 2 points
    Hi @francescalo you can get it done in just 2 Steps , easily Let me share a code with you 🙂 Step 1 : Copy & Paste the follwoing code in HOME>DESIGN>CUSTOM CSS section. .Cart-inner>.icon{ display:none; } Step 2: Copy & Paste the follwoing code in SETTINGS>ADVANCE>CODE INJECTION and paste in FOOTER section. <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script> <script> $(".Cart-inner").append("<i class='fa fa-shopping-bag' aria-hidden='true'></i>"); </script> It will do the Job 🙂 Screenshot is attahced on how it will look like 🙂 If it answers the question don't forget to mark it as solved 🙂
  27. 2 points
    Hello - I am using the features layout / template on a page. I would like to add more rows of the block combination (image, header, text) - ie it gives me 3 rows of content, I need 10. Is there a way to copy and paste these rows / blocks so that I don't need to add each piece manually?
  28. 2 points
    For anyone who has been trying to unsuccessfully install Google Adsense on their Squarespace site, here are the instructions This is a permanent solution, similar to the other method, but with changes. Please give it anywhere from 24 hours to a week to take effect. https://www.graesen.com/blog/resolve-google-adsense-your-earnings-may-be-at-risk-error-for-squarespace
  29. 2 points
    Hi @tero.h.hakala First of all Yes its Important as servers uses these records as Trust/authentication checks when they receive something from other websites. So it is important to set it up. To set it up you can simply use these guide. https://support.google.com/a/answer/7026550?hl=en & https://support.squarespace.com/hc/en-us/articles/360001280748-Verifying-third-party-domains-for-Email-Campaigns Hope it Helps 🙂 Do Let us know if it works or not 🙂
  30. 2 points
    Hi @annahahn1993, It's Quite easy Let me share a code with you in few hours 🙂 as soon as I get free.
  31. 2 points
    humxahafeex

    Ipad Horizontal View

    Hi , You can use this code which will only Target the IPAD /* ----------- iPad Pro ----------- */ /* Portrait and Landscape */ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) { /*PASTE YOUR CSS CODE HERE*/ } /* Portrait */ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) { /*PASTE YOUR CSS CODE HERE*/ } /* Landscape */ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) { /*PASTE YOUR CSS CODE HERE*/ } Also please share your code so I can assist you better.
  32. 2 points
    Site URL: https://www.weacceptcryptocurrency.com/ Squarespace defaults to showing either the site title or the site logo, but I want to show both in my Header. Is there a way to add this functionality with CSS? I have searched the forums and various other online tutorials and I can't seem to find anyone who's successfully done this on a Squarespace site.
  33. 2 points
    onlineKarma

    WhatsApp Icon in "Social Links"

    Unfortunately the Icon for WhatsApp is missing in the "Social Links" of Squarespace. Can Squarespace kindly add it? Currently only a "URL" symbol shows instead of the WhatsApp Icon.
  34. 2 points
    Hi @EllieC. I definitely want to get back to that...I can see the issue. Unfortunately it might be awhile. But I'll post back if/when I get to it.
  35. 2 points
    SpeckleDigital

    Adding anchor links in 7.1

    Hey @studiolinear This is how I've solved it on one of my client sites (you can check out the WIP with the below details) URL: tommy-laurence-new.squarespace.com P: tommyl I'm setting the anchor point using code injection blocks with the following - <p id="about"></p> ( @EduProduct, you can insert a code block into your page content using the "Code" item as below) - For the links, I'm then setting up links in the nav as follows - /home#about And then in the code injection, this is the code I'm using to set up the smooth scrolling on the anchor links - <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $(document).ready(function(){ // Add smooth scrolling to all links $("a").on('click', function(event) { // Make sure this.hash has a value before overriding default behavior if (this.hash !== "") { // Store hash var hash = this.hash; // Using jQuery's animate() method to add smooth page scroll // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area $('html, body').animate({ scrollTop: $(hash).offset().top }, 800, function(){ // Add hash (#) to URL when done scrolling (default click behavior) window.location.hash = hash; }); } // End if }); }); </script> Hope that helps!
  36. 2 points
    Hi there, I'm building a website in Squarespace 7.1 and I want to know if anyone has an answer for this. I'm looking to add a Gallery Block, and you're faced with two tabs, 'Upload Media' and 'Use Existing Gallery'. When I click on 'Use Existing Gallery', it says 'There are no collections'. How do I make a gallery collection so that it shows up when I try to add a Gallery Block? Thanks in advance
  37. 2 points
    paul2009

    Code Injection

    Hey @StephanieMemory Try changing the background-size from 90px to a larger value such as 500px: background-size: 500px;
  38. 2 points
    paul2009

    How to hide code block??

    If you really want to hide ALL code blocks then you can add this to Design > Custom CSS and it will remove the space created by the Code Block itself (17 pixels of padding around it): .sqs-block.code-block.sqs-block-code { padding: 0; } Note that in your case, you have also added a paragraph (within the Code Block). For example, this is one of them: <p id="cb-paper"> </p> You'll therefore need to hide the space created by this too, using something like this: .sqs-block.code-block.sqs-block-code p { margin-block-start: 0; margin-block-end: 0; }
  39. 2 points
    Thank you. I just tweaked your code to work on my site, 7.1 Here is code /* 768 for tablet - desktop - 992 for desktop */ @media screen and (min-width:768px) { /* hide navigation */ .header-nav { display: none; } /* Hide header button */ .header-actions { display: none; } /* show burger */ .header-burger { display: flex; } /* Show overlay mobile menu */ .header--menu-open .header-menu { opacity: 1; visibility: visible; } }
  40. 2 points
    tuanphan

    Read More CSS Problem

    remove code you used, and add this to Code Injection Footer <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $('.blog-more-link:contains("Read More")').text('tuan phan'); </script>
  41. 2 points
    Robino

    Adding anchor links in 7.1

    Hi Christian - I found a way to make smooth scrolling work on my 7.1 website. It's still in construction and can't share but here' s how I achived it. This works in all browsers including mobile. ------------------------------------------------------------------------------------------------------------ 1. Insert this code in the HEADER CODE INJECTION <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script> <script src="https://unpkg.com/smoothscroll-polyfill/dist/smoothscroll.min.js"></script> <script src="https://unpkg.com/smoothscroll-anchor-polyfill"></script> 2. Insert this code in CUSTOM CSS html { --scroll-behavior: smooth; scroll-behavior: smooth; } 3. Create your anchor links. You will need to get the PAGE SECTION ID for the section you would want to anchor to. It looks like this: #page-section-5e2799dfc3035b3cf9e9c4d6 I have a hard time finding those IDs so what I do is right-click and inspect the section I want to anchor to and I do a search in the console and type: ID. Then you should be able to easily find all the page IDs. Once you have your page ID, you can create text links or buttons, whatever links you want and just put the # sign before the ID so it looks like this: #page-section-5e2799dfc3035b3cf9e9c4d6 That's it - smooth scrolling in all browsers and mobile. Note that in Chrome it will smooth scroll to a CODE BLOCK when using regular CODE block DIV IDs but it won't work in SAFARI / iPHONEs Mobile. Only the #page-sectionIDs work in all browsers.
  42. 2 points
    This is an essential feature that is still missing. I've been using squarespace for 4 years now, and I can't tell you how much time I've wasted doing tedious block duplication. Please add this to the developer task list. Add it to a sprint, do something. Talk to a producer. Get it done!
  43. 2 points
    I'm from europe and wondering why I have to use the weird american date format. If squarespace heavily advertises in europe, I'd think they'd cater to our date-format needs too. I'm a bit disappointed at this. It's one of these things that makes me feel not being taken seriously as a user. In a blog index I'd like to be able to show/hide dates in general, but also customize the format of the dates. I hope anyone who reads this can fix this, for all of us non-north-americans - aka the rest of the world. Cheers.
  44. 2 points
    DyanmicWatson

    Infinite Scroll for 7.1 Blog?

    Hello, I am setting up a blog using 7.1 and would like it to show as an infinite scroll. Does anyone know if this is possible? Is there a way to override the 20 post limit? I can code the summary block to exceed 30 posts but I need to use categories and these take the visitor back to the original blog. Any help or feedback would be greatly appreciated. Thanks! Marcus
  45. 2 points
    @C-A Add the following code to "code injection" --> "footer". <script> $('.header-menu-nav-item > a').click(function() { $('.header-burger-btn').click(); }); </script>
  46. 2 points
    IM_Design

    7.1 removing text link underlines

    Looks like they use a background image for the underlines instead of text decoration or borders, so this worked for me in the CSS Editor: a {background-image:none !important;}
  47. 2 points
    There is a min-height of 33vh set on sections. You need to override that to get the sections smaller. For all sections this would be: .page-section { min-height: 0 !important; } For a specific section you need to specify the data-section-id that can be found by inspecting the page code using your browser's developer tools. Somethig like this: .page-section[data-section-id="5d979fd8590a832f3c411579"] { min-height: 0 !important; }
  48. 2 points
    Hi All, Thought we'd give back to the community :) Using this method, we were able to add a basic 'Continue Shopping' button on the Pacific theme, it might work for other themes. Its not ideal as it adds a bit of code to all pages, but it does seem to work. We hope Squarespace can soon negate the need for something like this. To start with, we browsed to our /cart page and using the 'view source' option of the browser, we were able to determine that the DIV ID of the Shopping Cart DIV container was: sqs-cart-container We then created the following script which looks for the above DIV ID and adds a 'Continue Shopping' button just before it - The button just takes the user to the last page: <script> var d1 = document.getElementById('sqs-cart-container'); function goBack() { window.history.back(); } d1.insertAdjacentHTML('beforebegin', '<p><button onclick="goBack()" align="right">← Continue Shopping</button></p>'); </script> This was added as a Code Injection (settings > advanced > code-injection) under Footer Notes: It doesn't seem to have had a noticeable impact on performance Instead of a button, you can add atext link by changing the codeslightly as follows: <script> var d1 = document.getElementById('sqs-cart-container'); d1.insertAdjacentHTML('beforebegin', '<p><a href="LINK">Continue Shopping</a></p>'); </script> You can also change the position of the button by changing the 'beforebegin' variable. More information here It is also possible to change the formatting of the button or the link using custom CSS. Refer to Squarespace's own guide on Custom CSS or just Google it! Regards and Good Luck :) Web Development Team at ByteSize
  49. 1 point
    If you don’t deliver anything it may be better to set up your products as services instead of physical products. This way your customers won’t have to enter a delivery address at checkout and the delivery section won’t appear in the automated emails. https://support.squarespace.com/hc/en-us/articles/206540867-Service-products
  50. 1 point
    dimsk

    Embedding Google Sheet cells

    Hey, I know the question is a bit old but it does come up quite often. For this it is best to use Google's built-in option to create an iframe: File > Publish to the Web > choose the Embed option and copy the code. This will give you a code that looks like this: <iframe src="https://docs.google.com/a/....../pubhtml?widget=true&headers=false"></iframe> This won't look great with the automatic height and width so you can add these in: <iframe width="100%" height="500px" src="https://docs.google.com/a/.../pubhtml?widget=true&headers=false"></iframe> Hope this helps someone else!
This leaderboard is set to New York/GMT-04:00
×
×
  • Create New...