Join Dani Beaumont for an in-depth discussion in this video Locating Shopify keys and tags, part of Designing Ecommerce Sites with Muse.
We need to create a token, and that token is kinda the secure handshake for this store and the Muse website. I'll click on Create Token, and I now have that token created. I want to copy it to the clipboard, so I'm going to roll over that token and then right-click and select Copy. Now, I have that token selected, which is great. Let's go ahead and swing back into the product area.
There's one other thing I want to do now that I've enabled that buy button, is change the visibility of these products to work with the buy button. So for that, I'm going to come here in the Product List, and on the left-hand side, I'm going to click to select all the products. I then want to click on Edit Products, and there's a number of database fields I can edit here. I want to go to the Add Fields drop-down, and make sure that Visibility is selected.
I can now see the Visibility field here. This is kind of a feature that can help you out. If you're working on a product or you're setting it up for your business owner so that they can expose it later on when they're ready to start selling that product, you can uncheck Visibility in Shopify. All of the attributes will remain there, but it won't be visible on the web. It won't show up within your Muse website. I do want visibility to be enabled now that I've enabled that token key, so I'm just going to come in and quickly check the Visibility checkbox for all of my items, and then I'm going to save all the changes.
Now, I still have that token key on my clipboard if everything is the way it should be. I'm going to switch back over into Adobe Muse, and I'll go over to the Site Plan, and what I want to do is come over to the Shop Master. Double-click on it, and if you remember, we have multiple layouts here. Desktop, tablet, and smart phone. Whenever I'm editing a widget, it's going to be consistent across all the break points, so it doesn't really matter if I'm here on the phone layout, or desktop, or tablet.
I want to come in and select the QooQee Main Shopify widget here on the left, and in the blue flyout panel, I want to come into the API key, delete the default that's there, and paste the key that I just copied from Shopify. Now, you want to make sure you grabbed all of that. Mine ends with the letter C, and if I scroll over, the field's just a little small here. I can see it starts with an F, and that seems right to me, but I could go double-check it. The other thing I need to get is the shop name, so let's go back over to Shopify, and you'll notice up here in the URL, I can see my shop name.
It's macho-goodness-demo.myshopify.com, so I want to skip that part of it and just grab the shop name, so Macho Goodness Demo, that's the name that I gave this shop. I'm going to copy that to the clipboard, go back to Adobe Muse, and delete the default name there and paste the shop name into that field.
Dani shows how to build out Muse pages, set up a Shopify store in trial mode, and add products manually and in bulk. She also shows how to integrate Shopify products in Muse, generate terms of service and return policy changes, and set Shopify shipping and payments. Plus, she explains how your site owner can maintain their inventory on the Shopify side.
- Building out Muse pages
- Adding a store master page
- Creating a Shopify trial
- Adding products manually and in bulk
- Integrating Shopify products in Muse
- Formatting widget elements
- Adding product IDs
- Building out, testing, and publishing