Open the following link in a browser:
Last updated on
Note:
Adobe Muse is no longer adding new features and will discontinue support on March 26, 2020. For detailed information and assistance, see Adobe Muse end-of-service FAQ.
Adobe Muse lets you sell merchandise via the Shopify Cart widget. Shopify is an ecommerce solution that allows you to set up an online store to sell your goods. Shopify lets you organize your products, customize your storefront, accept credit card payments, track and respond to orders — all with a few clicks of the mouse.
Adobe Muse requires you to open an account on Shopify before you configure the Shopify widget. Once set up, you can use your Shopify account to configure the store on your website and sell merchandise, soon after.
Download Shopify widget
-
-
Click the Get This Widget button.
The Shopify widget is downloaded to your default Downloads folder. Depending on the browser you used to download the widget and the operating system on your computer, the Downloads folder is configured differently.
Add and configure shopping cart
To add and configure the Shopify button, do the following:
Note:
Before you begin configuring the Shopify widget within Adobe Muse, ensure that you set up your store and list products in your Shopify account.
-
In Adobe Muse, select Window > Library to open the Library panel. If you haven't already done so, click the
button, and import the Shopify widget.For information about downloading Shopify widget, see Download Shopify widget.
-
In the Library panel, select Adobe Widgets > Shopify Widget, and drag the widget on to the web page canvas.
-
Select the Shopify widget, and click
button to bring up the Options panel.
-
In the Options panel, enter the following:
Shop Name
Enter the name of your store. For example if your store URL was musewidgeits.shopify.com, enter musewidgets.
Item Title
Provide a title for the item, could be the name of the product.
Button Type
Specify if you want to display just the Buy Button.
Button Text
Is "Buy Now" by default, but you may rename per your design needs.
Button Color
Use the color picker to set the color of the button.
Size
You can set the button to display at Compact (230px) or Regular (450px) sizes.
Send User To
Specify where you want the site visitor to be redirected on clicking the Shopify button.
-
Click outside the Options panel to finish. Preview the web page or the site using Preview mode in Adobe Muse or select File > Page in Browser option.
Add and configure Shopify button
To add and configure the Shopify widget, do the following:
Note:
Before you begin configuring the Shopify widget within Adobe Muse, ensure that you set up your store and list products in your Shopify account.
-
In Adobe Muse, select Window > Library to open the Library panel. If you haven't already done so, click the
button, and and import the Shopify widget.For information about downloading Shopify widget, see Download Shopify widget.
-
In the Library panel, select Adobe Widgets > Shopify Button, and drag the Shopify Button on to the web page canvas.
-
Select the Shopify button, and click
button to bring up the Options panel.
-
In the Options panel, enter the following:
Shopify Name
Enter the name of your Shopify store. For example if your store URL was musewidgeits.shopify.com, enter musewidgets.
Shopify Collection(s) ID(s)
Provide ID of your Shopify collection(s).
-
Click outside the Options panel to finish. Preview the web page or the site using Preview mode in Adobe Muse or select File > Page in Browser option.
Sign in to your account