Designing Ecommerce Sites with Muse

Learn how to implement popular ecommerce frameworks like Shopify into your Muse website to support an online shopping experience.

With Adobe Muse, you can use canvas and layout tools to create unique websites without needing to write a line of code. You can also implement popular ecommerce frameworks like Shopify into your website to support an online shopping experience. In this course, Dani Beaumont demonstrates how to design your ecommerce site using Muse.

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.

Introduction

• Introduction
• About the exercise files
• Before and after shopping cart

1. Building Out Muse Pages

• Muse site plan organization
• Importing Shopify widgets
• Adding a store master page
• Adding main and cart widgets
• Building out a product page

2 Creating a Shopify Trial

• Creating a Shopify trial
• Adding products manually
• Adding products in bulk

3. Integrating Shopify Products in Muse

• Locating Shopify keys and tags
• Adding Shopify product tags
• Preview and review
• Formatting widget elements
• Applying widgets to all items
• Adding product IDs
• Working with just the buy button

4. Building Out, Testing, and Publishing

• Generating terms of service and return policy changes
• Setting Shopify shipping and payments
• Testing cart and checkout
• Pushing live in muse
• A bit about your shop owner

Conclusion

• Next steps