At a minimum, your Squarespace website must be on the Business Plan to embed your WM Store with the snippet code generated for your Squarespace website.
Embedding to Squarespace
Let's walk through the steps below:
Using your admin account, log in to Squarespace.
From the Websites tab, choose the website that'll host your WM Store.
Click Edit Site.
4. On the left-hand navigation menu, click Pages.
5. Click the link for the desired page:
NOTE: The Menu will be our hosting page in the example below.
6. With the page selected, click Edit.
7. Click the ( + ) button to add a new page section.
8. From Add a Section, click Add Blank +.
9. With your cursor, hover over a section to edit the styles.
10. Click the Format tab.
11. Perform the following:
a: Section Height: L
b: Content Width: L
c: Content Alignment: Top alignment (arrow pointing up).
12. With your cursor, hover over the left-hand side of the section.
13. Click Add.
14. Under More from the content section, click Code.
15. Ensure the HTML is selected from the dropdown for the code block.
16. To control the set height, input the script below into a div:
a: Replace the highlighted text with the WM Store domain created earlier.
b: You can adjust the height taller or shorter than 800px as needed.
<div style=“height:800px”><script src=“https://your-wm-store-url.wm.store/static/js/embed.js”></script></div>
17. Click Apply.
After applying your changes, the message Script Disabled indicates that everything is working as expected.
18. When complete, click Done in the upper left-hand corner.
19. Click Save.
At this point, your online store is:
Published
Ready for your patients and customers
Check out these articles for pro tips and best practices on WM Store optimizations.