SquarespaceWebsites Tools Extension PRO -  Content Presets.jpg

SquarespaceWebsites Tools Extension PRO

This tool helps to do import and export between Squarespace 7 sites and enables some additional tweaks.

Attention: This plugin uses undocumented Squarespace API! So you do all manipulations for your own risk and we are not responsible for corrupted site content or collections.

This tool helps to do import and export between Squarespace 7 sites and enables some additional tweaks. It uses Squarespace API, but while they have it in Developer (Test) Mode, it is not recommended to use.

It supports Pages and List collections like Blog, Gallery, Album, Events or custom (Dev) collections including content inside.

You can also import/export your Commerce Products between Squarespace sites. 

Squarespace Websites Tools Extension PRO 1.x.x - 199$ Branch Chrome Webstore


Changelog:

25/10/2017

  • Search box on accounts page
  • Summary Blocks new settings.
  • Galleries creating process fixes

26/09/2017

  • Fixing Create From Data issues;
  • Summary Blocks new settings.
  • We show image size in available fields

28/08/2017

  • Titles count added (recommended Google SEO title length is 70-78 characters);
  • Fixed Custom Table Block icon.
  • Override blogs page size limit to 100
  • Summaries blocks now will have collectionUrl parameter in data-json attribute - you may use this for adding lazy loading items.

11/08/2017

12/07/2017

  • Fixed issues with products copying.
  • Site Info on Command(Ctrl)+I is more informative now.
  • We're indicating Collections with Injections in Navigation panel now.

26/06/2017: 

  • Map Block is enhanced now. Use custom Marker images, show multiple location with custom styled maps.
  • Items importing process improved.

09/06/2017: 

  • Table Block added.
  • Site Info Panel on Ctrl+I to see main site and template info. 

17/05/2017: 

  • Now you may use Tweaks Presets from another templates, only tweaks existing in current template will be set (useful to set some general and the same tweaks: site fonts and colors etc.).

  • Fixed bug in loading Page Presets then the blocks created from page were inserted on the same page with the same id's.

  • Now you may request item editing dialog on any item with proper id attribute with Ctrl+RightClick. Feature works for default Blog and Galleries Collections, and for any custom collections items,  just make sure you set proper data-slide-id or  data-sqstp-item-id or data-item-id attribute in you template like:

 
<div data-item-id="{id}">
  --Your markup here--
</div>
 
  • Improved galleries and Indexes copying process.


Using Enhanced Map Block

Use Squarespace Map Block with custom Markers and show multiple locations on maps with your custom styles. What you need is add one more js file to Injections tab:

 
<script src="//www.squarewebsites.org/assets/sqs-map-utils/init.min.js"></script>
 

Also you may define your custom map styles in global variable. Notice you may set styles array but need to start value from 7 (so next style will be with value: 8), because built-in Squarespace styles take 1-6 range. Here is an example:

<script>
window.customMapStyles=[
  {
    label:"Gamma Dark",
    value:7,
    styles:{
        marker:{imgUrl:"/universal/images-v6/icons/cover-pages-map-marker-pin-dark-2x.png",naturalWidth:48,naturalHeight:64},
        colors:[{featureType:"all",elementType:"labels.text.fill",stylers:[{saturation:36},{color:"#000000"},{lightness:40}]},{featureType:"all",elementType:"labels.text.stroke",stylers:[{visibility:"on"},{color:"#000000"},{lightness:16}]},{featureType:"all",elementType:"labels.icon",stylers:[{visibility:"off"}]},{featureType:"administrative",elementType:"geometry.fill",stylers:[{color:"#000000"},{lightness:20}]},{featureType:"administrative",elementType:"geometry.stroke",stylers:[{color:"#000000"},{lightness:17},{weight:1.2}]},{featureType:"landscape",elementType:"geometry",stylers:[{color:"#000000"},{lightness:20}]},{featureType:"poi",elementType:"geometry",stylers:[{color:"#000000"},{lightness:21}]},{featureType:"road.highway",elementType:"geometry.fill",stylers:[{color:"#000000"},{lightness:17}]},{featureType:"road.highway",elementType:"geometry.stroke",stylers:[{color:"#000000"},{lightness:29},{weight:.2}]},{featureType:"road.arterial",elementType:"geometry",stylers:[{color:"#000000"},{lightness:18}]},{featureType:"road.local",elementType:"geometry",stylers:[{color:"#000000"},{lightness:16}]},{featureType:"transit",elementType:"geometry",stylers:[{color:"#000000"},{lightness:19}]},{featureType:"water",elementType:"geometry",stylers:[{color:"#0f1f2e"},{lightness:17}]}]
    }
  }];
</script>

Now you'll see an extra style in Map dialog:

You may customize and enhance map as you want - you have google map instance on .custom-map-block node object in _map variable.


Using Table Block

With PRO version you may now create Table Blocks based on original Markdown block. Extension build a HTML5 table for you based on manually added data or imported from *.csv file or synchronized with Google Spreadsheets. We also have some base table styles, mobile view and sorting feature. We allow html and markdown markup in table so you are able to add  images and other stuff to tables.

To use all table features, please copy/add this code to your Injections tab :

 
<link rel="stylesheet" href="//www.squarewebsites.org/assets/custom-tables/style.css">
<script src="//www.squarewebsites.org/assets/custom-tables/custom-table.js"></script>
 

Tables are initializing on Y.config.win.Squarespace.onInitialize event, so it should work with Ajax Templates also. For additional JS  plugins and features you may subscribe to  "table-init" custom event - it fires on table is built.

 
document.querySelector('.my-table').addEventListener('table-init', function () {
                       ----Your code here---
            }, false);
 

Attention: Please divide Tables Blocks with another blocks, like Spacer or Line or some another except Markdown and Table. The reason is Squarespace split nearby Markdown blocks into one and we want to keep this for compatibility. 


Site Info Panel

Toggle Ctrl+I combination to see main site info. It works even if you're not logined to your Squarespace account - so you always can check is site you're seeing Squarespace site and which template used.


Using Content Presets

Please think about Content Presets more like about Squarespace Blocks layout preset, if you want full data available - use extension import/export functions. Remember that using some shared Content Presets you do not own or the preset created on you another site - you will get the layout, but images and some other blocks will be empty (but with settings like images layout and texts, galleries designs and options etc..).

Using Shared Presets or your saved Presets on another Squarespace site

Using simple Copy/Insert Layout Blocks

Notice that Copy/Insert  works only for current site, if you want  copy some blocks to another site - you would create a Preset.


Using Tweaks Presets

Tweaks Presets feature is about quick change site tweaks styles (imagine you need to show several designs to your client). It checks the templateId to propose you shared Presets, so all presets are really safe to load them to your site - the tweaks you have no on your site would just used. But nevertheless - better do backup before some manipulations also you may just do not "Save" loaded tweaks.


Content Items Cloning and Moving across sites


Tweaks Current Colors and Reset Fonts

You may see current colors used on site and easily set the same colors across the site. 
With Reset Fonts you may set one font-family across all site - useful when your design is minimalistic and has one font.


Check your Descriptions length for SEO