Squarespace: How to Install ArtPlacer Widgets

Modified on Mon, 22 Jul at 7:46 AM

Table of Contents:


Initial Considerations:

  • An active Advanced or Premium Plan Subscription is required.

  • You must generate and obtain the required script and button implementation codes from the Widgets’ section upfront. To learn how to do that, please read this article first.

  • If you’re planning to implement Widgets on a Product Page (Shop page), the products (hence the Artworks) must be previously listed on your Squarespace inventory with the fulfillment shipping dimensions (width & height) filled in. Learn how to properly do this, here.

  • For non-Product/Shop pages, the Artworks need to be previously uploaded to your ArtPlacer Dashboard Artworks’ section. For more information, please read this article.

  • Squarespace v7.0 template users: We strongly recommend disabling Ajax. As it could negatively affect the Widget performance. Learn how to do this, here.

Installation Process:


Squarespace requires third party scripts and code like ArtPlacer’s to be implemented in a specific manner.
We've put together the following slides to help you throughout the process:



Troubleshooting:


  • Problem: The Widget is displaying wrong Artwork dimensions (when installed on a Product/Shop page).

  • Check the following:

    • Go to Edit product →  Fulfillment → Advanced Shipping and make sure that the product height & width values have been specified:

 

  • If you offer variants. Compatible variant option names are “Size”; “Sizes”; “Sizing”; “Dimension”; “Dimensions”; “Measurements”; “Measures”. You can change this from Edit product → Inventory → Variants → Edit all → Manage options:


NOTE: If your site is offered in different languages, please reach out to us for further information on this matter.

You may also want to check if the dimensions for each variant option have been specified:


Learn how to properly add variants, here.

Size variants options should look similar to this from the visitor's POV:


  • Problem: The Widget is displaying the wrong Artwork dimensions (when installed on a non-Product/Shop page).

  • Check the following:

    • Head up to the Artworks’ section within your ArtPlacer account and verify the Artwork dimensions from its edit view.


  • Problem: The Widget button is loading in the wrong position.

  • Check the following:

    • Squarespace v7.1 users head up to Configuration screen (left side menu) Website → Pages → Utilities → Website Tools → Custom code → Code injection → Footer…

    • Squarespace v7.0 users Head up to configuration screen (left side menu) Settings → Advanced → Code Injection → Footer instead…

and make sure that position: “below-add”, has been defined as shown below:


  • Problem: The Widget is showing the wrong Artwork image.

  • Check the following:

    • Squarespace v7.1 users head up to Configuration screen (left side menu) Website → Pages → Utilities → Website Tools → Custom code → Code injection → Footer…

    • Squarespace v7.0 users Head up to configuration screen (left side menu) Settings → Advanced → Code Injection → Footer instead…

      … and confirm which image has been specified to be shown, 
      where “1” is the main or the “featured image” set at Edit product  → Images within the product options:





You can change the number value between captions if needed.


Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article